Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practica HTML

    Cargado por

    Jorge Flores
    56 vistas6 páginas
    El documento presenta instrucciones para el desarrollo de la página web de la empresa MIX Películas utilizando etiquetas HTML5 y hojas de estilo CSS. Se explica cómo crear la página principal "index.html" y vincularla con la hoja de estilos "estilomenu.css". Luego, se detallan las etiquetas HTML5 necesarias para maquetar diferentes secciones de la página como el encabezado, contenido principal, contenido lateral y menú, aplicando también fuentes web. Por último, se enumeran los criterios

    Descripción original:

    Practica HTML

    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
    El documento presenta instrucciones para el desarrollo de la página web de la empresa MIX Películas utilizando etiquetas HTML5 y hojas de estilo CSS. Se explica cómo crear la página principal "index.html" y vincularla con la hoja de estilos "estilomenu.css". Luego, se detallan las etiquetas HTML5 necesarias para maquetar diferentes secciones de la página como el encabezado, contenido principal, contenido lateral y menú, aplicando también fuentes web. Por último, se enumeran los criterios

    Copyright:

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

    Practica HTML

    Cargado por

    Jorge Flores
    El documento presenta instrucciones para el desarrollo de la página web de la empresa MIX Películas utilizando etiquetas HTML5 y hojas de estilo CSS. Se explica cómo crear la página principal "index.html" y vincularla con la hoja de estilos "estilomenu.css". Luego, se detallan las etiquetas HTML5 necesarias para maquetar diferentes secciones de la página como el encabezado, contenido principal, contenido lateral y menú, aplicando también fuentes web. Por último, se enumeran los criterios

    Copyright:

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

    Nombre del Curso Diseño y Desarrollo Web -

    N° Sesión 1
    Tema de la sesión Introducción a HTML Etiquetas HTML5
    Enunciado

    La empresa MIX Películas, desea que le diseñen su página web, para esta propuesta ha solicitado a los alumnos
    de la Carrera de Computación e Informática de ISIL para que desarrollen su sitio Web.

    Este es el modelo final


    propuesto, esta página principal
    tendrá el nombre de index.html

    Instrucciones
    1. Lo primero que debes hacer es la maquetación de la página web, para ello realizaras lo siguiente:

    a) Crear una página web llamada “index.html”; luego crear una hoja de estilos CSS llamada
    “estilomenu.css”, y crear todos los estilos necesarios para el diseño de la página. Recuerda
    enlazar la hoja de estilos con el archivo html.

    Etiquetas HTML5: index.html

    Recuerda que la etiqueta Link debe estar


    dentro de la etiqueta <head>
    Algunos estilos podrían ser: estilomenu.css

    2. Se procederá a maquetar la página web creando etiquetas html5, reglas de clase y formatos css.

    a) Crear el encabezado usando la etiqueta <header>, la cual incluirá una imagen de fondo
    llamada 1.png.

    Regla CSS

    Diseño Final

    b) Diseñar el contenido con la etiqueta <section>, aquí ira la entrada del contenido de la página.
    Insertar la imagen 2.png con la etiqueta <img>. Recuerda que <section> y <aside> están
    dentro de <article> por lo que debes crear las reglas para esta etiqueta también.

    Etiquetas HTML5

    Regla CSS
    Diseño Final

    Etiqueta Section

    c) Diseñar el contenido lateral usando la etiqueta <aside>, aquí irán los datos con algunas
    imágenes. Redondear los bordes usando las reglas CSS3. Insertar la imagen 3.png,
    imagen4.png, con la etiqueta <img>.

    Etiquetas HTML5

    Regla CSS
    Diseño Final

    Etiqueta <hr> para diseñar


    líneas horizontales

    3. Diseñar el menú y aplicar fuentes mediante las webfonts.

    a) Diseñar el menú principal con la etiqueta <nav>. Recuerda que el texto debe estar
    acompañado de las etiquetas <ul>, <li>, definir las reglas en la hoja de estilos.

    Etiquetas HTML5

    Regla CSS
    Diseño Final

    Etiqueta Nav

    Etiqueta <ul> <li>

    b) Digitar el siguiente texto sobre la imagen “No se lo puede perder¡¡”; buscar una fuente parecida en
    Google Web Font y aplicar a los textos de título.

    Etiquetas HTML5

    Las web fonts, son fuentes externas que pueden ser aplicadas a nuestras página web, a través de
    un servidor de fuentes o descargarlo a nuestros equipos. Para la aplicación de una fuente
    externa debe direccionarse el nombre de la fuente desde el servidor de fuentes mediante la
    etiqueta link. La fuente más común son del servidor de Google: https://www.google.com/fonts

    Recuerda que las reglas de tipo identificador


    permiten establecer propiedades a un elemento y
    Regla CSS son definidos dentro del HTML con el atributo “id” y
    son llamados en el CSS con el “#”.

    Diseño Final

    Observaciones

    1. El diseño de cada página es importante. La apariencia final también es evaluada.


    Criterios de evaluación

    Pregunta Items Puntos Puntaje


    Tema a evaluar Puntaje
    Nro. Obtenido

    El alumno conoce los conceptos fundamentales del desarrollo de una a)4


    1 página web. Identifica y reconoce las principales etiquetas HTML y 4
    propiedades CSS para el correcto maquetado de una página web.

    a)2

    2 El alumno identifica y aplica las nuevas etiquetas HTM5. 7 b)3

    c)4

    El alumno reconoce y aplica las etiquetas para realizar menús en una a)4
    3 página web haciendo uso de HTML5; así como la identificación de las 9
    web-Font según los estándares web. b)3

    Puntaje Total 20

    También podría gustarte