Guia Aprendizaje 1 - HTML
Guia Aprendizaje 1 - HTML
Guia Aprendizaje 1 - HTML
2. PRESENTACION
Descripción de las Actividades: Utilizar el Lenguaje HTML básico para diseñar páginas web.
Ambiente Requerido: Sala con Equipos de Computo
Materiales: Sublime Text 3, carpeta con los Datos Requeridos.
GFPI-F-019 V3
SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE 1 - HTML
Ejercicio 1: Crear una página web, llamarla index.html con dos marcos (Frames), las páginas de los dos marcos
deben llamarse como se muestra:
Menú.html Contenido.html
Diseñe la página web lo más similar posible como e muestra en la siguiente imagen, las imágenes y los textos vienen
dados en la carpeta que le entrega el instructor:
Debe aplicar los hipervinculos para que las páginas de la barra de menú se muestren dentro del marco de contenido,
todas las páginas deben llevar la misma barra de menú y los mismos hipervínculos.
SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE 1 - HTML
Ejercicio 2: Escriba el código necesario para que la página web llamada Accion.html se muestre de la siguiente
manera:
Ejercicio 3: Escriba el código necesario para que la página web llamada Aventura.html se muestre de la siguiente
manera:
SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE 1 - HTML
Ejercicio 4: Escriba el código necesario para que la página web llamada Estrategia.html se muestre de la siguiente
manera:
Ejercicio 5: Escriba el código necesario para que la página web llamada Deporte.html se muestre de la siguiente
manera:
NOTA: en la carpeta que se les pasa hay otros dos juegos más de cada categoría que pueden cambiar si lo desean
por los propuestos en esta guía.
SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE 1 - HTML
4. ACTIVIDADES DE EVALUACIÓN
Tome como referencia las técnicas e instrumentos de evaluación citados en la guía de Desarrollo Curricular
Evidencias de Conocimiento: Aplica las Aplica las diferentes etiquetas Lista de Chequeo.
etiquetas del lenguaje. del lenguaje HTML, para dar el
diseño apropiado a las páginas Observación.
Evidencias de Desempeño: Realiza los pasos web como:
necesarios para el diseño de la página web.
Etiquetas de formato al
Evidencias de Producto: Carpeta con las texto.
páginas del sitio web creado.
Listas numeradas y no
numeradas, listas de
definición.
Imágenes.
Hipervínculos.
Marcos.
Tablas
5. GLOSARIO DE TERMINOS
6. REFERENTES BIBLIOGRAFICOS