UNIVERSIDAD NACIONAL AUTÓNOMA DE NICARAGUA

UNAN – Managua

Facultad de Educación e Idiomas

Informática Educativa

Planeamiento didáctico y evaluación de los aprendizajes.

Insertar imágenes mediante adobe Dreamweaver CS5

Didáctica Especial
Docente: Lic. Maribel Avendaño

Informática Educativa
3er año.
Modalidad: Profesionalización

Elaborado por:
Orlando J. Cubas B.
Heydi Mendoza
 Instituto Técnico Informático (INTI)

Fecha: 20 de junio del 2011

Nivel: I

Curso: Diseño de páginas web

Unidad: II Diseño de páginas web mediante adobe Dreamweaver CS5.

Contenidos:

 Insertar imagen
 Insertar imagen como fondo de página.
 Insertar imagen como marca decorativa de una lista.
 Insertar imágenes animadas (GIF).
 Imagen de sustitución.
 Crear un banner mediante Adobe Photoshop CS5.
 Insertar un banner dentro de la web.

Tiempo: 7 horas.

Indicador de Logro:

 Analiza mediante la construcción de un mapa conceptual los conocimientos

previos de los estudiantes sobre la elaboración de un sitio web, crear un
nuevo documento, frames, hipervínculos, head, body, y menú utilizando
dreamweaver CS5.

 Aplica estrategias de lectura dentro de la unidad didáctica y utiliza los

videos explicativos para conocer paso a paso la importancia, formas y
sugerencias de insertar imágenes dentro de un sitio web.

 Propone a los y las estudiantes aplicar correctamente los pasos sugeridos

dentro de los recursos de la unidad didáctica para llevar a cabo la inserción
de imágenes dentro de un sitio web mediante adobe dreamweaver CS5.

 Manifiesta actitudes de respeto, compañerismo y espíritu de superación así

como cuido a los medios sociales de enseñanza.
Estrategias Metodológicas:

Introducción al tema:

Conversar con los estudiantes sobre temática estudiada anteriormente, plasmando

las ideas de cada dicente en la pizarra y mediante estas ideas construir un cuadro
sinóptico.

De esta manera, se exploran los conocimientos previos y se vinculan con el

nuevo conocimiento.

Desarrollo del contenido:

Instar a las y los estudiantes a que anticipen el contenido de estudio a partir de

una conversación introductoria de los contenidos usando palabras clave.

Constatar que sus predicciones sean acertadas y verificar que descarten aquellas
que no se relacionan con el texto.

Motivarlos a que expresen los conocimientos que poseen acerca de los contenidos
a estudiar en esta clase.

Leer de manera dinámica los conceptos básicos relacionados a la inserción de

imágenes dentro de un sitio web.

Realizar preguntas para constatar que se ha comprendido el mensaje enviado a

través de la lectura realizada.

¿Cómo colocaría usted una imagen en su cuaderno?

¿Considera usted que esta imagen podría ser usada como fondo de una página?

¿Sería posible usar esta misma imagen de manera decorativa en la parte superior
del cuaderno?

Invitar a los estudiantes a participar en la exposición que será realizada por el

docente presentando mediante el uso de proyector los pasos a seguir para la
inserción de imágenes dentro de un sitio web, en esta exposición se presentan los
métodos sencillos en el modo de diseño y el método experto mediante código
html.

“Hora de almuerzo”
Al regresar de la hora de almuerzo conversa con los estudiantes sobre el almuerzo
y temas ajenos a la temática de la clase durante unos minutos.

Realiza una breve indagación de conocimientos adquiridos en la exposición

realizada sobre los procesos de inserción de imágenes como medida aclaratoria
del contenido y proceder al contenido siguiente.

Presentar el contenido más complicado utilizando como apoyo el videos

previamente elaborados sobre los procesos para la Inserción de imágenes
animadas (GIF), Imagen de sustitución, Crear un banner mediante Adobe
Photoshop CS5 e Insertarlo dentro de la web.

Visto los videos los estudiantes harán uso de su memoria para recordar y exponer
al docente los pasos a seguir en el proceso construcción e inserción de los
contenidos presentados.

Evaluación:

Prestar especial atención a los estudiantes que no participan o que lo hacen muy
poco, y hacerle preguntas con el fin de hacerles participe de la clase y asegurarse
de la comprensión general de los contenidos.

Presentar al plenario los resultados obtenidos al final de todo el proceso de

creación e inserción en el que todos han participado.(usar la coevaluacion)

Realizar la conclusión de la clase haciendo énfasis en el respeto mutuo, el trabajo

en equipo y autoestima.

Evidenciar el respeto ante las ideas expuestas de sus compañeros y compañeras.

Asignación de tarea:

Realice las inserciones de imagen decorativa, como fondo de página de

sustitución y banner dentro del sitio web que estamos realizando.

Cada estudiante agregara las imágenes que considere necesarias dentro de su

propio sitio web así como ha creado los frames, hipervínculos y menú, llego el
momento de darle armonía a la página.

Recordarle que este será un proyecto de trabajo final.

Prepararse para la próxima clase con una exposición de su sitio web, con valor
acumulativo de 10 puntos.

El sitio web que sea mejor expuesto, original e innovador será premiado con 5
puntos extra.
 Contenidos
Tiempo
Introducción Estrategias De Criterios de
Conceptuales Procedimentales
Enseñanza Evaluación
Se trabajará III Unidad: Abrir el Modelaje de una Valorar el
mediante las Dreamweaver programa de página web procedimiento
8-9 unidades dreamweaver y hecha en usado por los
AM didácticas y las Marco que los alumnos dreamweaver en estudiantes en la
minutas diarias o indaguen o donde se realización de una
planes de clases exploren por si represente el página web.
que constan de los solos el marco de una
temas y las programa página.
actividades de Compartimiento 10 de Abril.
cada uno de ellos Explicar con sus de ideas. primera
para obtener por propias palabras evaluación
parte de los para que le
alumnos una puede servir el
mejor programa de
comprensión y dreamweaver. Verificar si los
9 – 10 asimilación de los Menu estudiantes
Abril contenidos. Exposición dominan la
Plantea y expone lo docente donde realización de un
que descubrió en la explican la menú en
exploración de dicho realización de un dreamweaver.
programa menú en 24 de Abril II
dreamweaver. evaluación

18 al 24 Hipervinculos Concepto de Aclaración de

de Abril hipervínculo dudas e
inquietudes de
los estudiantes
Color y fondo Mostrar los
de una pàgina códigos de Orientación de 30 de Abril III
 25al 30 colores que se guías de evaluación escrita
de Abril utilizan en el ejercicios que
programa de puedan hacer en
dreamweaver. dreamweaver.

.
Resolución de la
guías en clase
Trabajo en
equipo.
Realizan una
Realizacion de pagina web en
1 al una página en Practica los Modelaje de la Equipo para
10 de dreamweaver. ejemplos pagina web compartir ideas y
Abril planteados los conocimientos
de cada uno.

02 de Mayo. Trabajo
en equipo.
10 de Mayo. Entrega
de la página.