Source: http://docplayer.es/921114-Indice-introduccion-04-objetivos-05-roles-06.html
Timestamp: 2017-01-21 02:49:12+00:00

Document:
⭐Índice. Introducción 04 Objetivos. 05 Roles 06
Download "Índice. Introducción 04 Objetivos. 05 Roles 06"
Esperanza Mora Cárdenas
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.. 433 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 584 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. 45 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. 56 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. 67 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. 78 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 89 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. 910 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 1011 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 1112 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. 1213 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 1314 Estructura de la página de los sitios de Universidades 1415 Estructura de la página de los portales de las Instituciones de Educación Media Superior y Normales 1516 Estructura de la página de los sitios de los planteles de Instituciones de Educación Media Superior y Normales 1617 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. 1718 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. 1819 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. 1920 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 : 2021 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: 2122 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 2223 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. 2324 3. Plantillas de diseño y uso de elementos 3.1. Plantilla de diseño Página principal Tecnológicos 2425 Universidades 2526 Portales Educación Media Superior y Normales 2627 Sitios planteles Educación Media Superior y Normales 2728 Páginas de texto, con columna única 2829 Página de texto, con dos columnas 2930 Tablas 3031 Gráficos 3132 Sitios de interés 3233 Mapa de sitio 3334 Contáctanos 3435 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: 3536 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 3637 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: 3738 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. 3839 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. 3940 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 Mostrar más
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
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 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
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.
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
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 Í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 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 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 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) 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
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 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 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 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 Í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
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
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 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 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
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] 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 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
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
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 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 Í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
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 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 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 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 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 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.
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
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.
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
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
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
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
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 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 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 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 Í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 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
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 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
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 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
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
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 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 Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar Más detalles 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 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
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 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 Í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
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. 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 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 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
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
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 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 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
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
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
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) 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 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 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 <
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 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ª 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 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
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
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
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, 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
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
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) 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 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 Í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 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 Í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 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
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
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 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 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

References: Artículo 34
 resolución 
 resolución 
 Resolución 
 resolución 
 resolución