Unidad II: Fundamentos del Diseño Web
Seleccionar una de las siguientes opciones. Luego explorar las dos páginas:
- https://www.art.yale.edu/ y https://museomoderno.org/
- http://www.cantinachichilo.com.ar/ y https://www.mostazaweb.com.ar/
- https://www.arngren.net/ y https://www.mercadolibre.com.ar/
¿Cuál te gusta más? ¿Por qué? ¿Qué crees que hace bueno un sitio web?
En esta Unidad van a aprender: “a crear sitios web desde cero”. Antes de crearlos, es importante diseñarlos.
El diseño web es el proceso de planificar, crear y organizar los elementos visuales e interacciones de un sitio web para que sea atractivo y funcional, mejorando la experiencia del usuario. Implica aspectos como la estructura de la página, la disposición de los elementos, los colores, las tipografías, los gráficos y la navegación.
Aspectos claves del diseño web:
- Experiencia del usuario (UX)
- Estética y funcionalidad
- Diseño responsivo
- Accesibilidad
- Optimización SEO
- Contenidos
- Herramientas de diseño:
Actividad práctica:
- Crear en el escritorio una carpeta llamada Informática
- Abrir el programa para edición de páginas web: Visual Studio Code (en el escritorio encontrarás el acceso directo)
- Abrir la carpeta creada anteriormente e indicar que confías en el autor
- Crear un nuevo documento llamado index.html
- Escribir el siguiente código:
- Guardar los cambios (Teclas CTRL+S), ejecutar en el navegador haciendo clic derecho al archivo index y seleccionar Open with Live Server
Tarea:
En la Carpeta digital, crear un documento de Google llamado UNIDAD II y registrar:
- ¿Qué es HTML?
- ¿Cómo funciona HTML?
- Explicar la estructura básica de un documento HTML
- ¿Qué son las etiquetas y atributos?
- ¿Qué es Visual Studio Code?
- ¿Qué es Live Server?