El documento introduce los estándares de accesibilidad y usabilidad web establecidos por el W3C. Explica la importancia de planificar la estructura y objetivos de un sitio web, incluyendo la organización del contenido y las opciones de navegación. También describe diferentes formas de jerarquizar la información como jerárquica, lineal y de red para facilitar la navegación de los usuarios.

1. INTRODUCCIÓN AL LENGUAJE HTML Autor: Blanca Duarte de Báez

2. USABILIDAD Y ACCESIBILIDAD ESTÁNDARES EN LA RED Es importante que, antes de realizar sus primeras páginas web se interioricen de algunos importantes estándares, pues de esta manera lograrán crear páginas web optimizados. Existe un organismo encargado de establecer estándares en la red y, se le reconoce con el nombre deW3C ( Word Wide Web Consortion ) . Pueden leer algunos estándares de HTML como también de Hojas de estilo (CSS) antes de adentrarse al tema de diseño y codificación de su página web.

3. ANATOMÍA DE UNA PRESENTACIÓN WEB 1. Organizarse planificando de antemano la estructura La Presentación Web Es muy importante demostrar una estructura clara de la presentación web, debido a que mediante esto el usuario podrá tener una idea general del contenido del sitio desde el momento en que se pone a navegar, y no se presta a que el mismo empiece a tener una sensación de estar perdido, lo cual lo puede llevar a abandonar el sitio y buscar otro menos complejo de navegar.

4. Características del contenido de cada pagina Web o sección. En una página web pueden colocarse textos, gráficos, formularios, imágenes, etc. Podemos encontrar un sitio web con páginas que contienen: Información de carácter personal Intereses o aficiones especiales Publicaciones Perfil de empresas Documentos en línea Catálogos de compras Tiendas en línea Encuestas y sondeos de opinión Educación en línea Cualquier tema de su preferencia

5. 2. Establecer objetivos En primer lugar es importante establecer objetivos. Se debe partir de un objetivo general, y a partir de este surgirán varios otros objetivos llamados específicos que se pueden ir cumpliendo con mayor facilidad en cada etapa hasta llegar con lo propuesto inicialmente. El hecho de establecer objetivos les ayudará a planificar de antemano lo que deberán ir codificando a medida que vayan avanzando en el diseño y desarrollo de sus páginas. Es aconsejable: a. Organizar el contenido disponible dividiendo en temas principales. Es de fundamental importancia organizar primeramente el contenido dividiendo por temas principales, para de esta manera, partir de lo general hasta llegar a lo particular o sea a subtemas.

6. Si el contenido de un tema resulta ser muy largo conviene dividirlos en subtemas, y si por lo contrario, es corto, buscar la manera de agruparlo con otro tema o subtema. b. Pensar en las maneras de organización y navegación. Antes de avanzar, conviene distinguir algunos conceptos involucrados en una presentación web. Presentación Web: Es un conjunto de una o más páginas Web. Sitio Web: Es un sistema de Internet que contiene una o más presentaciones Web. Página Web: Es un elemento único de una presentación Web y está contenida en un solo archivo en disco. Página de Inicio: Es el punto de entrada o de partida hacia el resto de la presentación o páginas del sitio.

7. 3.- Jerarquías: Organizar los contenidos Jerárquico: Es una estructura de árbol, donde se puede visualizar claramente que la raíz representa a la página de inicio, y desde la cual se parte hacía las demás páginas o secciones del sitio. Lineal: Una estructura lineal es la más sencilla de todas, nos dá la posibilidad de realizar un recorrido de páginas desde una página inicial en forma rígida y secuencial como si fuera un libro.

8. Lineal con alternativas : Es igual que la estructura lineal anterior, pero ofrece otras alternativas de navegación que facilita el retorno desde cualquier página a la página de inicio. Combinación de Lineal y Jerárquico: En esta estructura se demuestra una navegación desde un tema principal a los subtemas, y entre los subtemas a a la vez se puede navegar en forma secuencial o líneal.

9. Red: Como se puede observar en el gráfico, la estructura de red no tiene al parecer un orden establecido, las páginas tienen conexión entre todas, por lo cual se vuelve un poco compleja desde el punto de vista del usuario, que fácilmente puede estar navegando por las páginas sin encontrar lo que exactamente busca, y en el peor de los casos puede abandonar el sitio sin haber leído lo que nosotros quisiéramos. Observaciones: Normalmente en un sitio web, las páginas están enlazadas en una forma mixta donde se combina una estructura de red con una estructura jerárquica y/o lineal, mediante la cual se logra un sitio web con una estructura fácil de navegar.

10. 4.- Diagramación secuencial para su presentación web Una diagramación secuencial inicial lo podrá ayudar a visualizar de antemano la presentación completa y como se verá al terminar. Consejos para diagramación secuencial Determine que tema irá en cada página. Determine cuál será la forma de navegación básica en cada página. Determine otras formas alternativas de navegación. Verifique siempre los objetivos propuestos. Fuentes: Lemay, L. (Segunda Edición). Aprendiendo HTML 4 para web en una semana. Prentice Hall. (Capítulos: 1/2) Arquitectura de la Informacion. Usabilidad y Accesibilidad. WebEstilo. Disponible en: http://www.webestilo.com/guia/

11. ACCESIBILIDAD WEB Cuándo mencionamos el término Accesibilidad estamos refiriéndonos a que se deben diseñar páginas web independientes de plataformas, idiomas, culturas etc., de tal manera que cualquier usuario pueda tener acceso a las mismas. La W3C se ha preocupado inclusive que personas con discapacidad puedan acceder fácilmente a la web, de ahí surgió la Iniciativa de Accesibilidad Web , conocida como WAI (Web Accessibility Initiative), cuyo sitio les recomiendo visitar para interiorizarse mejor sobre el tema.