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

Lluís CodinaUPF

IDECBarcelona, Abril 2008

Cómo vemos nosotros una página web

Abril 2008 L. Codina - IDEC/UPF

Como la ve un buscador

Abril 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

Abril 2008 L. Codina - IDEC/UPF

Ejemplo de código fuente suficiente

Abril 2008 L. Codina - IDEC/UPF

El código fuente interpretado

Abril 2008 L. Codina - IDEC/UPF

El mismo código completado

Abril 2008 L. Codina - IDEC/UPF

Los metadatos destacados

Abril 2008 L. Codina - IDEC/UPF

Abril 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

Abril 2008 L. Codina - IDEC/UPF

Práctica - III

Entrar los metadatos

Abril 2008 L. Codina - IDEC/UPF

Posible solución

Abril 2008 L. Codina - IDEC/UPF

Práctica - IV

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

Abril 2008 L. Codina - IDEC/UPF