INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO

“ Alexa nd er Vo n Hum boldt”- V i l l a R i c a

FICHA DE ACTIVIDAD DE APRENDIZAJE Nº 1

ACTIVIDAD DE APRENDIZAJE Nº 01: “Diseño Web con HTML.”
Elementos de la capacidad Terminal: Lugar: Horas Pedagógicas
Implementar aplicaciones para internet e intranet. Laboratorio (X ) 20 min
Taller ( )
Campo ( )
Aula ( )

CONTENIDOS

PROCEDIMIENTOS CONCEPTOS ACTITUDES

Conceptualiza y aplica las diferentes HERRAMIENTAS PARA EL DESARROLLO DE UN PROYECTO  Demuestra interés por las etiquetas
etiquetas en el diseño Web para la WEB. en el diseño Web.
elaboración de proyectos. ¿Qué es Diseño Web?
• Herramientas de trabajo para el desarrollo web.
• HTML como diseño Web.
• Etiquetas en el Desarrollo de aplicaciones con HTML.
• Introducción a Bootstrap

SECUENCIA METOTOLÓGICA

Métodos /
Momentos Estrategias Recursos Duración
Técnicas
 Se muestra una diapositiva, preguntando: ¿Qué es el diseño web?
Explicativo
 Los estudiantes dan sus ideas sobre El Diseño Web
Motivación Expone / 5 min
 El docente menciona que el propósito de la clase es conocer la estructura Lluvia de Ideas
Multimedia (X)
de una pagina en HTML y sus principales etiquetas
 El facilitador presenta una diapositiva con la definición de diseño web, Alumnos (X)
Analiza.
seguidamente menciona las herramientas que se va a utilizar para realizar
Proporcionar Búsqueda de Manuales ( )
la práctica. 5 min.
Información información
 Se realiza la introducción al tema HTML y las etiquetas que se utilizaran
Lectura. Diapositivas (X)
para nuestra practica
Los estudiantes reconocen la estructura de una pagina en HTML y van creando
Demostrativo Pcs (X)
una pagina de ejemplo
Desarrollar Expositivo
5 min.
Práctica Dirigida Trabajo en Tv ( )
Los estudiantes como introducción al tema Bootstrap van modificando su
equipo
página utilizando los códigos de Bootstrap y analizan su utilidad
Resolución de  Explican la utilidad que les brinda el framework Bootstrap en el diseño web Videos (X)
Demostrativo
Problemas y  Lluvia de ideas Expositivo
3 min.
Transferencia Módulos ( )
Desarrollo de práctica para la casa: Demostrativo
Evaluación Laboratorio (X) 2 min.
 Diseñar de manera gráfica la maquetación de su página web.. explica

EVALUACIÓN DE LOS APRENDIZAJES

 Criterio de Evaluación: Selecciona y/o desarrolla la aplicación, de acuerdo a los requerimientos establecidos.
INDICADORES TÉCNICAS INSTRUMENTOS
 Conceptualiza las etiquetas comunes de HTML.  Observación.  Ficha de observación
 Desarrolla su primera página web utilizando etiquetas HTML y Bootstrap.

____________________________________________
Ing. DAVID GABRIEL COLONIO ROSALES
Docente encargado de la Unidad Didáctica.