diseño web html
DESCRIPTION
Presentación diseño Web en HTMLTRANSCRIPT
![Page 1: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/1.jpg)
Daniel Felipe Lozano1101
Informática 2011
![Page 2: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/2.jpg)
Páginas Web El lenguaje HTML Estructura de un documento HTML Enlaces Imágenes Colores
![Page 3: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/3.jpg)
Fichero de (hiper)texto Indica al navegador qué y cómo presentar la
información◦ Texto
◦ Colores, imágenes, ...
◦ Enlaces
Codificado en lenguaje HTML
![Page 4: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/4.jpg)
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)
![Page 5: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/5.jpg)
Etiquetas<center> Inicio de etiqueta................ Elementos a los que afecta</center> Cierre de etiqueta
Atributos<table border="0" width="80%" ...> .............</table>
![Page 6: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/6.jpg)
<HTML><HEAD>
<TITLE>Título</TITLE></HEAD><BODY>
Texto del documento, Gráficos, Enlaces, ...</BODY>
</HTML>
![Page 7: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/7.jpg)
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
![Page 8: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/8.jpg)
<A HREF = “http://www.upv.es”>Universidad Politécnica de Valencia</A>
![Page 9: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/9.jpg)
1. Fichero en una subcarpeta
2. Fichero en la misma carpeta
3. Fichero en una supercarpeta
1 3
2
![Page 10: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/10.jpg)
En index.htm:Aficiones:<A HREF = “aficiones/astronomia.htm”>Astronomía</A>
![Page 11: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/11.jpg)
En index.htm:<A HREF = “splash.htm”>Ver animación</A>
![Page 12: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/12.jpg)
En astronomía.htm:<A HREF = “../index.htm”>Volver al principio</A>
![Page 13: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/13.jpg)
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.upv.es/fichero#nombre”>
texto </A>
![Page 14: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/14.jpg)
<A HREF = “mailto:[email protected]?tema”>
![Page 15: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/15.jpg)
Enlace a la imagen<IMG SRC = “imagen.gif” ALT = “Texto”> </IMG>
La imagen como enlace<A HREF = “dirección de destino”>
<IMG SRC = “imagen.gif”> </IMG> </A>
![Page 16: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/16.jpg)
Borde◦ <IMG SRC = “imagen.gif” BORDER = “0”> </IMG>
Tamaño◦ <IMG SRC = “imagen.gif” BORDER = “0”> </IMG>
Alineación del texto
![Page 17: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/17.jpg)
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
![Page 18: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/18.jpg)
Texto normal<BODY TEXT = “black”>
Texto del enlace<BODY LINK = “blue”>
Enlace visitado<BODY VLINK = “#rrggbb”>
Enlace activo (en descarga)<BODY ALINK = “#rrggbb”>
![Page 19: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/19.jpg)
Color◦ <BODY BGCOLOR = “white”>
Imágen◦ <BODY BACKGROUND = “imagen.gif”>
![Page 20: Diseño web html](https://reader034.vdocuments.site/reader034/viewer/2022052400/559e4c4c1a28abf8588b45af/html5/thumbnails/20.jpg)