Formateando Formateando contenido contenido en la Weben la Web

Ivan Dario Guerra @ivadguerrawww.ivadguerra.com

Fuentes, Formato, Alineación e ImágenesFormateando contenido en la WebFormateando contenido en la Web

Formateando Formateando contenido contenido en la Weben la Web

Principales Tipos de Fuente Usados en Internet

Arial

VerdanaCourier New

MS SerifTimes New Roman

Trebuchet MSComic Sans

Tahoma

No hay limitación en lo que se refiere al uso de fuentes en la web, pero se debe tener en cuenta que no todos los usuarios tienen instaladas las mismas fuentes.

Formateando Formateando contenido contenido en la Weben la Web Efectos de Texto

Normal (Regular)Negrita (Bold)Itálica (Italic)Subrayado (Underline)

Formateando Formateando contenido contenido en la Weben la Web Efectos de Texto

Normal (Regular): Se usa por defecto en la mayoría del texto que no tiene ninguna connotación especial.

Negrita (Bold) Itálica (Italic)Subrayado (Underline)

Formateando Formateando contenido contenido en la Weben la Web Efectos de Texto

Normal (Regular)

Negrita (Bold): Generalmente se usa para denotar títulos, subtitulos y encabezados importantes, pero en la web su uso es un poco más extenso ya que se usa para indicarle al buscador cuales son los términos clave del artículo.

“No se debe abusar de su uso”

Itálica (Italic)Subrayado (Underline)

Formateando Formateando contenido contenido en la Weben la Web Efectos de Texto

Normal (Regular)Negrita (Bold)

Itálica (Italic): Al igual que en la escritura normal la itálica se usa para destacar nombres propios, obras literarias y detalles en los que es necesarios hacer énfasis.

Subrayado (Underline)

Formateando Formateando contenido contenido en la Weben la Web Efectos de Texto

Normal (Regular)Negrita (Bold)Itálica (Italic)

Subrayado (Underline) Su principal uso es el de indicar la posición de los hipervínculos, pero además, al igual que la itálica el subrayado se usa para hacer énfasis en términos importantes.

Formateando Formateando contenido contenido en la Weben la Web Efectos de Texto

Normal (Regular)Negrita (Bold)Itálica (Italic)Subrayado (Underline)

No hay una norma estricta de la manera en que se deben usar y combinar los efectos de texto, todo depende de los objetivos que se pretenden alcanzar.

Formateando Formateando contenido contenido en la Weben la Web Alineación

Puede que la alineación sea un factor estético, pero contribuyen a crear una agradable sensación en la visita del usuario.

Formateando Formateando contenido contenido en la Weben la Web Formatos de Imagen

Pixel: Mínima unidad de luz emitida por una pantalla.

.jpg: Formato de imagen de alta calidad (no admite transparencias).

.png: Formato de imagen de alta calidad que admite transparencias.

.gif: Formato de imagen de baja - intermedia calidad que admite transparencias.bmp: Formato de imagen de alta calidad, que no admite transparencias y es de un peso muy elevado.

Formateando Formateando contenido contenido en la Weben la Web

Mezclando Imagen y Alineación

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis enim eu felis lacinia dignissim. Quisque condimentum quam id enim laoreet faucibus. Etiam eget augue eget leo congue scelerisque. Duis cursus nisl ut nulla pellentesque nec rhoncus leo malesuada. Nulla eget leo neque, non venenatis lacus. Phasellus quis sem turpis. Sed sit amet nisi odio, a consectetur arcu. Vestibulum ligula quam, malesuada sollicitudin aliquet nec, ultrices sed lectus. Cras lectus justo, consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis enim eu felis lacinia dignissim. Quisque condimentum quam id enim laoreet faucibus. Etiam eget augue eget leo congue scelerisque. Duis cursus nisl ut nulla pellentesque nec rhoncus leo malesuada. Nulla eget leo neque, non venenatis lacus. Phasellus quis sem turpis. Sed sit amet nisi odio, a consectetur arcu. Vestibulum ligula quam, malesuada sollicitudin aliquet nec, ultrices sed lectus. Cras lectus justo, consequat.

Formateando Formateando contenido contenido en la Weben la Web

Mezclando Imagen y Alineación

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis enim eu felis lacinia dignissim. Quisque condimentum quam id enim laoreet faucibus. Etiam eget augue eget leo congue scelerisque. Duis cursus nisl ut nulla pellentesque nec rhoncus leo malesuada. Nulla eget leo neque, non venenatis lacus. Phasellus quis sem turpis. Sed sit amet nisi odio, a consectetur arcu. Vestibulum ligula quam, malesuada sollicitudin aliquet nec, ultrices sed lectus. Cras lectus justo, consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis enim eu felis lacinia dignissim. Quisque condimentum quam id enim laoreet faucibus. Etiam eget augue eget leo congue scelerisque. Duis cursus nisl ut nulla pellentesque nec rhoncus leo malesuada. Nulla eget leo neque, non venenatis lacus. Phasellus quis sem turpis. Sed sit amet nisi odio, a consectetur arcu. Vestibulum ligula quam, malesuada sollicitudin aliquet nec, ultrices sed lectus. Cras lectus justo, consequat.

Formateando Formateando contenido contenido en la Weben la Web

Mezclando Imagen y Alineación

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis enim eu felis lacinia dignissim.

Quisque condimentum quam id enim laoreet faucibus. Etiam eget augue eget leo congue

scelerisque. Duis cursus nisl ut nulla pellentesque nec rhoncus leo malesuada. Nulla eget leo neque,

non venenatis lacus. Phasellus quis sem turpis. Sed sit amet nisi odio, a consectetur arcu. Vestibulum

ligula quam, malesuada sollicitudin aliquet nec, ultrices sed lectus. Cras lectus justo, consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis enim eu felis lacinia dignissim. Quisque condimentum quam id enim laoreet

faucibus. Etiam eget augue eget leo congue scelerisque. Duis cursus nisl ut nulla pellentesque nec rhoncus leo malesuada. Nulla eget leo neque, non

venenatis lacus. Phasellus quis sem turpis. Sed sit amet nisi odio, a consectetur arcu. Vestibulum ligula quam, malesuada sollicitudin aliquet

nec, ultrices sed lectus. Cras lectus justo, consequat.