Categorii: Tot - navegador - css - editores - arquitectura

realizată de Elena Martin 14 ani în urmă

243

Unidad 2

La arquitectura de la información es fundamental para organizar y estructurar el contenido en páginas web, utilizando estándares como XHTML. Este lenguaje de marcado extendido permite definir la estructura y el contenido a través de etiquetas y metaelementos, facilitando la interpretación por parte de los navegadores.

Unidad 2

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

Editores

EN línea
Sistemas de gestión de contenidos

Webnode

Servidores de blogs

Blogger

WYSIWYG
Dreamweaver
Especializados en código fuente
Dreamweaver en modo código
Notepad++
De texto
Bloc de notas

XHTML (eXtended HyperText Markup Language). Contenido

Intérprete del código fuente
Navegador
Código fuente
Marcas XHTML

Estructura de las etiquetas

Texto visible

Etiquetas

Formularios

Tablas

Listas

Metaelementos

Enlace

Inclusión

Formato de texto

Formato de documento

Documento de texto

W3C (World Wide Web Consortium)

¿Qué hace?
Publica la norma internacional XHTML, en la que consta como se utilizan las etiquetas en una página web.
¿Qué es?
Es un consorcio internacional que produce recomendaciones para la World Wide Web.

Fuente: Wikipedia

CSS (Creative Style Sheet). Presentación

Estructura

h2 { font-size:16;}

Valor

contenido: 16, 18, #000000

Propiedad

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

Selector

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

Formas de aplicación
Estilo externo

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>

Estilo interno

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 en línea

Se define en cada etiqueta XHTML.

Ejemplo:

<h2 style=“font-size:14;”>Texto del encabezado</h2>

¿Qué son?
Plantillas de formato de documentos XHTML
Conjunto de reglas que definen la apariencia de los elementos XHTML