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º 3

ACTIVIDAD DE APRENDIZAJE Nº 3: “Conociendo la estructura del Dreamweaver CS6”
Elementos de la capacidad Terminal: Lugar: Horas Pedagógicas
Conocer y aplicar las estructuras de los diseños web estáticos Laboratorio (X ) 4 Hrs
utilizando el Dreamweaver Taller ( )
Campo ( )
Aula ( )
Fecha: 14/05/18

CONTENIDOS

PROCEDIMIENTOS CONCEPTOS ACTITUDES

Conoce y aplica las estructuras para la HERRAMIENTAS PARA EL DESARROLLO DE UN PROYECTO  Demuestra interés y valora el trabajo
creación de proyectos estáticos en diseño de WEB. en equipo en el desarrollo de diseño
proyectos web. Herramientas de diseño para interfaces estáticas. web con Dreamweaver.
 Concepto de Dreamweaver.
 Que son paginas estáticas.
 Herramientas del Dreamweaver.
 Configuración de un sitio local

SECUENCIA METOTOLÓGICA

Métodos /
Momentos Estrategias Recursos Duración
Técnicas
 Se muestra una diapositiva, preguntando: ¿Qué es Dreamweaver CS6? Explicativo
Motivación  Los estudiantes dan sus ideas sobre Dreamweaver CS6 Expone / 50 hrs
 Muestro una diapositiva sobre las nuevas etiquetas de HTML 5. Lluvia de Ideas Multimedia (X)
 El facilitador entrega un PPT sobre conceptos básicos de Dreamweaver,
Alumnos (X)
paginas estáticas, herramientas del Dreamweaver y configuración de un Analiza.
Proporcionar sitio local. Búsqueda de
Manuales ( ) 50 hrs.
Información  Proporciona información a través de material impreso y digital sobre el tema información
 Comprueban como se realiza la configuración de un sitio local en Lectura.
Diapositivas (X)
Dreamweaver CS6.
Los estudiantes crean su sitio local en Dreamweaver agregando en el sitio su
Pcs (X)
proyecto que vienen desarrollando de la actividad anterior. Demostrativo
Desarrollar Expositivo
Tv ( ) 50 min.
Práctica Dirigida Los estudiantes de manera individual personalizan sus páginas web de Trabajo en
acuerdo al tema que eligieron desarrollar agregando imágenes, textos y equipo
Videos (X)
material multimedia.
 Explican que diferencia encontraron en el uso del Dreamweaver en Módulos ( )
comparación del Sublime Text.
Resolución de
 Mediante ejemplos explican como el Dreamweaver facilita la sincronización Demostrativo Laboratorio (X)
Problemas y 35 min.
de archivos mediante la creación de sitios. Expositivo
Transferencia
 Lluvia de ideas

Demostrativo
Evaluación  Logra personalizar su página web y crea su sitio de manera local en 15 min.
explica
Dreamweaver.

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 y diferencia el diferente interfaz para el diseño de proyectos web.  Observación.  Ficha de observación
 Manipula las herramientas del interfaz de Dreamweaver para el diseño web.

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