Skip to content

U-Camp/BOOT-M1-S3Y4-PROY1-WDF

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

Banner

WDF M3 S3 Y S4: Clonación de la Interfaz de Google con HTML y CSS

ÍNDICE


1. Intro

HTML trabaja de la mano con CSS para crear las páginas web que usamos todos los días en el navegador💻. Incluso, este sitio web en donde estás viendo este contenido está construido con HTML y CSS🤯 (junto con otros elementos que conocerás más adelante). Para este primer proyecto, con los conocimientos que tienes de HTML y CSS realizarás la clonación de la interfaz de Google, sí, esa que vez cada que haces una búsqueda en su navegador, ¿aceptas el reto🤓?


2. Demo

Puedes entrar a ver el demo en este vínculo: https://dazzling-nightingale-01ce86.netlify.app

La idea es inspirarte con esta demostración de proyecto.

¡Quizá no te quede idéntico o quizá te quede mucho mejor que nuestro demo🤩, utiliza tu destreza y aprendizaje para que demuestres que tu futuro es ser un(a) programador(a) web.👩🏻💻👦🏻

imagen


3. ¿Qué construirás?

Este proyecto está enfocado en construir la interfaz estática de Google.

Se te pide que sea una sola página que contenga las secciones siguientes:

  • a. Header Sección que involucra la foto del perfil, iconos, logo de Google y las áreas principales del sitio.
  • b. main Sección del contenedor para los elementos centrales de la página.
  • c. Footer Sección que incluye hipervínculos al final de la página.

4. Objetivos de aprendizaje

El objetivo principal de este proyecto es desarrollar una interfaz utilizando HTML y CSS, en toda su aplicación.

Aplicarás:

  • Etiquetas estándar HTML5.
  • Estilos con CSS

5. Requisitos y entregables

Usa esta lista para saber los requisitos mínimos del proyecto:

GENERAL

Realizarse de manera individual

UI

  • Aplicar en todo el sitio HTML semántico de estándar no.5 (HTML5).
  • Aplicar tipos de selectores en CSS.
  • Sección Header, main, footer

CONTROL DE VERSIONES

  • Crear un repositorio en GitHub y realizar mínimo 2 "commits" en tu repositorio.

ENTREGA A TIEMPO

  • Entregar a tiempo el proyecto.

About

Clonación de la Interfaz de Google con HTML y CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published