Diseño web html
Upcoming SlideShare
Loading in...5
×
 

Diseño web html

on

  • 488 views

Presentación diseño Web en HTML

Presentación diseño Web en HTML

Statistics

Views

Total Views
488
Views on SlideShare
488
Embed Views
0

Actions

Likes
0
Downloads
22
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Diseño web html Diseño web html Presentation Transcript

  • Daniel Felipe Lozano 1101 Informática 2011
    • Páginas Web
    • El lenguaje HTML
    • Estructura de un documento HTML
    • Enlaces
    • Imágenes
    • Colores
    • Fichero de (hiper)texto
    • Indica al navegador qué y cómo presentar la información
      • Texto
      • Colores, imágenes, ...
      • Enlaces
    • Codificado en lenguaje HTML
    • 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)
    • Etiquetas
      • < center > Inicio de etiqueta
      • ................ Elementos a los que afecta
      • </ center > Cierre de etiqueta
    • Atributos
      • < table border= &quot;0&quot; width= &quot;80%&quot; ... >
      • .............
      • </ table >
    • < HTML >
    • < HEAD >
    • < TITLE > Título </ TITLE >
    • </ HEAD >
    • < BODY >
    • Texto del documento, Gráficos, Enlaces, ...
    • </ BODY >
    • </ HTML >
    • 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
    • < A HREF = “http://www.upv.es” >
    • Universidad Politécnica de Valencia
    • </ A >
    • Fichero en una subcarpeta
    • Fichero en la misma carpeta
    • Fichero en una supercarpeta
    1 3 2
    • En index.htm:
    • Aficiones:
    • < A HREF = “aficiones/astronomia.htm” >
    • Astronomía
    • </ A >
    • En index.htm:
    • < A HREF = “splash.htm” >
    • Ver animación
    • </ A >
    • En astronomía.htm:
    • < A HREF = “../index.htm” >
    • Volver al principio
    • </ A >
    • 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 >
    • <A HREF = “mailto:jlhueso@mat.upv.es?tema” >
    • 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>
    • Borde
      • < IMG SRC = “imagen.gif” BORDER = “0” > </ IMG >
    • Tamaño
      • < IMG SRC = “imagen.gif” BORDER = “0” > </ IMG >
    • Alineación del texto
    • 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
    • Texto normal
      • < BODY TEXT = “black” >
    • Texto del enlace
      • < BODY LINK = “blue” >
    • Enlace visitado
      • < BODY VLINK = “#rrggbb” >
    • Enlace activo (en descarga)
      • < BODY ALINK = “#rrggbb” >
    • Color
      • <BODY BGCOLOR = “white” >
    • Imágen
      • <BODY BACKGROUND = “imagen.gif” >
  •