Diseño de páginas Web Elaboración de Unidades Didácticas en Web.

Presentación del tema: "Diseño de páginas Web Elaboración de Unidades Didácticas en Web."— Transcripción de la presentación:

1 Diseño de páginas Web Elaboración de Unidades Didácticas en Web

2 Contenido Páginas Web El lenguaje HTML Estructura de un documento HTML Enlaces Imágenes Colores

3 ¿Qué es una página Web? Fichero de (hiper)texto Indica al navegador qué y cómo presentar la información Texto Colores, imágenes,... Enlaces Codificado en lenguaje HTML

4 ¿Cómo crear páginas Web? Editor de texto (Notepad, Wordpad) Editor de HTML (HTMLed) Aplicación compatible con HTML (Word, PowerPoint) Editor de páginas Web (Composer) Gestor de Webs (FrontPage, DreamWeaver)

5 El lenguaje HTML Etiquetas Inicio de etiqueta................Elementos a los que afecta Cierre de etiqueta Atributos.............

6 Estructura de un documento HTML Título Texto del documento, Gráficos, Enlaces,...

7 Enlaces Direcciones URL Ficheros de otros servidores Web Enlaces locales Ficheros en el mismo sevidor Enlaces internos Destinos en el propio fichero Envío de mensajes de correo

8 Direcciones URL Universidad Politécnica de Valencia

9 Enlaces locales 1.Fichero en una subcarpeta 2.Fichero en la misma carpeta 3.Fichero en una supercarpeta 1 3 2

10 Fichero en una subcarpeta En index.htm: Aficiones: Astronomía

11 Fichero en la misma carpeta En index.htm: Ver animación

12 Fichero en una supercarpeta En astronomía.htm: Volver al principio

13 Enlaces internos Destino del enlace texto Enlace desde el propio fichero texto Enlace desde fuera texto

14 Envío de mensajes de correo

15 Inclusión de imágenes Enlace a la imagen La imagen como enlace

16 Formato de la imagen Borde Tamaño Alineación del texto

17 Códigos de color Sistema con 16 dígitos 1 2 3 4 5 6 7 8 9 A B C D E F #rrggbb #FFFFFF  Blanco #000000  Negro #FFFF00  Amarillo

18 Colores en una página Texto normal Texto del enlace Enlace visitado Enlace activo (en descarga)

19 Fondo de la página Color Imagen

20 F I N