internet y estándares de diseño web
DESCRIPTION
Definición del estado actual de internet, el crecimiento de la información y su administración por medio de estándares.TRANSCRIPT
![Page 1: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/1.jpg)
MULTIMEDIA 1diseño basado en estándares web
taller_mediaviernes 26 de agosto de 2011
![Page 2: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/2.jpg)
El problema central del diseñador no es la gráfica, sino el impacto que ella tiene en los conocimientos, las actitudes, y las conductas de la gente.
multimedia 1 - internet y sitios webviernes 26 de agosto de 2011
![Page 3: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/3.jpg)
OBJETIVO DEL CURSODESARROLLAR UN PROYECTO MULTIMEDIA EN
INTERNET CON HERRAMIENTAS DIGITALES
multimedia 1 - internet y sitios webviernes 26 de agosto de 2011
![Page 4: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/4.jpg)
AL FINALIZAR EL CURSO EL ESTUDIANTE SERÁ CAPAZ DE:Armar páginas Web a partir de un Diseño predefinido, optimizando el tamaño de los archivos que la componen.
Integrar las páginas en la constitución de un sitio Web.
multimedia 1 - internet y sitios webviernes 26 de agosto de 2011
![Page 5: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/5.jpg)
๏conocer estándares para el diseño de documentos web๏utilizar lenguajes de programación, pensando en una web semántica (con sentido para el usuario)๏realizar dirección de arte para web
multimedia 1 - internet y sitios web
además
viernes 26 de agosto de 2011
![Page 6: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/6.jpg)
multimedia 1 - internet y sitios web
peer map por volúmenes de conectividad
viernes 26 de agosto de 2011
![Page 7: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/7.jpg)
multimedia 1 - internet y sitios web
como se comporta internet hoy
viernes 26 de agosto de 2011
![Page 8: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/8.jpg)
multimedia 1 - internet y sitios web
como se comporta internet hoy
viernes 26 de agosto de 2011
![Page 9: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/9.jpg)
multimedia 1 - internet y sitios web
como se comporta internet hoy
viernes 26 de agosto de 2011
![Page 10: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/10.jpg)
multimedia 1 - internet y sitios web
como se comporta internet hoy
viernes 26 de agosto de 2011
![Page 11: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/11.jpg)
multimedia 1 - internet y sitios web
como se comporta internet hoy
viernes 26 de agosto de 2011
![Page 12: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/12.jpg)
integración digital de herramientas multimedia para definición de proyectos web
multimedia 1 - internet y sitios web
¿que debemos aprender?
viernes 26 de agosto de 2011
![Page 13: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/13.jpg)
multimedia 1 - internet y sitios web
estructurar un sitio
armar documentos para la web desde su diseño, optimización y vinculación entre lenguajes de programación
viernes 26 de agosto de 2011
![Page 14: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/14.jpg)
visto desde el paradigma de un desarrollador web
multimedia 1 - internet y sitios web
¿cual es el mercado?
viernes 26 de agosto de 2011
![Page 15: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/15.jpg)
multimedia 1 - internet y sitios web
tasa de penetración
viernes 26 de agosto de 2011
![Page 16: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/16.jpg)
multimedia 1 - internet y sitios web
tasa de penetración
viernes 26 de agosto de 2011
![Page 17: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/17.jpg)
de donde venimos con internet y hacia donde vamos
multimedia 1 - internet y sitios web
algo de historia
viernes 26 de agosto de 2011
![Page 18: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/18.jpg)
multimedia 1 - internet y sitios web
de donde venimos
viernes 26 de agosto de 2011
![Page 19: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/19.jpg)
multimedia 1 - internet y sitios web
web semántica
cambio en la curva de aprendizaje
Promueve la separación del contenido sobre el formato
viernes 26 de agosto de 2011
![Page 20: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/20.jpg)
multimedia 1 - internet y sitios web
web semántica
viernes 26 de agosto de 2011
![Page 21: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/21.jpg)
diseño basado en estándares
multimedia 1 - internet y sitios web
proceso productivo del diseño web
viernes 26 de agosto de 2011
![Page 22: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/22.jpg)
multimedia 1 - internet y sitios web
lenguajes de programación
HTMLXHTMLHTML5
CSSCSS2CSS3 JAVASCRIPT
CONTENIDO
what does it mean?¿Qué significa?
PRESENTACIÓN
what does it look like?¿Qué aspecto tiene?
COMPORTAMIENTO
what does it do?¿Qué hace?
viernes 26 de agosto de 2011
![Page 23: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/23.jpg)
multimedia 1 - internet y sitios web
arquitectura
define las categorías, páginas y flujo de navegación de un sitio web
viernes 26 de agosto de 2011
![Page 24: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/24.jpg)
multimedia 1 - internet y sitios web
wireframe
estructura de alambre, que define la diagramación de un documento web
viernes 26 de agosto de 2011
![Page 25: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/25.jpg)
multimedia 1 - internet y sitios web
mock up
maqueta final que presenta la propuesta gráfica de un documento, línea visual de un sitio
viernes 26 de agosto de 2011
![Page 26: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/26.jpg)
multimedia 1 - internet y sitios web
mock up
maqueta final que presenta la propuesta gráfica de un documento, línea visual de un sitio
viernes 26 de agosto de 2011
![Page 27: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/27.jpg)
html, css, javascript... (html5, css3)
multimedia 1 - internet y sitios web
para esto debemos aprender a usar los lenguajes de programación
viernes 26 de agosto de 2011
![Page 28: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/28.jpg)
siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto)
HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>)
multimedia 1 - internet y sitios web
html
viernes 26 de agosto de 2011
![Page 29: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/29.jpg)
multimedia 1 - internet y sitios web
estructura de un documento html
viernes 26 de agosto de 2011
![Page 30: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/30.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
multimedia 1 - internet y sitios web
Le indica al navegador que especificación de HTML se está utilizando HTML 4.01: los tipos de documento que define son: strict, transitional y frameset.
viernes 26 de agosto de 2011
![Page 31: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/31.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
multimedia 1 - internet y sitios web
define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML
<html>
</html>
viernes 26 de agosto de 2011
![Page 32: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/32.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
multimedia 1 - internet y sitios web
encabezado de la página - aquí se coloca titulo, metatags, e información para buscadores entre otras cosas. Está información no es visible.
<html>
</html>
<head>
</head>
viernes 26 de agosto de 2011
![Page 33: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/33.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
multimedia 1 - internet y sitios web
define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
<html>
</html>
<head>
</head>
<title>título del documento</title>
viernes 26 de agosto de 2011
![Page 34: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/34.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
multimedia 1 - internet y sitios web
para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.
<html>
</html>
<head>
</head>
<title>título del documento</title>
<link vínculo a hojas de estilo />
viernes 26 de agosto de 2011
![Page 35: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/35.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
multimedia 1 - internet y sitios web
define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página
<html>
</html>
<head>
</head>
<title>título del documento</title>
<link vínculo a hojas de estilo />
<body>
</body>
viernes 26 de agosto de 2011
![Page 36: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/36.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
viernes 26 de agosto de 2011
![Page 37: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/37.jpg)
las etiquetas se indican por pares y se forman de la siguiente manera:
< etiqueta de apertura >
< /etiqueta de apertura >
multimedia 1 - internet y sitios web
básico para recordar
viernes 26 de agosto de 2011
![Page 38: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/38.jpg)
multimedia 1 - internet y sitios web
estructura
<nombre_etiqueta> ............................</nombre_etiqueta>
viernes 26 de agosto de 2011
![Page 39: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/39.jpg)
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>
multimedia 1 - internet y sitios web
restricciones básicas
viernes 26 de agosto de 2011
![Page 40: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/40.jpg)
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>
multimedia 1 - internet y sitios web
restricciones básicas
viernes 26 de agosto de 2011
![Page 41: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/41.jpg)
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>
multimedia 1 - internet y sitios web
restricciones básicas
viernes 26 de agosto de 2011
![Page 42: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/42.jpg)
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
editar contenidos
viernes 26 de agosto de 2011
![Page 43: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/43.jpg)
multimedia 1 - internet y sitios web
estructura
viernes 26 de agosto de 2011
![Page 44: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/44.jpg)
multimedia 1 - internet y sitios web
como funciona
viernes 26 de agosto de 2011
![Page 45: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/45.jpg)
La mayor parte del contenido de las páginas HTML habituales está formado por texto, llegando a ser más del 90% del código de la página. Por este motivo, es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto.
multimedia 1 - internet y sitios web
texto
viernes 26 de agosto de 2011
![Page 46: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/46.jpg)
Ayuda a marcar secciones de la página aparte de ser títulos. ej:
h1: título del sitio o páginah2: subtítuloh3: título de secciónh4: Subtítulo de secciónh5: Título de elementoh6: subtítulo de elemento
multimedia 1 - internet y sitios web
encabezados
viernes 26 de agosto de 2011
![Page 47: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/47.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
h1: título del sitio o páginah2: subtítulo
h3: título de secciónh4: Subtítulo de sección
h5: Título de elementoh6: subtítulo de elemento
viernes 26 de agosto de 2011
![Page 48: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/48.jpg)
multimedia 1 - internet y sitios web
encabezados
viernes 26 de agosto de 2011
![Page 49: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/49.jpg)
multimedia 1 - internet y sitios web
formatos de presentación
viernes 26 de agosto de 2011
![Page 50: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/50.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. Duis quis diam sed metus luctus pellentesque. Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. Duis quis diam sed metus luctus pellentesque. Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<p> párrafo nuevo
viernes 26 de agosto de 2011
![Page 51: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/51.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. <strong>Duis quis diam sed metus luctus pellentesque.</strong> Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. Duis quis diam sed metus luctus pellentesque. Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<strong> Resalta una palabra o grupo de palabras
viernes 26 de agosto de 2011
![Page 52: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/52.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. <strong>Duis quis diam sed metus luctus pellentesque.</strong> Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<em>Lorem ipsum dolor sit amet,</em>consectetur adipiscing elit. Proin non suscipit sem. Duis quis diam sed metus luctus pellentesque. Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<em> define una palabra o grupo de palabras en cursiva
viernes 26 de agosto de 2011
![Page 53: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/53.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. <strong>Duis quis diam sed metus luctus pellentesque.</strong> Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<em>Lorem ipsum dolor sit amet,</em>consectetur adipiscing elit. Proin non suscipit sem. Duis quis diam sed metus luctus pellentesque. Mauris magna tortor, sodales eu elementum non, <del>congue eu sem.</del>
<p>
</p>
<del> texto tachado
viernes 26 de agosto de 2011
![Page 54: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/54.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. <strong>Duis quis diam sed metus luctus pellentesque.</strong> Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<ul>
</ul>
<ul> lista sin ordenar, uso de viñetas
viernes 26 de agosto de 2011
![Page 55: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/55.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. <strong>Duis quis diam sed metus luctus pellentesque.</strong> Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<ul>
</ul>
<ul> lista sin ordenar, uso de viñetas
viernes 26 de agosto de 2011
![Page 56: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/56.jpg)
multimedia 1 - internet y sitios web
<body>
</body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non suscipit sem. <strong>Duis quis diam sed metus luctus pellentesque.</strong> Mauris magna tortor, sodales eu elementum non, congue eu sem.
<p>
</p>
<ul>
</ul>
<li> elemento en una lista
<li> -elemento 1</li><li> -elemento 2</li><li> -elemento 3</li><li> -elemento 4</li>
viernes 26 de agosto de 2011
![Page 57: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/57.jpg)
multimedia 1 - internet y sitios web
hojas de estilo en cascada CSSintroducción
viernes 26 de agosto de 2011
![Page 58: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/58.jpg)
multimedia 1 - internet y sitios web
¿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
viernes 26 de agosto de 2011
![Page 59: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/59.jpg)
multimedia 1 - internet y sitios web
web semántica
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.
viernes 26 de agosto de 2011
![Page 60: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/60.jpg)
multimedia 1 - internet y sitios web
Dónde escribo la parte de CSS?Hay dos opciones para insertar estilos en un documento HTML. Lo más normal es hacerlo en un archivo externo (que se llama hoja de estilos) y enlazarlo desde nuestro documento HTML.
<link href="nuestra_hoja.css" rel="stylesheet" type="text/css" />
viernes 26 de agosto de 2011
![Page 61: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/61.jpg)
multimedia 1 - internet y sitios web
enlace de CSS
viernes 26 de agosto de 2011
![Page 62: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/62.jpg)
multimedia 1 - internet y sitios web
¿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. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.
viernes 26 de agosto de 2011
![Page 63: Internet y estándares de diseño web](https://reader033.vdocuments.site/reader033/viewer/2022051412/54b49e0f4a7959ed2f8b45d7/html5/thumbnails/63.jpg)
multimedia 1 - internet y sitios web
sintáxis de CSS
CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS.
viernes 26 de agosto de 2011