GESTIÓN DE FORMACIÓN PROFESIONAL INTEGRAL

PROCEDIMIENTO DESARROLLO CURRICULAR

GUÍA DE APRENDIZAJE 1 - HTML

1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

 DENOMINACIÓN DEL PROGRAMA DE FORMACIÓN: Técnico Sistemas

 CÓDIGO DEL PROGRAMA DE FORMACIÓN: 228185 V 1.0
 NOMBRE DEL PROYECTO: Soporte Técnico En Software Y Hardware Para El Sector Empresarial De La Región.
 FASE DEL PROYECTO: Análisis.
 ACTIVIDAD DE PROYECTO: Obtener La Información De Los Clientes Con El Fin De Brindar Soporte Técnico.
 COMPETENCIA: Aplicar Herramientas Ofimáticas, Redes Sociales Y Colaborativas De Acuerdo Con El
Proyecto A Desarrollar.
 RESULTADOS DE APRENDIZAJE ALCANZAR: Aplicar controles y estructuras básicas de programación de un
lenguaje orientado a eventos de acuerdo con el problema a solucionar.
 DURACIÓN DE LA GUÍA: 4 Horas

2. PRESENTACION

 Utilizar el código HTML básico para diseñar páginas web.

 Utiliza las diferentes etiquetas del lenguaje HTML
 Motivar a la acción, al trabajo autónomo sistemático y organizado
 Relacionar conocimientos previos con los nuevos para la construcción significativa de los mismos
 Promover el aprendizaje colaborativo y el crecimiento integral del grupo

3. FORMULACION DE LAS ACTIVIDADES DE APRENDIZAJE

 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 Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de

Evaluación

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

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha

Autor (es) Ing. Guillermo Alexander Instructor - Centro de 20/06/2018

Burgos Ibarra Sistemas Comercio y
Servicios.