Dise

1
Diseño de Páginas WebSesión 4 Elementos
centrales deHTML

• Pedro P. Sánchez Villalón

2
Tabla de contenidos (I)

• Elementos HTML
• Usabilidad escribiendo para la web
• La web del día www.zdnet.com

1
3
Elementos HTML

• Conceptos comunes
• Elementos generales
• Atributos principales
• Primeras etiquetas
• Divisiones y centrado
• Listas
• Elementos de texto
• Enlaces

4
Usabilidad escritura

• Las tres directrices principales
• Ser breve
• Omitir palabras innecesarias. Escribir no más de
  la mitad del texto que se habría usado para
  cubrir el mismo material en una publicación
  impresa.
• Escribir para poder encontrar
• Los usuarios no leen hojean
• Usar párrafos cortos, encabezados, listas con
  viñetas
• Dos y tres niveles de titular
• Dividir en múltiples páginas

5
Lenguaje claro

• Las ideas principales deben ser muy visibles
• Una idea, un párrafo
• Cuidado con el sentido del humor

6
Ejemplo

• El siguiente cuestionario se ha diseñado para
  poder obtener información que nos ayudará a
  mejorar el sitio web y a adaptarse mejor a sus
  necesidades. Por favor, seleccione las respuestas
  de los menús deplegables y radio-botones que
  encontrará más abajo. Sólo debería tardar 2-3
  minutos en completar el cuestionario.
• En la parte inferior del formulario puede
  escribir su nombre, teléfono y dirección.
• Si deja su nombre y teléfono, contactaremos con
  usted en el futuro para participar en una
  encuesta que nos ayudará a mejorar el sitio web.
• Si tiene algún comentario o pregunta, por favor
  póngase en contacto con el departamento de
  atención al cliente.
• Por favor, ayúdenos a mejorar el sitio web
  respondiendo a las siguientes preguntas. Sólo
  tardará 2-3 minutos en completar la encuesta.
• NOTA Si tiene algún comentario o pregunta por
  favor, no use este formulario. En su lugar,
  póngase en contacto con el departamento de
  atención al cliente.

7
La web del día www.zdnet.com

• La web del día www.zdnet.com
• Página principal.
• Segundo nivel Reviews
• Tercer nivel.
• Cuarto nivel
• Otro segundo nivel AnchorDesk.
• Un ejemplo de artículo