Actualización en el manejo de la
documentación en la nueva página web
Madrid, 27 de noviembre de 2009
A. Pérez Pimiento
Coordinador del Comité de Informática
El portal web de la SEAIC
Blogs de los Comités
Portal de Profesionales
Navegadores de internet
Programas que permiten
visualizar la información que
contiene una página web.
Interpretan el código el que
está escrita la página y lo
presentan en pantalla
permitiendo al usuario
interactuar con su contenido.
Microsoft Internet Explorer
Mozilla Firefox
Google Chrome
Safari
CMS
Content Management System
Sistema de gestión de contenidos
Programa que permite crear un soporte para la creación y administración
de contenidos por parte de los participantes (principalmente en páginas
web).
Consiste en una interfaz que controla una o varias bases de datos donde
se aloja el contenido del sitio.
GPL
General Public License
Free Software Foundation
Joomla!
Drupal
Wordpress
¿Qué es un blog?
Bitácora
Weblog
log = diario
Sitio web actualizado periódicamente.
Orden cronológico de textos y artículos.
El primero es el último.
Unidad de publicación
Entrada (post/entry)
HTML
HyperText Markup Language
Lenguaje de marcado de hipertexto
Utiliza etiquetas (tags) para describir la estructura y contenido
de un texto.
Marcado de estructura, presentación e hipertexto (enlaces).
Ejemplo de marcado de estructura:
Etiqueta de inicio
<h1>
<head>
Etiqueta de cierre
</h1>
</head>
El texto que figura entre ambas etiquetas está definido
como encabezamiento de primer nivel.
HTML
HyperText Markup Language
Lenguaje de marcado de hipertexto
Utiliza etiquetas (tags) para describir la estructura y contenido
de un texto.
Marcado de estructura, presentación e hipertexto (enlaces).
Ejemplo de marcado de presentación:
Etiqueta de inicio
<b>
<strong>
Etiqueta de cierre
</b>
</strong>
El texto que figura entre ambas etiquetas está en
negrita.
HTML
HyperText Markup Language
Lenguaje de marcado de hipertexto
Utiliza etiquetas (tags) para describir la estructura y contenido
de un texto.
Marcado de estructura, presentación e hipertexto (enlaces).
Ejemplo de marcado de hipertexto:
Etiqueta de inicio
<a>
Etiqueta de cierre
</a>
El texto que figura entre ambas etiquetas corresponde
a un enlace (ancla).
HTML
Ejemplo
Cursos de Formación Médica
Continuada
Inmunoterapia como herramienta
clínica moderna
Curso on-line con el auspicio de la
SEAIC, patrocinado por Leti Alergia.
Acreditado por el Sistema Nacional de
Salud con 6,7 créditos.
Del 15 de mayo al 18 de diciembre de
2009.
http://www.cursoinmunoterapia.com
target="_blank"
<h1><strong>Cursos de Formación Médica
Continuada</strong></h1>
<strong>Inmunoterapia como herramienta clínica
moderna</strong>
Curso on-line con el auspicio de la SEAIC, patrocinado
por Leti Alergia.
Acreditado por el Sistema Nacional de Salud con 6,7
créditos.
Del 15 de mayo al 18 de diciembre de 2009.
<a href="http://www.cursoinmunoterapia.com"
target="_blank">http://www.cursoinmunoterapia.com</a>
el enlace se abre en una página nueva
CCS
Cascading Style Sheet
Hojas de estilo en cascada
Definen la presentación de un escrito:
 Tipos de fuentes.
 Colores y fondos.
 Texto (espaciado, alineación).
 Caja (márgenes, bordes, rellenos).
Si cambiamos un dato de la CSS se cambia en toda la página
definida por la hoja de estilo
Gestión de contenidos con la
plataforma Wordpress
Pasos:
Acceso para asociados (portal de profesionales):
Introducir usuario y contraseña del Comité
Entrar en perfil
Se abre el panel del comité
Introducir
nuevos
artículos
Subir imágenes
Información
del usuario
Subir documentos
Gestión de contenidos con la
plataforma Wordpress
Perfil
Correo del Comité
Gestión de contenidos con la
plataforma Wordpress
Entradas
1º Añadir nueva entrada
3º Introducir contenido
Titular
Texto
4º Validar
Extracto: texto breve para el panel de noticias
(comunicados de Secretaría del portal de inicio)
2º Seleccionar categoría
Gestión de contenidos con la
plataforma Wordpress
Entradas
Cuadro de texto
Opciones de texto
Texto
Gestión de contenidos con la
plataforma Wordpress
Entradas
Cuadro de texto
Añadir enlace al
texto seleccionado
Subir documento
Texto con etiquetas
Gestión de contenidos con la
plataforma Wordpress
Subir documentos para descargar
1º
Añadir
2º
Buscar
Seleccionar documento
Título del documento
(nombre con el que saldrá en la web)
Descarga restringida a
los socios
Poner documento en
el servidor
Gestión de contenidos con la
plataforma Wordpress
Buscar documentos para descargar
1º
Añadir
2º
Buscar
Buscar documento
descargado
“Descargar documento”
sale delante del nombre
del documento
Insertar
documento
Recomendaciones
• Escribir todo el texto en un documento de word.
• Guardar todos los documentos en una carpeta de nuestro PC.
• Importar o copiar desde word.
• No guardar el documento word en formato html.
• Hacer entradas sencillas y resumidas.
• Validar los cambios de uno en uno.
• Subir documentos en formato pdf (no editables).
• Subir imágenes con poco peso (guardar para la web).
• Evitar almacenar excesivos datos en las cuentas de correo.
Recomendaciones
• Utilizar títulos estándar
– Convocatoria de reunión / Acta de la reunión del día… / Comunicado del
Coordinador / Estudio ALERBLOG, etc.
• Utilizar un formato común para los textos
– Alineación, fuentes, estilos, etc.
• Asignar nombres específicos a los documentos subidos
– Acta 27/11/09 (NO)  Informatica_acta091127 (SI)
• Utilizar el navegador Mozilla Firefox para la sesión de Wordpress
http://www.mozilla-europe.org/es/firefox/
Descargar

Document