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 Mozilla Firefox Google Chrome Microsoft Internet Explorer Safari 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.

CMS Content Management System Drupal WordpressJoomla! GPL General Public License Free Software Foundation 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.

¿Qué es un blog? Bitácora 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) Weblog log = diario

HTML HyperText Markup Language Etiqueta de inicio Etiqueta de cierre Lenguaje de marcado de hipertexto Utiliza etiquetas (tags) para describir la estructura y contenido de un texto. El texto que figura entre ambas etiquetas está definido como encabezamiento de primer nivel. Marcado de estructura, presentación e hipertexto (enlaces). Ejemplo de marcado de estructura:

HTML HyperText Markup Language Etiqueta de inicio Etiqueta de cierre Lenguaje de marcado de hipertexto Utiliza etiquetas (tags) para describir la estructura y contenido de un texto. El texto que figura entre ambas etiquetas está en negrita. Marcado de estructura, presentación e hipertexto (enlaces). Ejemplo de marcado de presentación:

HTML HyperText Markup Language Etiqueta de inicio Etiqueta de cierre Lenguaje de marcado de hipertexto Utiliza etiquetas (tags) para describir la estructura y contenido de un texto. El texto que figura entre ambas etiquetas corresponde a un enlace (ancla). Marcado de estructura, presentación e hipertexto (enlaces). Ejemplo de marcado de hipertexto:

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 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 target="_blank" 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 Acceso para asociados (portal de profesionales): Introducir usuario y contraseña del Comité Se abre el panel del comité Pasos: Entrar en perfil Introducir nuevos artículos Subir imágenes Subir documentos Información del usuario

Gestión de contenidos con la plataforma Wordpress Correo del Comité Perfil

Gestión de contenidos con la plataforma Wordpress 1º Añadir nueva entrada 2º Seleccionar categoría 4º Validar Extracto: texto breve para el panel de noticias (comunicados de Secretaría del portal de inicio) Entradas 3º Introducir contenido Titular Texto

Gestión de contenidos con la plataforma Wordpress Texto Opciones de texto Cuadro de texto Entradas

Gestión de contenidos con la plataforma Wordpress Texto con etiquetas Subir documento Añadir enlace al texto seleccionado Cuadro de texto Entradas

Gestión de contenidos con la plataforma Wordpress Título del documento (nombre con el que saldrá en la web) Seleccionar documento Poner documento en el servidor 1º Añadir 2º Buscar Descarga restringida a los socios Subir documentos para descargar

Gestión de contenidos con la plataforma Wordpress 1º Añadir 2º Buscar Buscar documentos para descargar Insertar documento Buscar documento descargado “Descargar documento” sale delante del nombre del 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_acta (SI) Utilizar el navegador Mozilla Firefox para la sesión de Wordpress