Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Diseny

    Cargado por

    ame_jac746603
    0 vistas20 páginas
    Web diseng

    Título original

    diseny (1)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Web diseng

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    0 vistas20 páginas

    Diseny

    Cargado por

    ame_jac746603
    Web diseng

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 20

    Diseo de pginas Web

    Elaboracin de Unidades
    Didcticas en Web
    Contenido
    Pginas Web
    El lenguaje HTML
    Estructura de un documento HTML
    Enlaces
    Imgenes
    Colores
    Qu es una pgina Web?
    Fichero de (hiper)texto
    Indica al navegador qu y cmo
    presentar la informacin
    Texto
    Colores, imgenes, ...
    Enlaces
    Codificado en lenguaje HTML
    Cmo crear pginas Web?
    Editor de texto (Notepad, Wordpad)
    Editor de HTML (HTMLed)
    Aplicacin compatible con HTML
    (Word, PowerPoint)
    Editor de pginas 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>Ttulo</TITLE>
    </HEAD>
    <BODY>
    Texto del documento, Grficos, 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
    Envo de mensajes de correo
    Direcciones URL
    <A HREF = http://www.upv.es>
    Universidad Politcnica 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>
    Astronoma
    </A>
    Fichero en la misma
    carpeta
    En index.htm:
    <A HREF = splash.htm>
    Ver animacin
    </A>
    Fichero en una
    supercarpeta
    En astronoma.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/ficheronombre>
    texto </A>
    Envo de mensajes de
    correo
    <A HREF =
    mailto:jlhueso@mat.upv.es?
    tema>
    Inclusin de imgenes
    Enlace a la imagen
    <IMG SRC = imagen.gif ALT =
    Texto> </IMG>
    La imagen como enlace
    <A HREF = direccin de destino>
    <IMG SRC = imagen.gif> </IMG>
    </A>
    Formato de la imagen
    Borde
    <IMG SRC = imagen.gif BORDER =
    0> </IMG>
    Tamao
    <IMG SRC = imagen.gif BORDER =
    0> </IMG>
    Alineacin del texto
    Cdigos de color
    Sistema con 16 dgitos
    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 pgina
    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 pgina
    Color
    <BODY BGCOLOR = white>
    Imagen
    <BODY BACKGROUND =
    imagen.gif>
    FIN

    También podría gustarte