Download - Formateando contenido en la web
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.