Manual de estilo de páginas Web
Lección: 8
Capítulo: Contraste Visal y Diseño de Páginas
A pesar de que los encabezamientos son la parte más sencilla y fácil de aprender
en HTML, generalmente la gente comienza por diseñar sus páginas de Web
convirtiendo todo en un encabezamiento, y cuanto más grande mejor. Una buena
tipografía depende del contraste entre una fuente y otra, así como entre la
caja de texto y el espacio en blanco que lo rodea. Nada atrae más al ojo y al
cerebro que los fuertes contrastes, lo que sólo se consigue con un cuidadoso
diseño de las páginas.
Si todo lo convertimos en "negrita" nada destacará sobre el resto, e incluso
resultará cansado e hiriente a la lectura para los ojos. Si llenamos una página
con un texto denso, quien lo lea tendrá ante sí la imagen de un muro gris, y
casi instintivamente se produce un rechazo del cerebro a la falta de contraste
visual. Tampoco ayuda mucho el convertir párrafos en un tamaño mayor de forma
uniforme, incluso los textos en negrita pueden dar la sensación de monotonía.
Algunas personas piensan que la comunicación clara significa gritar MUY MUY
ALTO!
Utilice los encabezamientos de HTML con moderación (<H1><H2>...). Una
alternativa para evitar los encabezamientos destacados del HTML consiste en usar
los
controles físicos de estilo para convertir partes del texto en negrita o cursiva
sin incrementar el tamaño de la fuente. La mayoría de los subtítulos de
este manual se han realizado siguiendo esta premisa.
Este subtítulo sólo está en negrita
La ventaja en no utilizar los encabezamientos HTML en los subtítulos es doble:
si tan solo cambiamos el estilo físico (<B>) para dejar un subencabezamiento
en negrita, éste no se agrandará desorbitadamente, y si lo continuamos con un
salto de línea (<BR>) no aparecerá ese espacio en blanco que suele acompañar
a los encabezamientos entre líneas.
Tamaño de tipos
Un recurso muy útil, y inusualmente atractivo, consiste en variar los tamaños de
letras, frente a un encabezamiento del tipo:
<h2>Universidad de Zaragoza</h2>:
Universidad de Zaragoza
Podemos variarlo y ponerlo así:
<font size=+3><b>U</b></font><font size=+1>niversidad.....
Universidad de Zaragoza
Bastante más claro que la negrita.
Tipos de letra
Hasta la aparición de las versiones 3 de Netscape y Explorer el único recurso
HTML en tipografía era cambiar el tamaño o el estilo de la letra. A partir
de estas versiones la etiqueta <font face =""> permite definir el tipo de letra
con que se verán las páginas.
Esta opción abre nuevas posibilidades en la presentación de un texto pudiendo
evitar el recurso de las cursivas (uno de los tipos mas ilegibles en una página
de Web) para textos que acompañan al mensaje principal, o simplemente para
establecer jerarquías en el contenido de la página.
Si tiene un navegador que permite ver la etiqueta "face" verá el siguiente texto
con otro tipo de letra:
Esto está escrito con fuente 'Arial'