posicionamiento web primera parte: estructura de una página web lluís codina upf idec barcelona,...
TRANSCRIPT
![Page 1: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/1.jpg)
Posicionamiento Web Primera Parte: Estructura de una Página Web
Lluís CodinaUPF
IDECBarcelona, Abril 2008
![Page 2: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/2.jpg)
Cómo vemos nosotros una página web
Abril 2008 L. Codina - IDEC/UPF
![Page 3: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/3.jpg)
Como la ve un buscador
Abril 2008 L. Codina - IDEC/UPF
![Page 4: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/4.jpg)
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
![Page 5: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/5.jpg)
Ejemplo de código fuente suficiente
Abril 2008 L. Codina - IDEC/UPF
![Page 6: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/6.jpg)
El código fuente interpretado
Abril 2008 L. Codina - IDEC/UPF
![Page 7: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/7.jpg)
El mismo código completado
Abril 2008 L. Codina - IDEC/UPF
![Page 8: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/8.jpg)
Los metadatos destacados
Abril 2008 L. Codina - IDEC/UPF
![Page 9: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/9.jpg)
Abril 2008 L. Codina - IDEC/UPF
Práctica - I Crear una página web con el Bloc de Notas Entrar el contenido:
![Page 10: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/10.jpg)
Práctica - II
Marcar la página
Abril 2008 L. Codina - IDEC/UPF
![Page 11: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/11.jpg)
Práctica - III
Entrar los metadatos
Abril 2008 L. Codina - IDEC/UPF
![Page 12: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/12.jpg)
Posible solución
Abril 2008 L. Codina - IDEC/UPF
![Page 13: Posicionamiento Web Primera Parte: Estructura de una Página Web Lluís Codina UPF IDEC Barcelona, Abril 2008](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54e0be764a79595b298b5967/html5/thumbnails/13.jpg)
Práctica - IV
Buscar una o dos imágenes Descargarlas Incorporarlas a la página Añadirles metadatos
Abril 2008 L. Codina - IDEC/UPF