Índice. Introducción 04 Objetivos. 05 Roles 06

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Índice. Introducción 04 Objetivos. 05 Roles 06"

Transcripción

1 GUÍA DE ESTILO WEB PARA LA CONSTRUCCIÓN DE SITIOS DE INSTITUCIONES EDUCATIVAS DEL SECTOR DESCENTRALIZADO DE LA SECRETARÍA DE EDUCACIÓN DEL GOBIERNO DEL ESTADO DE MÉXICO (CATEGORÍA 4)

2 Índice Introducción 04 Objetivos. 05 Roles Arquitectura de la información 1.1. Mapa de sitio Asignación de contenidos a tipos de páginas Página principal Página de contenido Estructura del sistema Diseño de la interfaz 2.1. Estructura de la página (topología) Retícula Tipos de ventana Encabezados Pie de página Herramientas de navegación Plantillas de diseño y uso de elementos 3.1. Plantilla de diseño Página principal Páginas de texto, con columna única Página de texto, con dos columnas Tablas Gráficos Sitios de interés Mapa de sitio Contáctanos Elementos de diseño Logotipos Tipo de fuente Enlaces Paletas de color Íconos Plecas y elementos de estructuración Recursos visuales, sonoros y audiovisuales Imágenes Videos Sonido Contenido dinámico Documentos en otros formatos Lineamientos de contenido 4.1. Información escrita.. 43

3 4.2. Espacio central Espacios laterales Preguntas frecuentes Lenguaje ciudadano Enlaces Diseño para el Acceso Rápido 5.1. Normas Mínimas para facilitar el vía conexión telefónica Peso de las páginas Diagramación de las páginas Uso de presentaciones en Flash Uso de marcos o frames Uso de imágenes de background Uso de Meta Tags adecuados Normas para incorporar elementos gráficos y multimedia Interoperabilidad Estándares internacionales Sistemas para generar feedback (atención a usuarios) 6.1. Formularios del sitio (contáctanos) Correos electrónicos Boletines de noticias y novedades Sistemas para recibir y administrar mensajes de usuarios Foros, blogs y chats Puesta en marcha 7.1. Plan de Pruebas Pruebas de Interfaces y Contenidos Pruebas de Funcionalidades y Operación Pruebas de Carga Pruebas de Seguridad Pruebas de Respaldo y Recuperación Registro y Control de Pruebas y Errores Derechos del Usuario Política de Privacidad Política de uso de información y Licencia Creative Commons Desarrollo de un Plan de lanzamiento Desarrollo de un Plan de Comunicaciones El Sitio como apoyo de la Institución Métricas de Evaluación de Desempeño Internas y Externas Google Analytics Enlaces desde otros sitios 58

4 Introducción Brindar una mayor y mejor oferta de contenidos y servicios a través del reconocimiento de las diferencias y de las necesidades de los ciudadanos, es una manera de fomentar un mayor acercamiento del gobierno del estado con la sociedad. A través del portal electrónico y los sitios web se desea mejorar los servicios y facilitar a los usuarios el acceso a la información, por lo que para garantizar una experiencia agradable y fomentar una imagen positiva del gobierno, es necesario que las dependencias presenten sitios web actualizados, fáciles de usar, atractivos, accesibles, consistentes con la imagen del Gobierno del Estado de México. La presente guía está sustentada en el Manual de Uso de la Identidad Gráfica del Gobierno del Estado de México, editado por la Coordinación General de Comunicación Social, y tiene como objetivo que las diferentes páginas que conforman el portal web del Gobierno del Estado, mantengan una imagen gráfica homogénea pero diferenciada. Es por eso que el diseño se basó en la filosofía de la Diversidad Armónica que enfatiza las funciones y el contenido como las piedras angulares de un portal diverso. Se crearon una serie de lineamientos que ahora sirven como guía para que los diseñadores y programadores de páginas de las diferentes dependencias del gobierno tengan las pautas indicadas para el buen funcionamiento y mantenimiento de los sitios y portales del Gobierno del Estado de México. Los lineamientos fueron divididos en cuatro categorías, en la primera se especifican las características que deberán cumplir los sitios de las secretarías. La segunda aplica a los sitios de organismos auxiliares, descentralizados y desconcentrados, así como a los micrositios temáticos de programas y proyectos gubernamentales. La tercera categoría señala los requerimientos mínimos de identidad para los sitios de imagen abierta. Hasta el momento se han identificado y autorizado los siguientes: Gubernatura, Radio y Televisión Mexiquense, Turismo, Niños, Jóvenes (Instituto Mexiquense de la Juventud), Cultura (Instituto Mexiquense de Cultura), Artesanías, Pirotecnia (Instituto Mexiquense de la Pirotecnia), Parques y Fauna. Y la categoría cuatro se enfoca los sitios de las instituciones educativas de nivel medio superior y superior. Los siguientes apartados ofrecen una serie de recomendaciones y especificaciones relacionadas con los contenidos, el diseño, el uso de recursos visuales, sonoros, audiovisuales y de navegación, que deberán seguirse para mantener la funcionalidad de los sitios de categoría cuatro. 4

5 Objetivos y estrategias Hacer una sitio web puede ser algo muy sencillo, sin embargo, lograr que cumpla su objetivo y sea interesante para los visitantes es un gran reto. Por ello el Gobierno del Estado de México ha desarrollado una estrategia de homologación de los sitios de todas sus unidades administrativas con la finalidad de que cumplan con altos estándares de calidad y denoten confiabilidad en los servicios que se ofrecen. Se ha sistematizado el proceso de diseño y desarrollo de los sitios para facilitar a los responsables de cada unidad administrativa su creación y al mismo tiempo garantizar una oferta de contenidos útiles a la comunidad mexiquense a través de una imagen estándar y consistente con la administración del Gobierno del Estado de México. La guía tiene por objeto servir de pauta de trabajo durante el proceso de rediseño de los sitios web de las instituciones de educación superior pertenecientes al sector descentralizado de la Secretaría de Educación del Gobierno de Estado de México, desde la planificación inicial hasta la puesta en marcha y posterior mantenimiento. Presenta un excelente método para tener una visión completa de cómo rediseñar un sitio con un formato accesible y fácil de implementar. 5

6 Roles La Dirección de Gobierno Electrónico a través de sus diferentes áreas será la encargada de regular y vigilar el cumplimiento de los lineamientos de diseño, imagen, contenido y aspectos técnicos que se establecen en la presente guía, a fin de que los sitios de las instituciones educativas adscritas al Gobierno del Estado de México mantengan una imagen uniforme, sean funcionales e incluyan información y servicios de utilidad. De acuerdo con lo establecido en el Artículo 34 del Reglamento de Tecnologías de la Información del Poder Ejecutivo del Estado de México, las Unidades Administrativas, en el ámbito de su competencia, deben realizar lo siguiente: Mantener la calidad y actualizar la información publicada en las páginas y portales electrónicos. Dar cumplimiento a los lineamientos de imagen, contenido y técnicos para la construcción de páginas electrónicas. Asegurar que sus páginas o portales contengan el dominio institucional del Gobierno del Estado de México. Atender y dar respuesta de forma expedita a la solicitud de servicios, correos electrónicos, mensajes, foros y otros esquemas electrónicos de interacción, así como llevar el registro y control de dichas solicitudes. Realizar la identificación, normalización y modelado de los procesos que soportan los servicios en línea. Incorporar servicios en línea, así como operar los procesos que permitan proporcionar atención oportuna a las solicitudes recibidas por este medio. Implementar estándares de calidad y mejora continua en los procesos soporte de los servicios en línea. Para lograr lo anterior, las Unidades Administrativas deberán asignar a un responsable del sitio web que se encargará de la parte tecnológica y a un responsable de la información que se evocará al contenido, ambos coordinarán los esfuerzos de todo el equipo de trabajo para el rediseño y manutención del sitio. A continuación se detalla el perfil de los profesionales que deben intervenir en las diferentes tareas que involucra el desarrollo y operación de un sitio web: Responsable de sitio. Su tarea principal será la coordinación los equipos de trabajo y ser la contraparte permanente del proyecto, además será el encargado de la seguridad y administración de las cuentas del sitio así como de la asignación de perfiles para el desarrollo del proyecto. Debe tener claro cada uno de los procesos y metodologías que serán aplicadas. Programador. Programará los diferentes componentes del sitio (páginas, formularios, funcionalidades) y estructurarán los documentos bajo las recomendaciones tecnológicas y operativas establecidas. 6

7 Responsable de información. Definirá el estilo de los contenidos de las diferentes secciones del sitio y aprobará su publicación, con el objeto de poder dar respaldo a las modificaciones, actualizaciones y nuevas decisiones relativas al contenido del sitio. Deberá estar en contacto con el personal de la institución que tenga la capacidad para interpretar adecuadamente los desafíos de la institución y los puedan transformar en elementos concretos. Se requiere que esté en constante comunicación con las áreas que manejan las líneas de trabajo de la institución (dirección programática y estratégica); quienes trabajan en la forma de darla a conocer al público (comunicaciones) y quienes se preocupan de que esa información llegue efectivamente al público mediante un medio electrónico (informática). Además coordinará el trabajo de los actualizadores de información. Actualizador (es) de información. Serán los encargados de generar contenidos, recopilar, redactar y capturar la información para su publicación, incluyendo textos, imágenes, video, animaciones y audio; por lo que tendrán una relación estrecha con el diseñador. Diseñador. Creará las piezas y componentes visuales del sitio web aplicando los estándares establecidos en la presente guía. 7

8 1. Arquitectura de la Información 1.1. Mapa de sitio Estructura o mapa de información que permite que las personas encuentren lo que buscan dentro de un sitio, es la organización del total de los contenidos. Dentro de sus funciones están el clarificar la misión y visión del sitio, equilibrando las necesidades de la organización patrocinadora y las del público, determinar el contenido y la funcionalidad del sitio, indicar el modo en que los usuarios encontrarán la información definiendo los sistemas de organización, navegación rotulación y búsqueda. Los cinco pasos esenciales para la organización de la información según Patrick J Lynch y Sarah Horton (2000) son: Dividir el contenido en unidades básicas. Establecer una jerarquía de importancia entre las unidades. Utilizar la jerarquía para estructurar los vínculos entre unidades Construir un sitio que siga de cerca la estructura de información propuesta Analizar el éxito funcional y estético del sistema Mapa de sitio para Tecnológicos y Universidades 8

9 1.1.2 Mapa de sitio para Portales de Instituciones de Educación Media Superior y Normales Las instituciones de educación Media Superior (Colegio de Bachilleres, Colegio de Estudios Científicos y Tecnológicos, Colegio Nacional de Educación Profesional Técnica) y las Escuelas Normales contarán con dos arquitecturas de información, una para los portales y otra para los sitios de las unidades o planteles. En la primera se mostrará la información general sobre el sistema e institución (acerca de) y un mapa del estado con enlaces a los sitios de cada plantel. La arquitectura de los sitios de los planteles se enfoca en información específica para cada uno. 9

10 1.1.3 Mapa de sitio para sitios de Instituciones de Educación Media Superior y Normales Para un mejor visualización de las arquitecturas de información ver en la carpeta anexa arq-ies los archivos Arquitectura-IEMS.htm y Arquitectura-IES.htm Asignación de contenidos a tipos de páginas Página principal La organización del sitio se basa en la página principal o homepage, que actúa como punto de entrada. En la estructura jerárquica ocupa el lugar superior. La página de inicio es la parte más importante en cualquier sitio por ser la más visitada, y pese a que no siempre se entra a un sitio a través de ella, el usuario generalmente la ubica como punto de referencia para la exploración, puesto que presenta la idea general y las posibilidades de exploración más importantes. Debe mostrar de forma eficaz lo que se puede o no obtener si se explorara el resto del sitio, es decir, presentar de manera clara y breve los datos que servirán como punto de partida para la exploración, además deberá establecer credibilidad y confianza, todo esto de forma atractiva y diferencial. Los contenidos que se mostrarán en ella serán: Jerarquía del sitio, una visión conjunta. (menús de navegación global y accesos directos a secciones sobre el acerca de la institución). Contenido temporal, con fecha de actualización como: Noticias y Eventos Enlaces externos de importancia 10

11 Accesos director a temas relevantes Se utilizará la misma plantilla de diseño en las siguientes páginas: Mapa de sitio Preguntas frecuentes Resultados del buscador Contáctanos Páginas de texto Estas páginas están más orientadas al contenido que conforma los niveles inferiores en la jerarquía, después de la página principal. En esta categoría se encuentran diferentes tipos que son: Páginas específicas para exploración, índices, menús, submenús, listas de recursos, páginas de enlace, índices de materias, contenidos del sitio, mapas de sitio y buscadores. Páginas de contenido, con información sobre determinados temas, legales, de privacidad, bibliográficas, apéndices, glosarios. Páginas específicas para tareas, de contacto, de error del servidor. Páginas de salida, de créditos, conclusiones 1.3. Estructura del sistema Estructura de sistema para sitios de Tecnológicos y Universidades 11

12 Estructura de sistema para portales de Instituciones de Educación Media Superior y Normales Estructura de sistema para sitios de planteles de Instituciones de Educación Media Superior y Normales Para un mejor visualización de las estructura de sistema ver en la carpeta anexa arq-ies el archivo Estructura-sistema.htm. 12

13 2. Diseño de la interfaz 2.1. Estructura de la página (topología) Estructura de la página de los sitios de Tecnológicos 13

14 Estructura de la página de los sitios de Universidades 14

15 Estructura de la página de los portales de las Instituciones de Educación Media Superior y Normales 15

16 Estructura de la página de los sitios de los planteles de Instituciones de Educación Media Superior y Normales 16

17 2.2. Retícula Retícula de la página de los sitios de Tecnológicos En las páginas interiores el espacio para contenidos es de 602 pixeles, el cual se puede emplear de una o dos columnas con un medianil de 15 pixeles. 17

18 Retícula de la página de los sitios de Universidades En las páginas interiores el espacio para contenidos es de 602 pixeles, el cual se puede emplear de una o dos columnas con un medianil de 15 pixeles. 18

19 Retícula de la página de los portales de las Instituciones de Educación Media Superior y Normales En las páginas interiores el espacio para contenidos es de 602 pixeles, el cual se puede emplear de una o dos columnas con un medianil de 15 pixeles. 19

20 Retícula de la página de los sitios de los planteles de Instituciones de Educación Media Superior y Normales En las páginas interiores el espacio para contenidos es de 602 pixeles, el cual se puede emplear de una o dos columnas con un medianil de 15 pixeles Tipos de ventana Todos los enlaces del menú deberá llevar a una página html de contenido, nunca deberán abrir un documento en otro formato. En el caso de los documentos de otro formatos (pdf, Excel, powerpoint, Word, video, audios, etc.) se deberá colocar : 20

21 El icono correspondiente. El título del documento. Una descripción breve sobre su contenido. El peso y número de páginas o duración del archivo. Plug in necesario para su visualización, con enlace para descargarlo. Tanto el icono como el título del documento deberán tener un enlace que lo abra en una nueva ventana (Target = blank). No se deberán colocar ventanas emergentes (pop ups), ya que por el mal uso que se ha hecho de las mismas en los sitios comerciales, ya que provocan una reacción de rechazo por parte de los usuarios.. Usar ventanas emergentes (pop-ups) en páginas principales (homepages) corrompe sistemática y constantemente la navegación, agrede a usuarios avanzados y principiantes en su interacción ya que aparecen inesperadamente sin ser llamadas o controladas por ellos, confunde a los buscadores y genera ruido en el código. Además de resultar agresivas y molestas para los usuarios que visitan constantemente a un sitio, dejan de ser efectivas para comunicar eventos importantes, ya que el usuario automáticamente las identifica como elementos publicitarios sin importancia por lo que de no contar con un sistema de bloqueo de ventanas emergentes, las cierra prácticamente sin leerlas (son intrusivas, inesperadas y generalmente olvidadas) Encabezados Cuando la red era una tecnología novedosa, los usuarios buscaban una experiencia diferente y libre, por lo que no se preocupan por la cantidad de texto que se le ofrecía. Actualmente se incrementa la demanda de información clara, completa y precisa. Los documentos deben ser concisos y estructurados, ya que el usuario hojea las páginas. Cuando se utilizan títulos, listas y se da énfasis a las palabras clave dentro del texto se facilita la lectura superficial. También es recomendado evitar discursos innecesarios, ya que carecen de información práctica y sólo distraen la atención. Con base en las características del texto es posible establecer ciertas jerarquías que facilitarán la lectura. Entre los elementos más utilizados para establecerlas están: los titulares, subtitulares y párrafos. Los titulares se utilizan para indicar de qué trata la página y los subtítulos para indicar las diversas secciones del texto. En HTML generalmente se indica un título mediante la etiqueta H, que adquiere valores del 1 para el más importante hasta el 6 para lo menos importante y más pequeño Pie de página Deberá de incluirse en el pie de página: 21

22 Fecha de la última actualización de la página de la siguiente manera: Última actualización: día mes año, hora Ejemplo: 23 de enero de 2007, 10:20 hrs. Dirección de correo electrónico de la persona responsable de mantener la página y dar retroalimentación a los usuarios, webmaster, de la siguiente manera: (Crear un vínculo mailto:) Nota: Se deberá contar con un mecanismo de respuesta, de manera que los correos electrónicos sean leídos por la persona apropiada y se dé respuesta si ésta es requerida. Una auto-respuesta deberá ser enviada para confirmar la recepción del correo electrónico. Versión de navegador, resolución de pantalla recomendada para una óptima visualización y plugins necesarios. Para un óptimo funcionamiento se recomienda una resolución de 1024 x 768, Internet Explorer 5.5 y Flash Player 6 ó superiores Herramientas de navegación Se establecerán diferentes tipos de búsqueda para los diversos niveles de habilidad y preferencias. Se colocará información distintora al principio de cada párrafo o lista, tales como encabezados, subtítulos, párrafos, pies de foto o avisos. La barra de navegación deberá incluir: Inicio: que llevará a la página principal del organismo. Mapa de sitio: que llevará a una página en donde se muestre de forma clara la estructura total del sitio de la dependencia. Contáctanos: que tendrá una liga al formulario en línea que está a cargo del responsable de la información. Cuadro de búsqueda: En todas las páginas deberá existir una herramienta de búsqueda interna, dentro del sitio, que contenga al menos el cuadro para ingresar el texto que se desea buscar y un botón para realizar la acción. Los resultados se deberán mostrar en la página de resultados de búsqueda. El menú de navegación global se colocará en la parte superior de la página, mientras que los menús locales se ubicarán en la columna izquierda. Se deberá comprobar que todos los vínculos del sitio funcionen correctamente y que sean claros para el usuario. Como recurso de navegación se deberán incluir rutas de temas o migas (topic paths/ breadcrumbs), herramientas que facilitarán al usuario saber su ubicación dentro del sitio jerárquicamente organizado. Ejemplo: Aspirantes > Oferta Educativa > Carreras > Ingeniería en Mecatrónica 22

23 Hay que diferenciar claramente los vínculos, del texto de contenido. Los elementos más importantes de la página tienen que ser visibles en su totalidad en la primera pantalla de contenido, sin tener que desplazarse dentro de la página. Se tienen que utilizar los diferentes estados del hipertexto, link, visted, rollover, active, de acuerdo a la guía de estilo de cada dependencia. La organización de la página deberá evitar las categorías de un sólo elemento y las listas de una sola viñeta. Es imperante utilizar un lenguaje dirigido al ciudadano, etiquetando las secciones y las categorías de la manera más clara posible, evitando tecnicismos, para una mejor comprensión del ciudadano común. 23

24 3. Plantillas de diseño y uso de elementos 3.1. Plantilla de diseño Página principal Tecnológicos 24

25 Universidades 25

26 Portales Educación Media Superior y Normales 26

27 Sitios planteles Educación Media Superior y Normales 27

28 Páginas de texto, con columna única 28

29 Página de texto, con dos columnas 29

30 Tablas 30

31 Gráficos 31

32 Sitios de interés 32

33 Mapa de sitio 33

34 Contáctanos 34

35 3.2. Elementos de diseño Logotipos Logo Institucional La posición del logo institucional será en la parte superior derecha, con los siguientes tamaños: Tecnológicos, planteles de educación media superior y normales de 60 x 60 pixeles Universidades de 85 x 103 pixeles Para los portales de Media Superior de 127 x 101 pixeles Logo Compromiso Se deberá colocar el logo Compromiso en la parte inferior derecha, en un tamaño de 113 x 34 pixeles. El logo no debe ser modificado o alterado, y deberá ser reproducido con los colores oficiales de acuerdo con el Manual de Uso de la Identidad Gráfica del Gobierno del Estado de México. Escudo del Estado de México Se deberá colocar el escudo del Estado de México en la parte inferior izquierda, en un tamaño de 125 x 36 pixeles. El escudo no debe ser modificado o alterado, y deberá ser reproducido con los colores oficiales, conforme al Manual de Uso de la Identidad Gráfica del Gobierno del Estado de México Tipo de fuente El sitio no debe requerir que el usuario descargue tipografías o software para poder ver el texto y el contenido relevante. El subrayado no deberá usarse para elementos de navegación, texto o encabezados, pues se puede confundir con una liga. Su uso queda restringido para hacer vínculos a otras páginas. Palabras en mayúsculas e itálicas deberán usarse poco ya que pueden hacer ilegibles grandes bloques de texto. Tampoco se deberán de espaciar las letras, especialmente en los títulos, ya que son listados por motores de búsqueda. Los párrafos de texto deben estar justificados en sus cajas, a menos que el ancho de columna o la tecnología usada no lo permita. Características del texto de contenido: Fuente: arial Color: gris # Tamaño: 12px Estilo: normal Características de los títulos para cada canal: 35

36 Inicio y Acerca de Fuente: arial; color: verde #74C142; tamaño: 15px;!;!estilo: bold. Aspirantes Fuente: arial; color: rojo #FF0000; tamaño: 15px;!;!estilo: bold. Alumnos Fuente: arial; color: naranja # FF7F00; tamaño: 15px;!;!estilo: bold. Exalumnos Fuente: arial; color: verde # 026B33; tamaño: 15px;!;!estilo: bold. Docentes Fuente: arial; color: azul # 003CFE; tamaño: 15px;!;!estilo: bold. Padres de familia Fuente: arial; color: morado # D010B1; tamaño: 15px;!;!estilo: bold. Empresas e Instituciones Fuente: arial; color: rojo oscuro # 8F0100; tamaño: 15px;!;!estilo: bold Enlaces Un sitio web debe contener vínculos o enlaces a cada una de sus páginas y en algunas ocasiones también se incluyen links a páginas que pertenecen a otros sitios. Los vínculos pueden ser textuales programados con el HTML o mediante botones gráficos de diferentes formas, desde tratamientos tipográficos, íconos, metáforas de botones, gráficos e imágenes complejas que pueden programarse como mapas de navegación. Los menús de navegación de cada canal serán programados de forma textual para optimizar el tamaño de las páginas y facilitar la indexación de los contenidos. Los enlaces externos de la página principal serán en forma de banners con un tamaño de 160 x 32 pixeles. Para personalizar los banners se debe editar con un programa edición de imágenes digitales el archivo BVERDE1.PNG y salvar el banner resultante con la extensión jpg o gif en la carpeta correspondiente. También se contará con 3 o 4 botones gráficos que funcionarán como accesos directos a secciones del sitio de mayor importancia o para eventos destacados como periodo de inscripciones, concursos etc. Estos banners tendrán un tamaño de 147 x 80 pixeles 36

37 Para personalizar los banners se debe editar con un programa edición de imágenes digitales el archivo BVERDE2.PNG y salvar el banner resultante con la extensión jpg o gif en la carpeta correspondiente. Para los portales de Instituciones de Educación Media Superior y Normales el tamaño de los banners será de 84 x 46 pixeles. Para personalizar los banners se debe editar con un programa edición de imágenes digitales el archivo bverde4.png y salvar el banner resultante con la extensión jpg o gif en la carpeta correspondiente. Para los sitios de Instituciones de Educación Media Superior y Normales el tamaño de los banners será de 102 x 54 pixeles. Para personalizar los banners se debe editar con un programa edición de imágenes digitales el archivo bverde5.pngy salvar el banner resultante con la extensión jpg o gif en la carpeta correspondiente Paletas de color Hay que asegurarse de que el color de fondo provea suficiente contraste para los elementos de navegación, texto e información, cuando sea visto en una pantalla blanco y negro. No se permite el uso de imágenes como fondo, texturas, fotografías, degradados, total o parcialmente. Los colores usados para textos, fondos, ligas y gráficos de color sólido deberán ser de la paleta de 216 colores, web safe. Se tienen que respetar los colores oficiales indicados en el Manual de Uso de la Identidad Gráfica del Gobierno del Estado de México, así como la paleta complementaria para web que incluye los siguientes colores: Colores institucionales: 37

38 Color Color web RGB Muestra Verde claro #7AC142 R=122 G=193 B=66 Verde #00853E R=0 G=133 B=62 Verde oscuro #004C3E R=0 G=66 B=62 Rojo claro #EC627F R=236 G=98 B=127 Rojo #D31145 R=211 G=17 B=69 Rojo oscuro #9A1145 R=154 G=17 B=69 Blanco #FFFFFF R=255 G=255 B=255 Negro # R=0 G=0 B=0 El uso adecuado del color comunica hechos e ideas rápida y estéticamente más atractivos al usuario. El color también puede ayudar a desarrollar modelos mentales eficientes y factibles, si se siguen las siguientes pautas: simplicidad, consistencia, claridad y lenguaje del color. Para facilitar navegación y la creación de modelos mentales en el usuario se estableció una sistema de jerarquización de los contenidos basado en el color de la siguiente manera: Inicio y Acerca de Color: verde #74C142 Aspirantes Color: rojo #FF0000 Alumnos Color:: naranja # FF7F00 Exalumnos Color: verde # 026B33 Docentes Color: azul # 003CFE. Padres de familia Color: violeta # D010B1 Empresas e Instituciones Color: rojo oscuro # 8F0100. Los colores de los títulos, enlaces, menús y el pie de página deberán corresponder a esta gama de color. El gris se podrá emplear en todas sus tonalidades. Se deberá cuidar que los colores armonicen correctamente y no alteren la imagen institucional Íconos Incluir en la cabecera de todas las páginas los iconos de herramientas: Inicio, Mapa de sitio, Contáctanos y Preguntas frecuentes, (FAQs) en este orden y con un tamaño adecuado acompañados del texto de cada sección. 38

39 Inicio Mapa de sitio Contáctanos Preguntas frecuentes PDF Sonido Video Word Flash El tamaño mínimo que podrá tener un icono será de 10 pixeles en su lado más grande y deberá mantener una coherencia visual con los íconos que se utilicen simultáneamente. Los iconos solo podrán emplearse en páginas web. La serie completa de iconos en formato digital será entregada junto con las plantillas Plecas y elementos de estructuración Las plecas y elementos de estructuración se encuentran definidos en la plantilla de diseño, los cuales no deberán ser alterados o eliminados. El contenido de las páginas deberá estar ubicado dentro del marco, para diferenciarlo del resto de los elementos de la página Recursos visuales, sonoros y audiovisuales Imágenes Los gráficos e imágenes se utilizarán para complementar la información de la página y facilitar su comprensión. 39

40 Las imágenes o ilustraciones deben ocupar entre el 5 y 15% del total de información de la página principal. Formato. Los formatos de imagen recomendados son GIF y JPEG, y se determina usar cada formato según corresponda: GIF para imágenes con pocos colores y con áreas de color sólido. JPEG para imágenes con sombreado de color y con más de 256 colores. Tamaño. Se debe intentar manejar imágenes de menos de 30 KB, sobre todo en la página de inicio. De ser más grandes, se deben usar vistas miniatura y proveer ligas para ver la imagen a mayor tamaño. Las ligas a imágenes deberán indicar el tamaño y tipo del mismo. Siempre se utilizarán las imágenes en el tamaño correspondiente, alto-ancho, evitando hacer reducciones o ampliaciones, ya que esto ocasiona que las imágenes pierdan definición, o tengan un peso mayor al necesario incrementando el tiempo de descarga. Resolución. Siempre se deberán utilizar imágenes a 72dpi, puntos por pulgada, optimizadas para su visualización en Internet, sin que pierda calidad la imagen Videos Únicamente se podrá incluir video en las páginas interiores, nunca en la principal. Todo video deberá usar un sistema de compresión utilizando el codec más simple y más común. Por ejemplo, MPEG-4 es una buena elección porque es un estándar muy usado, casi todos los reproductores de media pueden reproducir audio y video en este formato. También se recomienda el formato FLV que utiliza el programa Flash. Siempre que se utilice un video se deberá colocar un texto descriptivo de su contenido, e instrucciones claras y precisas de cómo utilizar el recurso. Se deberá evitar el uso de formatos: wmv, mov y avi. Todos los videos deberán presentar los controles de reproducción: Reproducir, Detener, Pausa, Avanzar, Retroceder, así como los controles de volumen de sonido. Los videos no se podrán reducir automáticamente al ingresar a una página, se deberá incluir un enlace que lo abra en una ventana nueva. Junto con el enlace se deberá indicar el peso del archivo, formato, duración y un enlace al plugin necesario para su reproducción Sonido En la página principal no se debe utilizar ningún tipo de sonido. En las páginas interiores se recomienda su utilización moderada, y su uso será exclusivamente para transmitir información que contenga algún valor agregado respecto de otros medios. Con la finalidad de garantizar que todos los usuarios puedan acceder a los sonidos 40

LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA

LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA

Más detalles

Estándares para el Desarrollo de Aplicaciones Web

Estándares para el Desarrollo de Aplicaciones Web Secretaría de Planificación Estratégica Estándares para el Desarrollo de Aplicaciones Web VERSIÓN 4 Julio 2009 Índice 1. Generalidades... 3 1.1 Objetivos... 3 1.2 Alcance... 3 1.3 Vigencia... 3 1.4 Base

Más detalles

Manual de Lineamientos para sitios web secundarios

Manual de Lineamientos para sitios web secundarios Manual de Lineamientos para sitios web secundarios y de las Facultades Elaborado Febrero 2012 Universidad de Caldas 2012 1. Introducción El comité web trabajó con el consultorio de diseño, jefe de prensa,

Más detalles

LINEAMIENTOS GENERALES DEL PORTAL WEB INSTITUCIONAL. SUS SITIOS Y PÁGINAS

LINEAMIENTOS GENERALES DEL PORTAL WEB INSTITUCIONAL. SUS SITIOS Y PÁGINAS 1 LINEAMIENTOS GENERALES DEL PORTAL WEB INSTITUCIONAL. SUS SITIOS Y PÁGINAS Aprobados el 23 de Mayo de 2007. Con Observaciones del Abogado General del IPN emitidas el 7 de Septiembre de 2007. 2 INDICE

Más detalles

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal

Más detalles

POLÍTICAS DE PUBLICACIÓN DE CONTENIDOS EN INTERNET DE CAPUFE ÍNDICE

POLÍTICAS DE PUBLICACIÓN DE CONTENIDOS EN INTERNET DE CAPUFE ÍNDICE EN INTERNET DE ÍNDICE PÁGINA INTRODUCCIÓN OBJETIVO 3 DEFINICIONES 4 FUNDAMENTO LEGAL 6 DISPOSICIONES GENERALES 7 1 EN INTERNET DE INTRODUCCIÓN La plataforma Web en Caminos y Puentes Federales de Ingresos

Más detalles

TECNOLOGÍA DE INFORMACIÓN GUBERNAMENTAL OFICINA DE GERENCIA Y PRESUPUESTO

TECNOLOGÍA DE INFORMACIÓN GUBERNAMENTAL OFICINA DE GERENCIA Y PRESUPUESTO Tema GUÍA DE DISEÑO Y CONTENIDO DE PÁGINAS WEB Descripción Este documento describe los principios a considerar en cuanto al diseño, contenido y navegación de páginas Web. Todos los principios y elementos

Más detalles

ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE

ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE ÍNDICE RECOMENDACIONES GENERALES... 2 LOGO DE LA UA... 4 COLORES CORPORATIVOS... 5 TIPOGRAFÍA... 5 ELEMENTOS GRÁFICOS... 6 INFORMACIÓN DEL DOCUMENTO...

Más detalles

Servicios Web Ministerio del Interior N10

Servicios Web Ministerio del Interior N10 Servicios Web Ministerio del Interior N10 Introducción Propósito. Definir e indicar a los usuarios, los requerimientos y buenas prácticas para la implementación de los servicios y tecnologías utilizadas

Más detalles

GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx

GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx Manual de Imagen para Portales Introducción Este manual de imagen fue elaborado por la Dirección General de Informática del Gobierno de

Más detalles

EDICION DE PRESENTACIONES CON POWERPOINT 2007

EDICION DE PRESENTACIONES CON POWERPOINT 2007 EDICION DE PRESENTACIONES CON POWERPOINT 2007 1. Qué es POWERPOINT? Microsoft Office PowerPoint 2007 es una aplicación que permite la creación de presentaciones gráficas, al estilo de diapositivas que

Más detalles

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net)

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Danny J. Rivera I. Sergio Luján Mora 24 de Marzo de 2011 Esta obra está bajo una licencia de Creative Commons Reconocimiento-SinObraDerivada

Más detalles

Lineamientos técnicos para la programación de materiales didácticos digitales

Lineamientos técnicos para la programación de materiales didácticos digitales 1. Nomenclatura de archivos: Los archivos que integran el contenido de la materia, en cualquiera de sus formatos (html, imagen, animación, PDF, etc.) deberán tener nombres cortos, en minúsculas, sin espacios

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Diseño Web El diseño web es la actividad que permite que los elementos visuales se integren de manera efectiva

Más detalles

Manual Gestor de contenidos portal Institucional - ARTÍCULOS Versión 3.0

Manual Gestor de contenidos portal Institucional - ARTÍCULOS Versión 3.0 Manual Gestor de contenidos portal Institucional - ARTÍCULOS Versión 3.0 Índice de contenidos Introducción 2 Iniciar y cerrar sesión 3 Artículos 4 Crear artículos 4 Completar datos de forma correcta 5

Más detalles

Sitios Web en MiPortal

Sitios Web en MiPortal Viceministerio de Ciencia y Tecnología Gerencia de Tecnologías Educativas Departamento Web y Portales Plantilla Estándar para crear los Sitios Web de Centros Escolares Sitios Web en MiPortal S a n S a

Más detalles

Website Taurus. Administrador de contenidos Manual de Usuario

Website Taurus. Administrador de contenidos Manual de Usuario e s t r a t e g i a c r e a t i v i d a d t e c n o l o g í a Website Taurus Administrador de contenidos Manual de Usuario INDICE 1 Ingreso al sistema... 3 2 Interfaz del Sistema... 5 2.1 Estándar de la

Más detalles

Manual de Política editorial de EPM Contenido

Manual de Política editorial de EPM Contenido Manual de Política editorial de EPM Contenido Introducción... 2 1. Contenido... 3 1.1 Tipos de contenido... 3 1.2 Principios de generación de contenidos web... 3 1.3 Pirámide invertida... 5 1.4 Títulos

Más detalles

Aplicar estilos a tu Tienda Online

Aplicar estilos a tu Tienda Online Aplicar estilos a tu Tienda Online Estructura, menú, navegación Índice 1. La creación de tu Tienda Online 2. Contenidos 3. Navegación 4. Estructura Ejemplos de estructuras 5. Accesibilidad 6. Diseño 7.

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB]

CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB] CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB Autor: Ing. Ester Regalado Miranda [Reglas para estructurar y diseñar páginas WEB] Pasos a seguir para elaborar una página WEB La realización y creación

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados MANUAL DEL USO DE LAS PLANTILLAS PARA MANTENER EL ESTILO GOBIERNO EN LINEA TERRITORIAL- GELT FASE TRANSACCIONAL Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea República

Más detalles

Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática

Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática 1 Empremática Guía 2 Facultad: Ingeniería Escuela: Computación Asignatura: Empremática TEMA: NAVEGACIÓN CON BÚSQUEDA Y DESCARGA DE INFORMACIÓN EN INTERNET. Objetivos Introducir a los estudiantes en los

Más detalles

DEFINICIÓN DE POWER POINT

DEFINICIÓN DE POWER POINT DEFINICIÓN DE POWER POINT Microsoft PowerPoint es una aplicación desarrollada por Microsoft para Windows y Mac OS, que permite desarrollar presentaciones multimediales. Es ampliamente usada en el mundo

Más detalles

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES

Más detalles

LINEAMIENTOS PARA EL DESARROLLO DE SITIOS WEB DE LAS DEPENDENCIAS Y ORGANISMOS DEL GOBIERNO DEL ESTADO DE MÉXICO

LINEAMIENTOS PARA EL DESARROLLO DE SITIOS WEB DE LAS DEPENDENCIAS Y ORGANISMOS DEL GOBIERNO DEL ESTADO DE MÉXICO Página 1 de 89 LINEAMIENTOS PARA EL DESARROLLO DE SITIOS WEB DE LAS DEPENDENCIAS Y ORGANISMOS DEL GOBIERNO DEL ESTADO DE MÉXICO Elaboró/Modificó Revisó Corrigió Autorizó M. D. Ma. Elena Carbajal Franco

Más detalles

INFORMÁTICA Tema: PÁGINA WEB

INFORMÁTICA Tema: PÁGINA WEB INFORMÁTICA Tema: PÁGINA WEB Mucha información se guarda en nuestra computadora, si recorremos las carpetas de nuestro disco duro encontraremos multitud de archivos o ficheros de distinta naturaleza que

Más detalles

Negocios Electrónicos 3ra parte Planeando el website de la empresa exportadora

Negocios Electrónicos 3ra parte Planeando el website de la empresa exportadora Negocios Electrónicos 3ra parte Planeando el website de la empresa exportadora Alexis Reátegui www.prompex.gob.pe www.perumarketplaces.com sae@prompex.gob.pe sae1@prompex.gob.pe Gerencia de Servicios de

Más detalles

14 Guía de Microsoft Word 2010 Guía de contenido digital accesible

14 Guía de Microsoft Word 2010 Guía de contenido digital accesible 14 Guía de Microsoft Word 2010 Guía de contenido digital accesible Mireia Ribera Este documento tiene una licencia Reconocimiento-No Comercial-Compartir- Igual 3.0 de Creative Commons. Se permite la reproducción,

Más detalles

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0 ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES

Más detalles

MAQUETA SITIO WEB PARA EL 1º NIVEL

MAQUETA SITIO WEB PARA EL 1º NIVEL MAQUETA SITIO WEB PARA EL 1º NIVEL Aplicable a Vicerrectorías y Facultades Sitio Vicerrectoría Sitio Facultad El primer nivel contempla los sitios para Vicerrectorías y Facultades de la Universidad de

Más detalles

4.2 TEMAS Y PERFILES DE USUARIO... 13 4.3 NAVEGACIÓN DENTRO DE LOS CONTENIDOS... 13 4.3.1 CONSISTENCIA... 13 4.3.2 UNIFORMIDAD... 13 4.3.

4.2 TEMAS Y PERFILES DE USUARIO... 13 4.3 NAVEGACIÓN DENTRO DE LOS CONTENIDOS... 13 4.3.1 CONSISTENCIA... 13 4.3.2 UNIFORMIDAD... 13 4.3. 33 ÍNDICE INTRODUCCIÓN... 3 CRITERIOS DE USO DE ESTE MANUAL... 3 1. PLANIFICACIÓN... 4 1.1 CONSIDERACIONES DE LA PLANIFICACIÓN... 4 1.2 DEFINIR LA VISIÓN Y LOS OBJETIVOS DEL SITIO WEB... 5 1.3 DEFINIR

Más detalles

Lineamientos editoriales y especificaciones técnicas Memoria del Proceso Electoral Federal 2014-2015 y Extraordinario 2015

Lineamientos editoriales y especificaciones técnicas Memoria del Proceso Electoral Federal 2014-2015 y Extraordinario 2015 Generalidades Este documento establece los criterios básicos para generar el contenido (textos, cuadros, tablas e imágenes) que integrará la Memoria del Proceso Electoral Federal 2014-2015 y Extraordinario

Más detalles

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de

Más detalles

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización

Más detalles

Seminario Accesibilidad Web

Seminario Accesibilidad Web Programa Nacional para la Sociedad de la Información Proyecto ISIS Iniciativa por una Sociedad de la Información Sin barreras Seminario Accesibilidad Web Seminario sobre Accesibilidad Web Uso de computadoras

Más detalles

DISEÑO FLASH DE RECURSOS MULTIMEDIA PARA LA ENSEÑANZA

DISEÑO FLASH DE RECURSOS MULTIMEDIA PARA LA ENSEÑANZA Edición 2005 Guía del alumn@ DISEÑO FLASH DE RECURSOS MULTIMEDIA PARA LA ENSEÑANZA MATERIALES PARA LA FORMACIÓN A DISTANCIA DEL PROFESORADO Autor: Fernando Posada Prieto Guía del alumn@ Contenidos 1. Objetivos

Más detalles

Certificado de profesionalidad DESARROLLO DE PRODUCTOS EDITORIALES MULTIMEDIA Nivel 3. Diseño gráfico de productos editoriales multimedia 60

Certificado de profesionalidad DESARROLLO DE PRODUCTOS EDITORIALES MULTIMEDIA Nivel 3. Diseño gráfico de productos editoriales multimedia 60 MÓDULO FORMATIVO DATOS IDENTIFICATIVOS DEL MÓDULO FORMATIVO PROYECTOS DE PRODUCTOS EDITORIALES MULTIMEDIA Duración 90 Código MF0935_3 Familia profesional ARTES GRÁFICAS Área profesional Edición Certificado

Más detalles

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web Página 1 de 12 Fecha Elaborado / Perfeccionado por 25 de Mayo 2010 Sección Web Revisión Nº 00 Revisado por Rodrigo Almonacid Arismendi Aprobado por Waldo

Más detalles

Índice. 1. Crear contenido en un curso. 2. Cómo crear un elemento. 3. Cómo crear un archivo. 4. Cómo crear enlaces de audio

Índice. 1. Crear contenido en un curso. 2. Cómo crear un elemento. 3. Cómo crear un archivo. 4. Cómo crear enlaces de audio Índice 1. Crear contenido en un curso 2. Cómo crear un elemento 3. Cómo crear un archivo 4. Cómo crear enlaces de audio 5. Cómo crear enlaces de Imagen 6. Cómo crear enlaces de Video 7. Cómo crear un enlace

Más detalles

Lineamientos para construcción de módulos en plataforma apoyo a la presencialidad

Lineamientos para construcción de módulos en plataforma apoyo a la presencialidad Lineamientos para construcción de módulos en plataforma apoyo a la presencialidad Licencia creative commons 1.1: Aulas de Apoyo a la Presencialidad Esta política se enmarca en las normas y requisitos mínimos

Más detalles

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad

Más detalles

PORTAL WEB INSTITUCIONAL POLÍTICA DE ADMINISTRACIÓN

PORTAL WEB INSTITUCIONAL POLÍTICA DE ADMINISTRACIÓN PORTAL WEB INSTITUCIONAL POLÍTICA DE ADMINISTRACIÓN El portal web institucional tiene como objetivo general, proveer a usuarios externos e internos el acceso a la información de la Universidad Militar

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Manual de usuario del Sitio Web 2010

Manual de usuario del Sitio Web 2010 Manual de usuario del Sitio Web 2010 San José, Costa Rica Abril 2010 Manual de usuario del Sitio Web 2010 San José, Costa Rica Abril 2010 INEC COSTA RICA MANUAL DE USUARIO SITIO WEB 2010 PÁGINA 3 Instituto

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

Curso: PowerPoint 2010

Curso: PowerPoint 2010 Curso: PowerPoint 2010 Código: 309 Familia Profesional: Informática y comunicaciones Acreditación: Formación reconocida a través de vías no formales Modalidad: On line Duración: 75 horas Objetivos: El

Más detalles

Manual de Usuario. 2005 MexWebs Soluciones Web Globales S. de R.L. MEXWEBS Content Management System v2.0

Manual de Usuario. 2005 MexWebs Soluciones Web Globales S. de R.L. MEXWEBS Content Management System v2.0 Manual de Usuario 2005 MexWebs Soluciones Web Globales S. de R.L. MEXWEBS Content Management System v2.0 MEXWEBS CMS v2.0 2 Índice ÍNDICE...2 MANUAL PARA EL MEXWEBS CMS V2.0...3 Qué es MexWebs CMS v2.0?...

Más detalles

DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB

DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB DENOMINACIÓN: CON TECNOLOGÍAS WEB Código: IFCD0210 Familia profesional: Informática y Comunicaciones Área profesional: Desarrollo Nivel de cualificación profesional: 3 Cualificación profesional de referencia:

Más detalles

Gestor de Contenido del Sitio Web de la SAyDS

Gestor de Contenido del Sitio Web de la SAyDS Instructivo Gestor de Contenido del Sitio Web de la SAyDS 2009 - Sistema de Información Ambiental Nacional 1 Introducción 02 Perfiles de usuario 03 Estructura de la página Web 04 Ingreso a la aplicación

Más detalles

CONOCIMIENTOS ESENCIALES PARA OFICINAS

CONOCIMIENTOS ESENCIALES PARA OFICINAS CONOCIMIENTOS ESENCIALES PARA OFICINAS DURACIÓN Y OBJETIVOS DEL CURSO OBJETIVOS: Todo profesional debe ser muy versátil, ya que en muchos casos ejerce labores muy variadas y que requiere de una preparación

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

Contendo CMS Manual de usuario

Contendo CMS Manual de usuario Contendo CMS Manual de Usuario V2.1 Índice de contenido Capítulo 1: Convenciones del manual... 5 1.1 Introducción... 5 1.2 Simbología... 5 Capítulo 2: Introducción a Contendo CMS... 6 2.1 Beneficios técnicos...

Más detalles

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6 Parallels Panel Contenidos Prólogo 3 Convenciones Tipográficas... 3 Sugerencias... 4 Introducción 5 Familiarizándose con el interfaz de SiteBuilder 6 Creación de un sitio web 8 Edición de un sitio web

Más detalles

Tema 7. Periodismo digital

Tema 7. Periodismo digital Tema 7. Periodismo digital Katholische Universität Eichstätt-Ingolstadt. KU. Periodismo online. La Prensa. 1 ÍNDICE Tema 7. Periodismo digital Introducción Periódico digital Estructura de una página Características

Más detalles

Manual de Estilo web 2.0 UNIVERSIDAD DE MÁLAGA

Manual de Estilo web 2.0 UNIVERSIDAD DE MÁLAGA Manual de Estilo web 2.0 UNIVERSIDAD DE MÁLAGA Índice 1. INTRODUCCIÓN... 1.1 Nuevo concepto web... 2. ARQUITECTURA DE LA INFORMACIÓN... 2.1 Definición... 2.2 Prototipos y estructura de navegación... 2.2.1

Más detalles

Portal Observatorio Tecnológico Hidalgo UAEH OTecH

Portal Observatorio Tecnológico Hidalgo UAEH OTecH Manual 1 Técnico Portal Observatorio Tecnológico Hidalgo UAEH OTecH Observatorio Tecnológico del Estado de Hidalgo Manual Técnico Portal Obserbatorio Técnologico de Hidalgo Descripción y contenido del

Más detalles

Tecnologías para e-learning (I). Orientadas al desarrollo de contenidos y recursos didácticos.

Tecnologías para e-learning (I). Orientadas al desarrollo de contenidos y recursos didácticos. Tecnologías para e-learning (I). Orientadas al desarrollo de contenidos y recursos didácticos. Universidad Politécnica de Madrid. Pilar Martínez García Jesús Sánchez López José Luis Martín Núñez Noviembre,

Más detalles

MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1

MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1 MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1 1. Presentación 3 2. Ingreso al Sistema 4 3. Inicio 7 4. Edición de Contenido 11 5. Descargas 29 6. Administración de Menús 32 7. Módulos

Más detalles

DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA

DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA 1 Adaptación y conversión Muchas empresas disponen de contenidos muy completos en formato papel, utilizados en educación presencial o bien en formación a distancia

Más detalles

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

Más detalles

REGLAMENTO PARTICULAR DEL CERTIFICADO AENOR DE CONFORMIDAD PARA ACCESIBILIDAD TIC PARA SITIOS WEB RP A90.02

REGLAMENTO PARTICULAR DEL CERTIFICADO AENOR DE CONFORMIDAD PARA ACCESIBILIDAD TIC PARA SITIOS WEB RP A90.02 ESQUEMA PARTICULAR DE CERTIFICACIÓN ACCESIBILIDAD DE SITIOS WEB SECRETARÍA: AENOR Dirección Cl Génova, 6 Teléfono 914 32 60 09 Fax 913 10 46 83 28004 MADRID REGLAMENTO PARTICULAR DEL CERTIFICADO AENOR

Más detalles

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO 1 ÍNDICE DE CONTENIDOS 1 Acceso a la edición de contenidos...3 1.1 Noticias...3 1.2 Utilización del editor de contenidos...6 1. Formato...6

Más detalles

PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM

PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM www.bmformacion.es info@bmformacion.es Objetivos Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

Cómo crear tu primer blog

Cómo crear tu primer blog Introducción a WordPress Alicia García Holgado GRupo de Investigación en interacción y elearning (GRIAL) Universidad de Salamanca http://grial.usal.es Tabla de contenido 1. WordPress.com... 2 2. Conceptos

Más detalles

Manual del usuario. www.blocdeblocs.net. Autor: Francesc Balagué Licencia Creative Commons 2.5

Manual del usuario. www.blocdeblocs.net. Autor: Francesc Balagué Licencia Creative Commons 2.5 Manual del usuario www.blocdeblocs.net Autor: Francesc Balagué Licencia Creative Commons 2.5 ÍNDICE 0. Introducción 2 1. Crear el blog 4 2. Administración 5 2.1 Cambio de contraseña e idioma (usuarios)

Más detalles

Manual de uso www.mayoresudp.net

Manual de uso www.mayoresudp.net Confinanciado por: Proyecto realizado por: Indice de contenidos 1. Qué es la página Web de mi asociación?......... Pág. 1 2. Cómo accedo a ella?.... Pág. 1 3. Qué ofrece al usuari@?...... Pág. 5 4. Características

Más detalles

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

> Temario Curso Office en Mac <

> Temario Curso Office en Mac < Procesador de texto Introducción El procesador de texto, forma parte de la suite de Microsoft Office y es uno de los más utilizador en la actualidad. Su gran versatilidad permite realizar desde una carta

Más detalles

INTRODUCCIÓN AL WEB. Pag. 1 de 10

INTRODUCCIÓN AL WEB. Pag. 1 de 10 INTRODUCCIÓN AL WEB La World Wide Web o simplemente WWW o Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto (texto

Más detalles

MÓDULO 1: FrontPage 2003 Parte 1ª

MÓDULO 1: FrontPage 2003 Parte 1ª MÓDULO 1: FrontPage 2003 Parte 1ª TEMA 1. Introducción a la Web Internet y el World Wide Web Hipertexto HTML Servidores, Clientes y Redes Protocolos de Comunicación Direcciones, Dominios y Accesos TEMA

Más detalles

1 Trabajar con Windows XP 2 Entorno de Windows XP 3 Archivos y carpetas

1 Trabajar con Windows XP 2 Entorno de Windows XP 3 Archivos y carpetas 1 Trabajar con Windows XP 1.1 Iniciar Windows XP 1.2 Salir de Windows XP 1.3 Cerrar sesión 1.4 Práctica - Aprender a manejar el ratón 1.5 Práctica - Salir e iniciar Windows XP 1.6 Simulación - Apagar el

Más detalles

Plan de Mantención del Sitio Web

Plan de Mantención del Sitio Web 5 Capítulo V Plan de Mantención del Sitio Web Guía para Desarrollo de Sitios Web - Gobierno de Chile Resumen En este capítulo se abordan los temas referidos a la mantención de un Sitio Web en forma posterior

Más detalles

OPTIMIZAR LAS PRESENTACIONES CURSO DE POWERPOINT. Temario. Metodología del curso

OPTIMIZAR LAS PRESENTACIONES CURSO DE POWERPOINT. Temario. Metodología del curso CURSO DE POWERPOINT OPTIMIZAR LAS PRESENTACIONES Temario Metodología del curso Clelia Irene Gatti - Consultora en Sistemas - Contacto: +54 11 15 30413077 - e-mail: cleiregat@gmail.com www.computacioncg.com.ar

Más detalles

Manual Usuario Solemar_n. Solicitud Electrónica Signos Distintivos (Solemar_n) Manual de Usuario. Versión: v2.0 Página: 1 de 28

Manual Usuario Solemar_n. Solicitud Electrónica Signos Distintivos (Solemar_n) Manual de Usuario. Versión: v2.0 Página: 1 de 28 Solicitud Electrónica Signos Distintivos () Manual de Usuario Versión: v2.0 Página: 1 de 28 1. Acceso al trámite Pinchado en Sede Electrónica o escribiendo la URL: https://sede.oepm.gob.es/esede/es/index.html

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

En caso de que existan varios objetivos, éstos son claros y separados, no están mezclados. OK Alta

En caso de que existan varios objetivos, éstos son claros y separados, no están mezclados. OK Alta Orden Criterio heurístico Cumplimiento Gravedad 1- Claridad de propósito y objetivos El sitio web debe comunicar de manera inmediata su propósito, función u objetivo. : El propósito u objetivo de la página

Más detalles

MANUAL DE ESTILO GRÁFICO. Guía de uso general para maquetación web

MANUAL DE ESTILO GRÁFICO. Guía de uso general para maquetación web TABLA DE CONTENIDOS ÍNDICE PAG 03. Introducción PAG 04. Color PAG 05. Tipografía PAG 07. Hoja de estilos en cascada (CSS) PAG 09. Iconos PAG 13. Estilos, tamaños y usos de imágenes PAG 17. Estructura web

Más detalles

Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Más detalles

Aplicar estilos a tu web

Aplicar estilos a tu web Aplicar estilos a tu web Estructura, menú, navegación Índice 1. La creación de tu sitio web 2. Contenidos 3. Navegación 4. Estructura Ejemplos de estructuras 5. Accesibilidad 6. Diseño 7. Mantenimiento

Más detalles

Guía de resolución de incidencias DVD-ROM Oxford Digital

Guía de resolución de incidencias DVD-ROM Oxford Digital Guía de resolución de incidencias DVD-ROM Oxford Digital Índice 1 Siempre se visualiza el primer DVD-ROM con el que se ha trabajado.... 3 2 Se visualiza el DVD-ROM, pero no se accede a los contenidos....

Más detalles

Pág. N. 1. Índice general

Pág. N. 1. Índice general Pág. N. 1 Índice general Introducción Capítulo 1: Windows 8 1.1. Conceptos básicos 1.1.1. Sistema operativo 1.1.2. Sistema operativo DOS 1.1.3. Windows 1.1.4. Interfaz gráfica de usuario GUI 1.1.5. Windows

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

Internet Explorer 9. Internet Explorer 9 Diapositiva 1

Internet Explorer 9. Internet Explorer 9 Diapositiva 1 Internet Explorer 9 Iniciar Internet Explorer 9 Barra de herramientas estándar Barra de direcciones Iconos y botones Barra de herramientas Configuración del Internet Explorer: Opciones de Internet Abrir

Más detalles

TU REPUTACIÓN EN INTERNET S.L. - CIF B-85.882.157 antonio@tureputacioneninternet.com TUTORIAL DE WORDPRESS

TU REPUTACIÓN EN INTERNET S.L. - CIF B-85.882.157 antonio@tureputacioneninternet.com TUTORIAL DE WORDPRESS TUTORIAL DE WORDPRESS TU REPUTACIÓN EN INTERNET 2011 Índice 1. Introducción... 3 2. Acceder en modo Editor... 3 3. Explorando el escritorio de wordpress.com... 4 4. Administración de Entradas... 6 4.1.

Más detalles

MANUAL DE ESTILOS CENTROS / SERVICIOS Guía de uso general para maquetación web Introducción Índice Introducción Color Cabecera Fotos y logos Iconos Estructura web Estructura index Estructura interior

Más detalles

Contenido Documento elaborado por Digicampus

Contenido Documento elaborado por Digicampus 1. Construcción de fórmulas en Excel... 2 2. Bases de datos en Excel... 3 3. Manejo de estilos y creación de tablas de contenido en Word... 4 4. Combinación de correspondencia... 5 5. Sistematización de

Más detalles

Solicitud de Requerimiento No. Fecha de Solicitud: 01-08-2010

Solicitud de Requerimiento No. Fecha de Solicitud: 01-08-2010 Solicitud de Requerimiento No. Fecha de Solicitud: 01-08-2010 NOMBRE DEL IDENTIFICACIÓN DEL ÁREA SOLICITANTE: SOLICITANTE: Monica Serna Vasquez OPC OFICINA DE PRENSA Y COMUNICACIONES NOMBRE DEL REQUERIMIENTO:

Más detalles

Maqueta Sitio Web para el 2º Nivel

Maqueta Sitio Web para el 2º Nivel Maqueta Sitio Web para el 2º Nivel Aplicable a Departamentos y Carreras La implementación de un portal web con la extensión usach.cl está supeditada a tres niveles. Cada uno contempla distintas características

Más detalles

Manual de publicación de contenido y actualización de sitios web

Manual de publicación de contenido y actualización de sitios web Manual de publicación de contenido y actualización de sitios web Basados en sistemas Wordpress El presente manual le presentará los distintos pasos para publicar contenidos a través de páginas y editar

Más detalles