Actividad 2.1 Lectura guía estilo y diseño de una página web personal.

Resumen de la lectura del sitio web:

Webestilo: http://www.webestilo.com/guia/

Usabilidad.

Estructura:

permite visualizar todos los contenidos de una manera de una manera fácil y clara.

sí uno se pierde, no encuentra nada y abandona.

hay que planificar la estructura (aconsejable usar programas de manejo de estructuras).

La estructura depende del contenido.

Tipos de estructura:

jerárquica → árbol

lineal → como si leyeras un libro, camino fijo y guiado.

Red → sin orden preestablecido aparente

Navegación :

para moverse a través de las diferentes páginas que hemos construido.

No crear páginas que sean un callejón sin salida.

Añadir enlaces para ir al principio de página.

Diseño estructura clara.

Proporcione índices.

Si usa paleta de navegación gráfica, proporcione enlace de texto.

Tamaño de páginas web.

las personas no hacen scroll..

hacer páginas de una pantalla y media. Páginas largas para grandes documentos.

En cada página web, en cada documento.

firma el documento.

contacto con el autor (poner).

fecha las páginas (cuidado con el formato de fecha).

Enlaces:

escriba como si no hubiera enlaces.

elija palabras significativas para los enlaces.

elija longitud adecuada.

asegúrese que el lector conoce la información a la que accede antes de saltar.

los enlaces modifican el énfasis de la frase.

resalte el texto diferente.

no cambie el color de los enlaces.

compruebe el funcionamiento de todos los enlaces.

Independencia del navegador:

ceñirse a un estándar. La última, no es la más extendida.

validar documentos, use los validadores W3C.

Visualice las páginas en diferentes navegadores.

Independencia de resolución; es mejor usar porcentajes para definir tamaños.

Calidad:

Asegúrese que su página cumple algún estandar de la red.

pruebe enlaces clave.

no cometa faltas de ortografía

ponga las páginas en contexto

escriba páginas para cualquier navegador

responda a la gente

Accesibilidad

Estructura → para obtener un resultado visual adecuado usar CSS (cascade style sheets)

Navegación → con teclas y funcional, de fácil orientación

Contenidos alternativos → todos los contenidos visuales, sonidos, scrips y applets, deberían tener un texto alternativo que esplique su contenido.

Recomendaciones:

organización W3C.

Nivel WAI -A.

proporcione contenidos alternativos equivalentes a los contenidos audiovisuales.

el color no es imprescindible.

use el lenguaje de manera clara.

cree tablas que se transformen adecuadamente.

que los elementos de nuevas tecnologías sean accesibles sin ellas.

control de los elementos basados en el tiempo (parados, pausados).

Experiencia personal:

Hice una página de prueba en un cursillo HTML.

Navegabilidad, estructura tipo periódico, moderno, cajas flexibles.

Indices, enlaces a las diferentes secciones de la página.

Corrección ortográfica, repaso de contenidos, contenidos resumidos, si hay que ampliar, se lleva a un enlace, cuidado con los colores, background, separación de las partes, flex .

mi nueva web personal, Página personal