Uso de CSS

1,817 views

Published on

Introducción al concepto de web semántica, entendiendo la separación del contenido y la presentación visual de estos por medio de hoja de estilos.

Published in: Design
  • Be the first to comment

Uso de CSS

  1. 1. editar contenidos para la web patricio rodríguez m. @taller_mediamartes 21 de agosto de 2012
  2. 2. La tarea inicial del editor de contenidos HTML consiste en estructurar el texto original definiendo sus párrafos, titulares y títulos de sección, como se muestra en la siguiente imagen: multimedia 1 - internet y sitios webmartes 21 de agosto de 2012
  3. 3. como funcionamartes 21 de agosto de 2012
  4. 4. estructura de las etiquetas <nombre_etiqueta> ............................</nombre_etiqueta>martes 21 de agosto de 2012
  5. 5. restricciones básicas 1) Las etiquetas se tienen que cerrar de acuerdo a como se abren: Ejemplo correcto en HTML: <p>Este es un párrafo con <a>un enlace</a></p>martes 21 de agosto de 2012
  6. 6. restricciones básicas 2) Los nombres de las etiquetas y atributos siempre se escriben en minúsculas: Ejemplo correcto en HTML: <p>Este es un párrafo con <a href="http:// www.google.com">un enlace</a></p>martes 21 de agosto de 2012
  7. 7. restricciones básicas 3) El valor de los atributos siempre se encierra con comillas: Ejemplo correcto en HTML: <p>Este es un párrafo con <a href="http:// www.google.com">un enlace</a></p>martes 21 de agosto de 2012
  8. 8. hoja de estilos en cascadamartes 21 de agosto de 2012
  9. 9. ¿Para que sirve? separación de los contenidos de los documentos escritos en HTML, XML, XHTML, HTML5 de la presentación del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando así la apariencia de una página web de una forma más sencillamartes 21 de agosto de 2012
  10. 10. CSS es un lenguaje formal (que se escribe en un archivo de texto), que define la presentación de un documento Html, Xml, Xhtml o Html5.martes 21 de agosto de 2012
  11. 11. martes 21 de agosto de 2012
  12. 12. ¿Cómo funciona? El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Debemos seleccionar la etiqueta de HTML que deseamos afectar por medio de atributos visuales para posteriormente asignar valores a los atributos.martes 21 de agosto de 2012
  13. 13. CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS.martes 21 de agosto de 2012
  14. 14. preguntas??martes 21 de agosto de 2012

×