Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML 5

    Transféré par

    Arsides Ancajima Valencia
    9 vues3 pages
    Css

    Titre original

    S1_DW

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Css

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    9 vues3 pages

    HTML 5

    Transféré par

    Arsides Ancajima Valencia
    Css

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    DISEO DE LA WEB ING.CIP IVN CASTILLO JIMNEZ, DR.

    HTML5
    <!DOCTYPE html>
    Esta lnea debe ser la primera lnea del archivo. De esta forma, el modo estndar del navegador es activado y las
    incorporaciones de HTML5 son interpretadas siempre que sea posible, o ignoradas en caso contrario.
    <html>
    La estructura HTML. Como siempre, la estructura tipo rbol de este lenguaje tiene su raz en el elemento <html>. Este
    elemento envolver al resto del cdigo:
    <!DOCTYPE html>
    <html lang=es>
    </html>
    El atributo lang en la etiqueta de apertura <html> es el nico atributo que necesitamos especificar en HTML5. Este
    atributo define el idioma humano del contenido del documento que estamos creando, en este caso es por espaol.
    <head>
    Dentro de las etiquetas <head> definiremos el ttulo de nuestra pgina web, declararemos el set de caracteres
    correspondiente, proveeremos informacin general acerca del documento e incorporaremos los archivos externos con
    estilos, cdigos Javascript o incluso imgenes necesarias para generar la pgina en la pantalla.
    <body>
    La siguiente gran seccin que es parte principal de la organizacin de un documento HTML es el cuerpo. El cuerpo
    representa la parte visible de todo documento y es especificado entre etiquetas <body>.
    <!DOCTYPE html>
    <html lang="es">
    <head>
    </head>
    <body>
    </body>
    </html>
    <meta>
    Es momento de construir la cabecera del documento. Algunos cambios e innovaciones fueron incorporados dentro de
    la cabecera, y uno de ellos es la etiqueta que define el juego de caracteres a utilizar para mostrar el documento.
    <title>
    La etiqueta <title>, como siempre, simplemente especifica el ttulo del documento.
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el ttulo del documento</title>
    </head>
    <body>
    </body>
    </html>
    <link>
    Otro importante elemento que va dentro de la cabecera del documento es <link>. Este elemento es usado para
    incorporar estilos, cdigos Javascript, imgenes o iconos desde archivos externos.
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el ttulo del documento</title>
    <link rel=stylesheet href=misestilos.css>
    </head>
    <body>
    </body>
    </html>
    DISEO DE LA WEB ING.CIP IVN CASTILLO JIMNEZ, DR.

    El atributo rel significa relacin y es acerca de la relacin entre el documento y el archivo que estamos incorporando
    por medio de href. el atributo rel tiene el valor stylesheet que le dice al navegador que el archivo misestilos.css es un
    archivo CSS con estilos requeridos para presentar la pgina en pantalla.

    ORGANIZACIN

    Cabecera, se encuentra el espacio donde usualmente se ubica el logo, ttulo, subttulos y una corta descripcin del sitio
    web o la pgina.

    Barra de Navegacin en la cual casi todos los desarrolladores ofrecen un men o lista de enlaces con el propsito de
    facilitar la navegacin a travs del sitio. Los usuarios son guiados desde esta barra hacia las diferentes pginas o
    documentos, normalmente pertenecientes al mismo sitio web.
    El contenido ms relevante de una pgina web se encuentra, en casi todo diseo, ubicado en su centro. Esta seccin
    presenta informacin y enlaces valiosos. La mayora de las veces es dividida en varias filas y columnas.
    En esta imagen se muestran solo dos columnas: Informacin Principal y Barra Lateral, pero esta seccin es
    extremadamente flexible y normalmente diseadores la adaptan acorde a sus necesidades insertando ms columnas,
    dividiendo cada columna entre bloques ms pequeos o generando diferentes distribuciones y combinaciones.

    Seccin de Informacin Principal podra contener una lista de artculos, descripcin de productos, entradas de un blog
    o cualquier otra informacin importante.

    La Barra Lateral podra mostrar una lista de enlaces apuntando hacia cada uno se esos tems. En un blog, por ejemplo,
    esta ltima columna ofrecer una lista de enlaces apuntando a cada entrada del blog, informacin acerca del autor, etc.

    El pie o la barra Institucional. Esta es el rea en donde normalmente se muestra informacin acerca del sitio web, el
    autor o la empresa, adems de algunos enlaces con respecto a reglas, trminos y condiciones y toda informacin
    adicional que el desarrollador considere importante compartir.
    DISEO DE LA WEB ING.CIP IVN CASTILLO JIMNEZ, DR.

    Vous aimerez peut-être aussi