Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Guia Practica - Estructura de Una Pagina Web

    Cargado por

    Anikilo Pubg gameplays
    2 vistas4 páginas

    Título original

    GUIA PRACTICA_ESTRUCTURA DE UNA PAGINA WEB

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

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

    Guia Practica - Estructura de Una Pagina Web

    Cargado por

    Anikilo Pubg gameplays

    Copyright:

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

    ESCUELA ESPECIALIZADA EN INGENIERIA ITCA-FEPADE, MEGATEC, LA UNION

    DEPARTAMENTO DE TECNICO EN INGENIERIA DE SISTEMAS INFORMATICOS


    TÉCNICO EN INGENIERIA DE SISTEMAS INFORMÁTICOS
    MÓDULO: DISEÑO DE PAGINAS WEB
    FACILITADOR: ING. MBA EDGARDO A. CLAROS
    AÑO: 1

    Resultados de Aprendizaje:
    - Conocer la estructura semantica de una pagina Web con HTML 5
    - Realizar ejercicios prácticos utilizando etiquetas comunes de HTML 5

    GUIA PRACTICA: ESTRUCTURA DE UNA PAGINA WEB CON HTML 5

    ELEMENTOS QUE COMPONEN LA ESTRUCTURA SEMANTICA DE UNA PAGINA WEB


    HEADER
    1 <header></header>
    El contenido de esta etiqueta debe ser la cabecera de nuestra página donde se suele
    encontrar el título, el logotipo y poco más.

    NAV
    1 <nav></nav>
    Esta etiqueta sirve para delimitar el menú de la página, donde colocaremos los enlaces internos
    para movernos entre nuestras diferentes secciones del sitio web.

    ARTICLE
    1 <article></article>
    La etiqueta article se suele encontrar dentro de una etiqueta section y sirve para dividir y
    ordenar los contenidos en su interior.

    SECTION
    1 <section></section>
    La etiqueta section engloba una sección de texto, imágenes y otros elementos que guardan
    cierta relación entre ellos. Normalmente siempre le podremos poner un título o encabezado.
    ASIDE
    1 <aside></aside>
    Contiene información no vital o que no está estrechamente relacionada con el contenido
    principal de la página como podrían ser banners de anuncios, citas o enlaces externos.

    FOOTER
    1 <footer></footer>
    Aquí encontraríamos el código perteneciente al pie de página, donde se suelen colocar los
    enlaces a textos legales, el copyright, nombre del desarrollador, etc.-
    EJEMPLO PRACTICO

    - PASO 1. Abra el programa Sublime Text 3

    - PASO 2. Abra un nuevo archivo HTML (recuerde que en la esquina inferior derecha debe

    de indicar que estamos trabajando en un tipo de archivo HTML)

    - PASO 3. Digite la estructura basica de HTML

    - PASO 4. Entre las etiquetas <body> y </body> digite cada uno de los ejemplos descritos
    anteriormente.-

    - PASO 5. Guarde el archivo con nombre estructura_html en su memoria USB.-

    - PASO 6. Abra el archivo en el navegador para ver los resultados.-

    EJERCICIO PRACTICO

    - Realizar cambios a la pagina web desarrollada, por ejemplo color o imagen de fondo, tipo y tamaño
    de fuente.

    También podría gustarte