Unidad 1

Actividades de
aprendizaje

FUNDAMENTOS DE PROGRAMACIÓN WEB

Tarea Virtual #2
Tema: Maquetado HTML de una Página Web.

Objetivo: Aplicar el estándar HTML5 para el maquetado de una página web.

Actividad: Actualizar la página web que evidencie el portafolio del estudiante con los
proyectos web realizados en la materia de Programación Web. Dicho sitio debe cumplir
con la siguiente estructura de directorios y archivos del sitio web del portafolio:

Para el maquetado del sitio web portafolio debe cumplir con las siguientes tareas de
programación en HTML5:
1. Implementar la página principal llamada index.html con el respectivo contenido y
un vínculo de acceso a la página indice.html de la carpeta portafolio:

2
2. Implementar la página indice.html con el respectivo contenido, vínculos de
acceso a las respectivas páginas de los proyectos del portafolio y vínculo para
regresar a la página principal index.html:

3
 3. Implementar las páginas de proyecto1.html y proyecto2.html con el respectivo
contenido, vínculo para regresar a la página indice.html y vínculo para regresar
a la página principal index.html:

4. Todas las páginas web, en el pie de página, deben tener definido el vínculo de
regresar a la página principal de index.html, el Copyright 2022 y un
vínculo de Ir arriba.
Enlaces (Materiales de Consulta):
• Lectura de las ideas claves.
• Lectura del capítulo 1 del libro Juan Diego Gauchat: El gran libro de HTML5,
CSS3 y Javascript. (Sección MATERIAL DE ESTUDIO).
• Sitio web “MDN Web Docs” sección “Guides/HTML” url:
https://developer.mozilla.org/es/docs/Learn/HTML
Orientaciones metodológicas:

• Crear un proyecto web con la herramienta libre IDE VS Code de Microsoft.

• Implementar los requisitos de maquetado del sitio web, anteriormente descritas
teniendo en cuenta las técnicas de maquetado web en html5 estudiadas en clases.
• Comprobar la solución implementada del sitio web, que esté en correspondencia
con las vistas de maquetado de las páginas web del proyecto.
• Subir a la plataforma de Eva-s la estructura de directorios y archivos del sitio web
del portafolio estudiantil, compactados en .zip ó .rar.