You are on page 1of 20

Diseño de páginas Web

Elaboración de Unidades
Didácticas en Web

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

 Enlaces  Codificado en lenguaje HTML .¿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..

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

........ Elementos a los que afecta </center> Cierre de etiqueta  Atributos <table border="0" width="80%" ..........> ...El lenguaje HTML  Etiquetas <center> Inicio de etiqueta ... </table> .........

Enlaces. </BODY> </HTML> . Gráficos.Estructura de un documento HTML <HTML> <HEAD> <TITLE>Título</TITLE> </HEAD> <BODY> Texto del documento... .

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 .

Direcciones URL <A HREF = “http://www.upv.es”> Universidad Politécnica de Valencia </A> .

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

htm”> Astronomía </A> .htm: Aficiones: <A HREF = “aficiones/astronomia.Fichero en una subcarpeta  En index.

htm”> Ver animación </A> .Fichero en la misma carpeta  En index.htm: <A HREF = “splash.

htm: <A HREF = “.Fichero en una supercarpeta  En astronomía..htm”> Volver al principio </A> ./index.

upv.Enlaces internos  Destino del enlace  <A NAME = “nombre” > texto </A>  Enlace desde el propio fichero  <A HREF = “nombre”> texto </A>  Enlace desde fuera  <A HREF = “http://www.es/ficheronombre”> texto </A> .

upv.es?tema”> .Envío de mensajes de correo <A HREF = “mailto:jlhueso@mat.

gif”> </IMG> </A> .gif” ALT = “Texto”> </IMG>  La imagen como enlace <A HREF = “dirección de destino”> <IMG SRC = “imagen.Inclusión de imágenes  Enlace a la imagen <IMG SRC = “imagen.

Formato de la imagen  Borde  <IMG SRC = “imagen.gif” BORDER = “0”> </IMG>  Tamaño  <IMG SRC = “imagen.gif” BORDER = “0”> </IMG>  Alineación del texto .

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 .

Colores en una página  Texto normal <BODY TEXT = “black”>  Texto del enlace <BODY LINK = “blue”>  Enlace visitado <BODY VLINK = “#rrggbb”>  Enlace activo (en descarga) <BODY ALINK = “#rrggbb”> .

Fondo de la página  Color  <BODY BGCOLOR = “white”>  Imagen  <BODY BACKGROUND = “imagen.gif”> .

FIN .