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. Las etiquetas HTML se tienen que abrir y cerrar de forma correspondiente y los nombres de etiquetas y atributos siempre se escriben en minúsculas. Las hojas de estilo en cascada (CSS) sirven para separar los contenidos de los documentos HTML de su presentación, modificando aspectos como colores, fuentes y márgenes para cambiar la apariencia de la página web de forma sencilla

1. editar contenidos
para la web
patricio rodríguez m.
@taller_media
martes 21 de agosto de 2012

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 web
martes 21 de agosto de 2012

3. como funciona
martes 21 de agosto de 2012

4. estructura de las
etiquetas
<nombre_etiqueta> ............................</nombre_etiqueta>
martes 21 de agosto de 2012

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. 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. 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. hoja de estilos en
cascada
martes 21 de agosto de 2012

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 sencilla
martes 21 de agosto de 2012

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. martes 21 de agosto de 2012

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. 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. preguntas??
martes 21 de agosto de 2012