Scribd Logo
Carica

Benvenuto in Scribd!

  • Semana 1 16192

    Caricato da

    Eddy Angeles Gomero
    7 visualizzazioni13 pagine
    WEBB

    Titolo originale

    semana_1__16192__

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    WEBB

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    7 visualizzazioni13 pagine

    Semana 1 16192

    Caricato da

    Eddy Angeles Gomero
    WEBB

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 13

    ESTRUTURA DE UN SITIO WEB HTML5

    HTML5

    HTML5 es la actualizacin de HTML, el lenguaje en el que es creada la web. HTML5


    tambin es un trmino de marketing para agrupar las nuevas tecnologas de desarrollo de
    aplicaciones web: HTML5, CSS3 y nuevas capacidades de Javascript.
    La versin anterior y ms usada de HTML, HTML4, carece de caractersticas necesarias
    para la creacin de aplicaciones modernas basadas en un navegador. El uso fuerte de
    Javascript ha ayudado a mejorar esto, gracias a frameworks como jQuery, jQuery UI,
    Sproutcore, entre otros.
    Flash en especial ha sido usado en reemplazo de HTML para desarrollar web apps que
    superaran las habilidades de un navegador: Audio, video, webcams, micrfonos, datos
    binarios, animaciones vectoriales, componentes de interfaz complejos, entre muchas otras
    cosas. Ahora HTML5 es capaz de hacer esto sin necesidad de plugins y con una gran
    compatibilidad entre navegadores.

    ESTRUCTURA DE UN SITIO WEB EN HTML5


    El HTML5 nos brinda elementos que perfeccionan la estrutura de un sitio web estableciendo
    por secciones, eliminando asi el uso de las etiquetas <div> innecesarios. Este cambio en la
    semntica hace que la estructura de la web sea ms coherente y fcil de entender por otras
    personas, los buscadores podrn encontrar con mayor facilidad estos sitios en la web.
    1. ESTRUCTURA DE UNA ETIQUETA EN HTML5

    Etiqueta o Tag definido


    por el lenguaje HTML5

    Contenido web basado


    en la etiqueta

    < ETIQUETA >

    Apertura o inicio de
    etiqueta

    < / ETIQUETA >

    Fin o cierre de
    etiqueta

    2. ATRIBUTOS DE UNA ETIQUETA HTML5


    Componentes de un atributo:
    Apertura de la etiqueta

    Contenido

    Cierre de etiqueta

    <p class=titulo> Hola, Te odio!!! </p>


    Nombre

    Valor

    Atributo

    3. ESPECIFICACION DOCTYPE
    Esta lnea deber ser la primera lnea del documento, sin espacios ni lneas previas.
    Esto es una manera de activar el modo estndar y forzar a los navegadores a
    interpretar el HTML5 siempre que sea posible, o a ignorarlo cuando no lo sea.
    La especificacin DOCTYPE tendr el siguiente aspecto:

    <!DOCTYPE html>

    Doctype es el encargado de indicarle al navegador web que el documento


    que est abriendo es un documento html. En esta versin el Doctype es
    mucho ms simplificado y compatible con HTML y XHTML.

    Ejemplo:
    Crear un sitio web con un color de fondo que permita mostrar el siguiente
    mensaje Los panditas tienen ms derechos que los gatos el ttulo de la
    web seria PandiWeb

    Cdigo:

    Declaracin de 1

    Habilita el uso de las tildes y


    las en 2 , codificacin
    unicode

    bgcolor : color de fondo para


    un documento 3

    En el navegador se visualiza:

    1. http://www.w3.org/International/questions/qa-html-language-declarations
    2. http://www.w3schools.com/tags/att_meta_charset.asp
    3. http://www.w3schools.com/tags/att_body_bgcolor.asp

    4. ETIQUETA HEAD (CABECERA)


    La etiqueta <HEAD> permite definir la cabecera del documento web contenido
    informacin que no es visible para el usuario. Se debe colocar antes de la etiqueta
    <body> y dentro de <html>
    El formato completo del documento seria:
    Indica el tipo de documento

    Cabecera del documento


    Inicio y Fin del
    documento Web
    Cuerpo del documento

    4.1 ELEMENTOS DE LA CABECERA


    4.1.1

    <TITLE>

    Permite definir el ttulo del documento, el cual es mostrado en la barra de ttulo del
    navegador.
    Ejemplo:

    Ttulo del documento Web

    4.1.2 ETIQUETA <META>


    Describe la informacin sobre los datos de un documento HTML (metadatos)
    La etiqueta <meta> proporciona metadatos sobre el documento HTML. Los
    metadatos no se mostrarn en la pgina, pero ser legible por la mquina.

    Atributo NAME: Define el tipo de informacin que proporciona la etiqueta. Los ms


    comunes son:
    a) Author: Informacion sobre el autor del documento web.
    b) Description: Habilita que se puede describir el documento web.
    c) Keywords: Habilita el uso de las palabras clave.

    Atributo CHARSET: permite habilitar el uso de las tildes y la .

    4.1.3 LINK

    Permite asociar las pginas web a un archivo externo. Es el ms usado para


    los enlazar a la hoja de estilo (stylesheet) CSS
    Ejemplo:

    4.1.4 STYLE
    La etiqueta <style> se utiliza para definir la informacin de estilo para un
    documento HTML.
    Dentro de la <style> especifica cmo los elementos HTML deben representar
    en un explorador.
    Cada documento HTML puede contener varias etiquetas <style>.
    Ejemplo:

    En el navegador:

    5. ETIQUETA BODY
    Es un espacio de trabajo que contiene todo lo visible de un documento HTML para el
    usuario.
    La etiqueta BODY puede contener:
    Elementos estndares HTML5 como: prrafos, formularios, imgenes, tablas, listas,
    etc.
    Enlaces a otros sitios web.
    Scripts de los Lenguajes de programacin: Java, PHP, ASP, etc.
    Objetos incrustado como los Applets de Java: animaciones flash, videos embed de
    youtube, etc.
    5.1 ATRIBUTOS MAS IMPORTANTES DE <BODY>
    5.1.1 ATRIBUTO BGCOLOR
    Permite asignar color de fondo al sitio web
    Sintaxis

    Ejemplo:
    a) Nombre de color como red, blue, yelow, Green, etc.
    <BODY bgcolor= blue>
    b) Para los ver los cdigos hexadecimales permitidos en la web, ver el
    siguiente enlace:

    http://es.wikipedia.org/wiki/Colores_web

    Ejemplo: crear un sitio web, utilizando cdigo sexagesimal para el fondo del sitio.

    Cdigo sexagesimal
    para el fondo

    En el navegador:

    5.1.2 ATRIBUTO BACKGROUND


    Permite asignar una imagen de fondo a su sitio web.
    Sintaxis
    <BODY background = Nombre_imagen.extension >
    <BODY background = URL / Nombre_imagen.extension >

    5.1.3 ATRIBUTO TEXT


    Define el color de texto usado en todo el documento web. El color
    predeterminado es negro
    Sintaxis
    <BODY TEXT = #0000FF >
    <BODY TEXT = blue >

    5.1.4 ATRIBUTOS MARGENES


    Permite asignar un especio entre los componentes de un documento web y el
    margen del mismo documento.

    Ejemplo: disear un sitio web que tenga atributos de color y mrgenes

    En el navegador:

    6. PRRAFOS
    Los prrafos sirven para estructurar el contenido. Para crear un prrafo, metemos
    texto entre las etiquetas <p> y </p>. Un ejemplo:

    7. SALTOS DE LINEA
    Hay veces que necesitamos forzar un salto de lnea dentro de un prrafo. Para ello,
    usamos la etiqueta <br/>, as:
    Ejemplo:

    En el navegador:

    8. ENCABEZADOS
    Puede que queramos empezar nuestra web o nuestro texto con un encabezado
    indicando el ttulo del artculo, categora, etc. Pues bien, para escribir encabezados
    tenemos que utilizar las etiquetas <h>.
    Esta etiqueta viene acompaada de un nmero, desde el 1 hasta el 6, predefiniendo
    stos el tamao del encabezado. As, <h1> sera el encabezado ms grande mientras
    que <h6> sera el ms pequeo.
    <h1> Texto muy grande</h1>
    <h2>Texto grande</h2>
    <h3>Texto algo ms grande de lo normal</h3>
    <h4>Texto normal</h4>
    <h5>Texto pequeo</h5>
    <h6>Texto muy pequeo</h6>
    Ejemplo:

    Encabezados
    s

    En el navegador:

    Potrebbero piacerti anche