Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Diseny

    Hochgeladen von

    lalosalle
    13 Ansichten20 Seiten
    bueno

    Originaltitel

    diseny

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PPT, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    bueno

    Copyright:

    © All Rights Reserved
    Als PPT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    13 Ansichten20 Seiten

    Diseny

    Hochgeladen von

    lalosalle
    bueno

    Copyright:

    © All Rights Reserved
    Als PPT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 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
    ¿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
    ¿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)
    El lenguaje HTML
     Etiquetas
    <center> Inicio de etiqueta
    ................ Elementos a los que afecta
    </center> Cierre de etiqueta
     Atributos
    <table border="0" width="80%" ...>
    .............
    </table>
    Estructura de un documento
    HTML
    <HTML>
    <HEAD>
    <TITLE>Título</TITLE>
    </HEAD>
    <BODY>
    Texto del documento, Gráficos,
    Enlaces, ...
    </BODY>
    </HTML>
    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>
    Enlaces locales

    1. Fichero en una
    subcarpeta
    2
    2. Fichero en la
    misma carpeta
    3. Fichero en una 1 3
    supercarpeta
    Fichero en una subcarpeta
     En index.htm:
    Aficiones:
    <A HREF = “aficiones/astronomia.htm”>
    Astronomía
    </A>
    Fichero en la misma carpeta
     En index.htm:
    <A HREF = “splash.htm”>
    Ver animación
    </A>
    Fichero en una supercarpeta
     En astronomía.htm:
    <A HREF = “../index.htm”>
    Volver al principio
    </A>
    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.upv.es/ficheronombre”>
    texto </A>
    Envío de mensajes de correo
    <A HREF =
    “mailto:jlhueso@mat.upv.es?tema”>
    Inclusión de imágenes
     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>
    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

    Das könnte Ihnen auch gefallen