Maquetación de un sitio web con HTML Y CSS
- 1. INSTRUCTIVO MAQUETADO WEB CON HTML, CSS Y BOOTSTRAP 1. cree una carpeta denominada proyecto_entrenamiento 2. Dentro de la carpeta proyecto_entrenamiento, cree las subcarpetas: img, css 3. ingrese al siguiente link: https://getbootstrap.com/ 4. Seleccione la versión v4.6x
- 2. 5. Copie e link CSS 6. En el Visual Studio Code, abra la carpeta creada en el punto 1. 7. Cree el archivo index.html
- 3. 8. Abra el archivo index.html y digite Html:5 y la tecla tabulador, para crear la estructura básica del documento html 9. Modifique el archivo de la siguiente manera: Cambie el tipo de lenguaje a español(es), agregue un titulo ,agregue el link de bootstrap y referencie el link de los estilos css:
- 4. 10. Agregue al final de la página antes de cerrar la etiqueta </body> el siguiente código, el cual se copia de la página de Bootstrap 11. Agregue el siguiente código html para crear el banner del sitio web 12. En la página de Bootstrap, diríjase a la opción components nav
- 5. y copie el siguiente código: 13. Pegue este código en el archivo index.html y modifíquelo hasta que quede como en la siguiente imagen:
- 6. 14. Digite el siguiente código para crear la galería de productos del sitio web: (Las imágenes pueden ser descargadas de internet, estas deben ser horizontales con una dimensión de 300x300
- 7. 15. Digite el siguiente código para crear el formulario de contacto:
- 8. 16. Digite el siguiente código para crear el pie de página: 17. Cree dentro del proyecto_entrenamiento y la carpeta css, el archivo : estilos.css que contenga las siguientes propiedades: