12.170 cursos gratis
8.780.648 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Manual de estilo de páginas Web

Autor: Celeste saldaña seg
Curso:
9,50/10 (6 opiniones) |17494 alumnos|Fecha publicaciýn: 05/05/2005
Envýa un mensaje al autor

Capýtulo 8:

 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'

Capýtulo siguiente - Esquema y Diseño de Páginas
Capýtulo anterior - Graficos 'sensibles'

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratarý tus datos para realizar acciones promocionales (výa email y/o telýfono).
En la polýtica de privacidad conocerýs tu derechos y gestionarýs la baja.

Cursos similares a Manual de estilo de páginas Web



  • Výdeo
  • Alumnos
  • Valoraciýn
  • Cursos
1. Tecnologías para crear páginas Web
La información que exponemos en este curso es muy importante para los que se van a... [15/11/11]
101  
2. Diseño páginas Web. Audio y Vídeo
Una página Web no está completa sin audio y vídeo. Aprende a insertar audio y... [23/07/10]
1.019  
3. Realizar páginas web con Swishmax
Crear una página web es realtivamente sencillo con las herramientas que actualmente... [02/08/07]
3.747  

ýQuý es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail