Posicionamiento Web Primera Parte: Estructura de una Página Web

Lluís CodinaUPF

IDECBarcelona, Julio 2008

Cómo vemos nosotros una página web

Julio 2008 L. Codina - IDEC/UPF

Como la ve un buscador

Julio 2008 L. Codina - IDEC/UPF

El código fuente

Composición de una página web: Texto +Marcados

Texto Contenido textual (“para leer”)

Marcado Elementos XHTML

Elementos de marcado (<h1>, <h2>, <p>, …) Elementos de sustitución (<a>, <img>, …) Metadatos

Julio 2008 L. Codina - IDEC/UPF

Ejemplo de código fuente suficiente

Julio 2008 L. Codina - IDEC/UPF

El código fuente interpretado

Julio 2008 L. Codina - IDEC/UPF

El mismo código completado

Julio 2008 L. Codina - IDEC/UPF

Los metadatos destacados

Julio 2008 L. Codina - IDEC/UPF

Julio 2008 L. Codina - IDEC/UPF

Práctica - I Crear una página web con el Bloc de Notas Entrar el contenido:

Práctica - II

Marcar la página

Julio 2008 L. Codina - IDEC/UPF

Práctica - III

Entrar los metadatos

Julio 2008 L. Codina - IDEC/UPF

Posible solución

Julio 2008 L. Codina - IDEC/UPF

Práctica - IV

Buscar una o dos imágenes Descargarlas Incorporarlas a la página Añadirles metadatos

Julio 2008 L. Codina - IDEC/UPF