Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practica HTML Css

    Cargado por

    Tranner
    21 vistas1 página

    Título original

    PracticaHtmlCss

    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
    21 vistas1 página

    Practica HTML Css

    Cargado por

    Tranner

    Copyright:

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

    Prácticas de Herramientas Informáticas para la publicación Web

    ENTREGABLE 1. HTML y CSS


    Objetivos:
    ● Realizar una página web formada por más de una página
    ● Conocer cómo se estructuran los recursos de una página web
    ● Insertar recursos de las redes sociales más relevantes
    ● Conocer cómo decorar y ordenar los elementos de la web, así como los efectos
    ● Aplicar los principios del responsive web design

    Descripción:
    En esta práctica debes diseñar y realizar una página web en HTML, y posteriormente decorarla con CSS:

    1. Obtener la información a publicar: texto, imágenes y enlaces de redes sociales. No utilizar recursos con derechos de autor.
    2. Usar un editor de páginas web para crear la página web.
    3. Comprobar que la web se visualiza correctamente, comprimir los archivos y realizar la entrega en el campus virtual.
    4. Sólo en caso de que se alcance un mínimo de 5 puntos en los requisitos mínimos se valorarán los requisitos adicionales.

    Requisitos mínimos y entrega de la práctica:


    En esta práctica debes realizar una página web decorada que siga una temática común con texto e imágenes acordes. Se deben de
    cumplir los siguientes requisitos mínimos (6.5 ptos):

    1. La página web debe constar de cuatro páginas (documentos html), incluido en estos la página principal index.html. No serán
    válidas aquellas páginas que sean copias (incluida la etiqueta <main>) de algunas de las ya existentes o que estén incorrectamente
    maquetadas (debe aplicarse flexbox adecuadamente) (1 pto)
    2. La etiqueta <head> debe contener toda la información que se ha dado en clase (las que aparecen en las transparencias) (autor,
    descripción, idioma, etc..) (0.5 pto)
    3. En cada una de estas páginas deben usarse correctamente las etiquetas estructurales explicadas en clase (0.5 pto)
    4. En el contenido principal de la página (dentro del <main>), al menos debe aparecer: (1 pto)

    ● Un titular (h1, h2… h6), una imagen con texto alternativo, tres párrafos de una extensión suficiente con textos en negrita y
    cursiva, así como una lista ordenada o desordenada (ol,ul)
    ● Una inserción de contenido de una red social (al menos tres tipos de redes sociales diferentes entre todas las páginas)
    ● Un pie de página con la información de contacto (Igual para todas)

    5. Todas las páginas deben tener un header donde debe aparecer una imagen centrada en la página haciendo uso de las propiedades
    de CSS (0.5 pto)
    6. En todas las páginas debe aparecer un menú, el cuál debe tener un icono que actúe como enlace en la parte izquierda. Aparte
    debe haber al menos dos enlaces más en la parte derecha del menú para el resto de páginas de la web. (1 pto)
    7. Todas las páginas deben tener el mismo header, nav y footer y sus reglas de css deben ir en un documento diferente al de cada
    una de las páginas (crear un .css solo para definir estas reglas) (1 pto)
    8. En el menú, al pasar el ratón por encima de los nombres de las páginas que componen la web, debe cambiar al menos su color de
    fondo (0.5 pto)
    9. Cada una de las páginas que componen la web, debe contar con su documento css propio, así como la estructura css debe contar
    con el suyo. En cada página (html), debe haber dos documentos css enlazados (el propio y el de estructura) (0.5 pto)

    Para poder optar a la máxima nota (10 ptos) deberán cumplirse los siguientes requisitos adicionales:

    10. En el menú debe quedar claro de forma gráfica sobre que pagina de mi web estoy en ese momento actual (0.5 pto)
    11. Utilizar fuentes personalizadas que no sean las de por defecto (tipografías) (0.5 pto)
    12. Todas las páginas deben estar adaptadas a los principios del responsive web design (etiqueta @media en sus css) (1.5 pto)
    13. El contenido de cada página debe ser original y único con respecto a las demás, valorando que un contenido sea veraz (1 pto)

    El archivo principal debe guardarse con el nombre “index.html” y todos los archivos deben tener una codificación de caracteres
    “Unicode (UTF-8)”. Generar un archivo comprimido usando vuestro nombre completo (“Nombre_Apellido1_Apellido2.zip”), y que
    contenga todos los archivos html y css, así como las imágenes que se han utilizado. EL ORDEN DE ESTOS ARCHIVOS DEBEN
    RESPETAR LA ORGANIZACIÓN QUE HEMOS DADO EN CLASE

    Sobre estos requisitos mínimos, puede realizarse una página más completa que se valorará muy positivamente. La entrega de esta
    práctica consistirá en la entrega del fichero comprimido anterior a través del campus virtual.

    En caso de detectarse entregas muy similares o con una gran cantidad de contenido no explicado en clase, se podrá solicitar la
    defensa oral de la práctica.

    También podría gustarte