Arquitectura de la información. Páginas web.

CSS (Creative Style Sheet). Presentación

¿Qué son?

Conjunto de reglas que definen la
apariencia de los elementos XHTML

Plantillas de formato de documentos XHTML

Formas de aplicación

Estilo en línea

r

Se define en cada etiqueta XHTML.Ejemplo:<h2 style=“font-size:14;”>Texto del encabezado</h2>

Estilo interno

r

Se define en el head del documento y afecta a esa página en concreto.Ejemplo:<style type=“text/css”>body { background-color:#ccdd00;}h2 { font-size:14;}</style>

Estilo externo

r

Se crea en un documento aparte y se vincula desde cada página web afectada en el head.Ejemplo:<head><link rel=“stylesheet” type=“text/css” href>=“fichero_estilos.css” /></head>

Estructura

r

h2 { font-size:16;}

Selector

r

etiqueta o parte del documento que quedará afectada por el estilo: h2, p, body…

Propiedad

r

elemento que va a modificarse: font-size, color, font-family…

Valor

r

contenido: 16, 18, #000000

W3C (World Wide Web Consortium)

l

¿Qué es?

Es un consorcio internacional que produce recomendaciones para la World Wide Web.

r

Fuente: Wikipedia

¿Qué hace?

Publica la norma internacional XHTML, en la que consta como se utilizan las etiquetas en una página web.

XHTML (eXtended HyperText Markup Language). Contenido

Código fuente

Documento de texto

Estructura

<html>
<head>
</head>
<body>
</body>
</html>

Marcas XHTML

Etiquetas

Formato de documento

Formato de texto

Inclusión

Enlace

Metaelementos

Listas

Tablas

Formularios

Estructura de las etiquetas

<etiqueta atributo=“valor”>Texto visible </etiqueta>

Intérprete del código fuente

Navegador

Editores

De texto

Bloc de notas

Especializados en código fuente

Notepad++

Dreamweaver en modo código

WYSIWYG

Dreamweaver

EN línea

Servidores de blogs

Blogger

Sistemas de gestión de contenidos

Webnode