Actividades de las

Sesiones de Aprendizaje
 Actividades de las Sesiones de
Aprendizaje
Guía del Maestro
Hagamos Clic - 4º Grado Educación Secundaria

Unidad 1. Diseño publicidad Web en Photoshop CS6 para Arte y

Cultura

Sesión 1: Diseño láminas del arte textil peruano

Objetivo de la sesión: • Realizar una descripción de las opciones de

Conocer el entorno gráfico y manejo del tamaño de una imagen en Photoshop.
programa Photoshop en la creación de láminas • Desarrollar la sesión del cuaderno de actividades.
con el uso de las capas.
3. Evaluación de la sesión:
1. Inicio de la sesión:
• Desarrollar correctamente el proyecto de la
• Utilizando las TIC mostrar una lámina de las sesión propuesto: “Diseño láminas del arte textil
partes de la ventana de Photoshop con una peruano” en Photoshop.
imagen dentro del espacio de trabajo.
• Elaborar la actividad en la computadora del
• Dialogar en forma clara, para establecer los cuader- no de actividades página 7.
saberes previos:
• ¿Qué observan en la lámina? 4. Metacognición:
• Dar a conocer al alumno los nuevos
• ¿Qué herramientas se usan en Photoshop?
conocimientos aprendidos y los pueda aplicar en
• ¿Cuál es la importancia del programa Photoshop? sus tareas educa- tivas y laborales.
• ¿Cuántas herramientas existen en Photoshop? • Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
2. Desarrollo de la sesión:
• ¿Para qué se utiliza el programa Photoshop?
• Dialogar sobre las formas para ingresar al
programa Photoshop. • ¿Cómo se cambia la resolución de una imagen?
• Mostrar una lámina de la ventana de Photoshop • ¿Cómo se abre una imagen en Photoshop?
CS6 y realizar una comparación con la versión
• ¿Cómo se manejan las capas en Photoshop?
anterior.
• Cambiar el entorno gráfico de la ventana de
Photos- hop CS6 y comentar sobre el cambio en
la nueva versión.
• Abrir una imagen en Photoshop CS6 y cambiar la
resolución de la imagen.
• Activar en el documento en blanco todas las
herra- mientas vía teclado.
• Explicar de forma clara ¿De qué formas podemos
abrir una imagen en Photoshop?

10
4
Unidad 1. Diseño publicidad Web en Photoshop CS6 para Arte y
Cultura

Sesión 2: Elaboro láminas de danzas de nuestro Perú

Objetivo de la sesión: • Ajustar los niveles de colores para el mapa del

Perú geográfico.
Manejar el programa Photoshop en la creación de • Modificar los colores de niveles para las áreas del
láminas de las danzas costumbristas del Perú. mapa geográfico del Perú.
1. Inicio de la sesión: • Realizar la sesión del cuaderno de actividades.

3. Evaluación de la sesión:
• Utilizando las TIC presentar imágenes de las
dife- rentes danzas de nuestro Perú en sus tres • Desarrollar correctamente el proyecto propuesto en
regiones naturales. la sesión: “Elaboro láminas de danzas de nuestro
Perú” en Photoshop.
• Dialogar en forma clara, para establecer los
saberes previos: • Elaborar la actividad en la computadora del
cuader- no de actividades página 10.
• ¿Qué observan en la pantalla?
4. Metacognición:
• ¿Qué es un programa de retoque fotográfico?
• Dar a conocer al alumno los nuevos
• ¿Para qué se utiliza el programa Photoshop? conocimientos aprendidos y los pueda aplicar en
• ¿Qué representa una capa? sus tareas educa- tivas y laborales.
• ¿Cuál es la función de una diseño en • Desarrollar en el alumno la importancia de los
Photoshop? cono- cimientos aprendidos:
• ¿Cuáles son las partes principales de la
2. Desarrollo de la sesión:
ventana de Photoshop?
• ¿Cómo se inserta imágenes en Photoshop?
• Mostrar imágenes de creación artística dentro
del programa Photoshop. • ¿Cómo se modifica el tamaño de una imagen
en Photoshop?
• Crear en la pizarra una lámina con una variedad
de danzas de las culturas peruanas. • ¿Cómo se utiliza el panel capas en el manejo
de imágenes en Photoshop?
• Dialogar sobre el manejo de las capas en las
creacio- nes del programa Photoshop.
• Buscar las imágenes que serán utilizadas en el
pro- yecto y guardarlas en una carpeta.
• Abrir una imagen de una danza del Perú y luego
cam- biar sus colores.
• Manejar la selección de la gama de colores para
el mapa del Perú.
Unidad 1. Diseño publicidad Web en Photoshop CS6 para Arte y
Cultura
Sesión 3: Creo afiches de arte y cultura peruana
Objetivo de la sesión:
Manejar las capas para crear afiches publicitarios
so- bre el arte de nuestro Perú.
1. Inicio de la sesión:
• Utilizando las TIC mostrar imágenes del arte de
nuestro Perú en todo su territorio.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la pantalla?
• ¿Para qué se utilizan los filtros?
• ¿Qué es un estilo de objeto?
• ¿Cuántos tipos de estilos podemos manejar?
2. Desarrollo de la sesión:
• Mostrar una variedad de imágenes referente al
arte peruano en todas sus regiones naturales.
• Dialogar sobre el manejo del programa en la
creación artística.
• Realizar la búsqueda de las imágenes que serán
uti- lizadas en el proyecto a realizar.
• Ingresar al programa Photoshop para realizar el
pro- yecto propuesto.
• Crea un nuevo documento para la elaboración
del proyecto.
• Distribuir las imágenes a utilizar en el
documento en blanco.
• Agregar las formas básicas con fondo blanco para
separar las imágenes.
• Duplicar las formas para completar el afiche que
muestre el arte de nuestro Perú.
• Guardar el proyecto con el formato deseado o
con el formato característico del programa.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Creo afiches de arte y cultura
peruana” en Photoshop.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 13.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se aplica estilos a los textos artísticos?
• ¿Cómo se crea un nuevo estilo?
• ¿Cómo añado un color de fondo al diseño?
• ¿Para qué se utiliza la máscara creativa?
Unidad 1. Diseño publicidad Web en Photoshop CS6 para Arte y
Cultura

Sesión 4: Diseño el cartel de mis películas favoritas

Objetivo de la sesión: • Distribuir por capas todas las imágenes dentro de

Manejar la distribución de capas y de texto para
la creación de la cartelera de cine de las
películas más vistas de los últimos años.
1. Actividades de inicio:
• Utilizando las TIC y las redes sociales mostrar
una variedad de imágenes de películas más vistas
en los últimos años.
la hoja de trabajo.
• Utilizar la herramienta Lazo poligonal para
añadir el texto de estreno en la cartelera.
• Realizar la sesión del cuaderno de actividades.
3. Actividades de evaluación:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Diseño el cartel de mis películas
favoritas” en Photoshop.

• Dialogar en forma clara, para establecer los • Elaborar la actividad en la computadora del
saberes previos: cuader- no de actividades página 16.

• ¿Qué observan en la pantalla? 4. Metacognición:

• ¿Cuántos tipos de imágenes conoces? • Dar a conocer al alumno los nuevos
• ¿Para qué se utiliza los estilos de capas? conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• ¿Cómo se retocan las imágenes en Photoshop?
• Desarrollar en el alumno la importancia de los
2. Actividades de desarrollo: cono- cimientos aprendidos:
• Cuáles son las partes principales de la ventana
• Realizar un debate sobre los diseños que se de Photoshop?
realizan en el programas de Photoshop. • ¿Cómo se insertan imágenes en Photoshop?
• Mostrar una lista de programas que se utilizan en
• ¿Cómo se modifica el tamaño de una imagen
la creación de diseño publicitario.
en Photoshop?
• Buscar las imágenes de las mejores películas
• ¿Cómo se utiliza el panel capas en el manejo
vistas en los últimos años.
de imágenes en Photoshop?
• Guardar todas las imágenes que serán utilizadas
en el proyecto en una carpeta específica dentro
de tus proyectos realizados.
• Crear un nuevo documento de una hoja A3 para
la creación del proyecto.
• Añadir todas las imágenes que serán utilizadas
en el proyecto.
Unidad 2. Creo portadas Web en Photoshop CS6 para temas de Ciencia
y Tecnología
Sesión 5: Creo anuncios de las nuevas tecnologías digitales

Objetivo de la sesión: • Agregar las imágenes al anuncio.

Manejar capas para la creación de publicidad
sobre las nuevas tecnologías digitales.
1. Inicio de la sesión:
• Utilizando las TIC mostrar una galería de fotos de
las nuevas tecnologías que existen hoy en día y
dialogar sobre cada una de ellas.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Para qué utilizan las nuevas tecnologías?
• ¿De qué manera se usan las nuevas
tecnologías?
• ¿Qué nuevas tecnologías usas en casa?
2. Desarrollo de la sesión:
• Elaborar una presentación de imágenes que
tengan nuevas tecnologías modernas que se están
utilizando en nuestra vida cotidiana.
• Insertar filtros para el anuncio con sus
respectivos textos de cada una de las imágenes
que son utiliza- das en el proyecto.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Creo anuncios de las nuevas
tecnologías digitales” en Photoshop.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 19.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué es un anuncio publicitario?

• Dialogar con los alumnos sobre el uso de las • ¿Para qué se utilizan los filtros?
tecnolo- gías para nuestras labores diarias. • ¿Para qué se utilizan los estilos en las capas?
• Mostrar láminas sobre las características de una • ¿De qué otra manera podemos guardar un
computadora moderna. proyec- to en Photoshop?
• Dialogar sobre las características de los tipos de
ce- lulares.
• Ingresar al programa Photoshop para crear el
pro- yecto.
• Guardar las imágenes que se van a utilizan en el
pro- yecto sobre nuevas tecnologías.
• Crear un fondo degradado para el proyecto.
Unidad 2. Creo portadas Web en Photoshop CS6 para temas de
Ciencia y Tecnología
Sesión 6: Presento banner de Ciencias para páginas Web

Objetivo de la sesión: • Copiar las imágenes del Internet para ser

utilizadas en el banner Web.
Utilizar las opciones de capas para crear banner • Agregar más imágenes con estilos de capas para
para páginas Web. que se fusionen en el fondo del diseño del
banner Web.
1. Inicio de la sesión:
• Realizar la sesión del cuaderno de actividades.
• Utilizando las redes sociales mostrar una 3. Evaluación de la sesión:
variedad de banner que sean utilizados en
páginas Web de colegios o universidades. • Desarrollar correctamente el proyecto propuesto en
la sesión: “Presento banner de ciencias para
• Dialogar en forma clara, para establecer los páginas Web” en Photoshop.
saberes previos:
• Elaborar la actividad en la computadora del
• ¿Qué observan en la computadora? cuader- no de actividades página 22.
• ¿Para qué se utilizan los banner?
4. Metacognición:
• ¿Cómo se crea una hoja transparente?
• Dar a conocer al alumno los nuevos
• ¿A qué se llama formato PNG? conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
2. Desarrollo de la sesión:
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• Realizar una presentación de páginas Web en la
computadora para mostrar a los alumnos antes • ¿Cómo se insertan imágenes dentro de una se-
del inicio de la sesión. lección?
• Dialogar sobre el manejo de los banner que • ¿Cuántos son los filtros que tiene Photoshop?
permiten mostrar una variedad de imágenes
• ¿Cómo se crea un documento transparente?
referente al ma- nejo de la publicidad.
• ¿Para qué se utilizan las líneas guías dentro
• Ingresar al programa Photoshop para crear el
del programa Photoshop?
proyec- to sobre el banner de la página Web.
• Crear un archivo nuevo con fondo transparente
para el banner Web.
• Manejar las opciones de las líneas guías para el
di- seño del banner.
• Dibujar cuadros en capas y manejar las opciones
de opacidad.
Unidad 2. Creo portadas Web en Photoshop CS6 para temas de Ciencia
y Tecnología
Sesión 7: Elaboro fotomontajes del cuidado del medio ambiente
Objetivo de la sesión:
Manejar el programa Photoshop en la creación de
fotomontajes utilizando los estilos de las
imágenes del cuidado del medio ambiente.
1. Inicio de la sesión:
• Utilizando las TIC y las redes sociales presentar
imá- genes de diferentes fotomontajes que se han
utiliza- do en alguna página Web dentro de
Internet.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la pantalla?
• ¿Qué es un fotomontaje?
• ¿Para qué se utilizan los fotomontajes?
• ¿Para qué se utiliza el programa Photoshop?
• ¿Cuál es la función de una capa en Photoshop?
2. Desarrollo de la sesión:
• Mostrar imágenes retocadas en el programa
Photos- hop para ser utilizadas en una página
Web.
• Escribir en la pizarra los componentes de un
foto- montaje y cuál es la utilidad que se puede
dar.
• Utilizar la página Web para ver cómo podemos
crear fotomontajes en Photoshop.
• Abrir una imagen en el programa Photoshop para
crear el proyecto propuesto por la sesión de
clase.
• Usar la herramienta Borrador para borrar parte
de las imágenes que serán tomadas en cuenta
para el fotomontaje.
• Crear con las opciones de los pinceles y el marco
elíptico las burbujas que serán parte del proyecto
del fotomontaje.
• Usar los estilos de capas para todas las imágenes
que forman parte de la lámina creada y guardar
el trabajo realizado.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Elaboro fotomontajes del
cuidado del medio ambiente” en Photoshop.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 25.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuáles son las formas de fusionar una imagen?
• ¿Para qué se crean los fotomontajes en
Photoshop?
• ¿Cómo se modifica las capas y qué
herramientas se utilizan?
• ¿Cómo se agrega las imágenes en una sola
capa o en una sola ventana de Photoshop?
Unidad 2. Creo portadas Web en Photoshop CS6 para temas de
Ciencia y Tecnología
Sesión 8: Diseño portadas de libros de Ciencias

Objetivo de la sesión:
Conocer y manejar las capas para la creación de
imá- genes artísticas dentro de una imagen.
1. Inicio de la sesión:
• Utilizando las redes sociales y las TIC se pueden
crear una variedad de portadas de libros en el
pro- grama Photoshop.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la lámina?
• ¿Para qué se utilizan las capas?
• ¿Cómo se inserta una nueva capa?
• ¿Cómo se combinan las capas?
• ¿Como añadir texto a una capa?
2. Desarrollo de la sesión:
• Mostrar diferentes fotomontajes de tapas de libros
de anatomía humana.
• Dialogar sobre el manejo de las capas para crea
foto- montajes de portadas de libros.
• Elaborar un fotomontaje con una variedad de
imáge- nes en la pizarra de un paisaje.
• Ingresar al programa Photoshop para crear el
proyec- to propuesto.
• Transformar una imagen de un libro para el
proyecto a realizar.
• Cambiar la fusión de una capa para el proyecto
del fotomontaje.
• Mover partes de las imágenes para coincidir con
el contenido de la portada del libro.
• Añadir la máscara de capa para completar el pro-
yecto.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Diseño portadas de libros de Ciencias”
en Photoshop.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 28.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Para qué sirven las capas?
• ¿Cómo se añaden nuevas capas a una imagen?
• ¿Cómo se combinan las capas?
• ¿Cómo se ocultan las capas?
• ¿Cómo se duplican las capas?
Unidad 3 Creo animaciones en Flash CS6 para temas de Ciencias
Socia- les
Sesión 9: Diseño la animación del mapamundi
Objetivo de la sesión:
Manejar el programa Flash para crear
animaciones básicas con el tipo de animación
fotograma a foto- grama.
1. Inicio de la sesión:
• Utilizando las redes sociales mostrar la imagen
del programa Flash con sus partes y una
animación en la computadora.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la pizarra?
• ¿Qué es una animación?
• ¿Para qué se utilizan las animaciones?
• ¿Qué representa un fotograma clave?
• ¿Cuál es la función del escenario?
2. Desarrollo de la sesión:
• Mostrar una animación en hojas y pasarla rápido
para que los alumnos vean lo que es una
animación cuadro por cuadro.
• Mostrar en papelógrafos los tipos de animaciones
que existen en Flash.
• Mostrar una animación en hojas de dibujos
realiza- dos, mínimos 30 dibujos para la
animación.
• Ingresar al programa Flash para elaborar el
proyecto propuesto.
• Conocer las partes de la ventana de Flash y
describir cada una de las partes.
• Usar las animaciones fotograma a fotograma con
el recorrido de una línea.
• Utilizar las capas en las animaciones para
agregar imágenes.
• Configurar la animación creada y guardar el proyecto.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Diseño la animación del
mapamundi” en Flash CS6.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 31.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y personales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuáles son los tipos de animaciones en Flash?
• ¿Cómo se inserta los fotogramas claves?
• ¿Cómo se modifica el recorrido de una animación?
• ¿Cómo se crea un nuevo documento?
• ¿Cuántos fotogramas pueden ser utilizados en
un segundo de animación?
Unidad 3 Creo animaciones en Flash CS6 para temas de Ciencias
So-
ciales
Sesión 10: Elaboro animaciones de la Guerra del Pacifico

Objetivo de la sesión: • Utilizar los efectos en las imágenes en el

Manejar las animaciones de imágenes continuas
dentro de una capa, utilizando el efecto alfa en
la animación.
1. Inicio de la sesión:
fotograma clave de la animación.
• Terminar el proyecto para exportar en el formato
GIF.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:

• Utilizando las redes sociales y las TIC mostrar • Desarrollar correctamente el proyecto propuesto en
una variedad de animaciones de imágenes la sesión: “Elaboro animaciones de la Guerra del
continuas o en una tablet como una presentación. Pa- cifico” en Flash.

• Dialogar en forma clara, para establecer los • Elaborar la actividad en la computadora del
saberes previos: cuader- no de actividades página 34.

• ¿Qué observan en la computadora? 4. Metacognición:

• ¿Cómo se utiliza el efecto alfa? • Dar a conocer al alumno la utilidad de aprender
• ¿Cuáles son los efectos de una animación? los nuevos conocimientos aplicándolos en su vida
esco- lar y personal.
• ¿Cómo se utiliza la biblioteca en Flash?
• Desarrollar en el alumno la importancia de los
2. Desarrollo de la sesión: cono- cimientos aprendidos:
• ¿Cómo se organizan los archivos en la
• Dialogar sobre las animaciones de imágenes biblioteca?
conti- nuas con ejemplos de presentación de • ¿Cómo cambiar el tamaño del escenario?
imágenes en PowerPoint, Visualizador de
imágenes de Windows. • ¿Para qué se utilizan los efectos en una
animación de imágenes?
• Dialogar en forma clara para manejar los
fotogramas claves en una animación.
• Mostrar imágenes con diferentes efectos de las
imá- genes en la animación.
• Ingresar al programa Flash para realizar el
proyecto propuesto.
• Importar las imágenes guardadas de Internet a la
bi- blioteca de Flash.
• Añadir las imágenes de la biblioteca al escenario
de Flash para el proyecto.
Unidad 3 Creo animaciones en Flash CS6 para temas de Ciencias
Socia- les
Sesión 11: Creo banner de las nuevas maravillas del mundo

Objetivo de la sesión: • Crear las animaciones de los autos en el paisaje.

Manejar el programa Flash para la creación de
ani- maciones de paisajes con imágenes con el
formato PNG.
1. Inicio de la sesión:
• Presentar en la computadora el proyecto a
realizar con las animaciones de imágenes con el
formato de imagen en PNG.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Cómo se manejan las imágenes PNG?
• ¿Cómo se identifica una imagen PNG?
• ¿Qué tipos de archivos pueden ser utilizados
en Flash?
2. Desarrollo de la sesión:
• Utilizando las redes sociales y las TIC realizar
una descripción de cada una de los formatos de
imágenes que podemos utilizar en el programa
Flash.
• Publicar la animación del paisaje creado con el
for- mato FLV.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Creo banner de las nuevas
maravillas del mundo” en Flash CS6.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 37.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se reconoce una imagen PNG?
• ¿Cómo se agrega la animación de movimiento
en Flash CS6?

• Describir cada uno de los formatos de imagen • ¿Cómo se diferencia una animación en
que hay en una computadora. movimien- to de una animación clásica?

• Crear un nuevo documento para el proyecto a

realizar en el programa Flash.
• Buscar las imágenes con el formato PNG para el
pro- yecto que se va a realizar.
• Añadir las imágenes al escenario para crear el
fondo del paisaje.
• Agregar las imágenes en capas que serán
animadas en el programa.
Unidad 3 Creo animaciones en Flash CS6 para temas de Ciencias
Socia- les
Sesión 12: Manejo botones en la presentación de la historia del Perú
Objetivo de la sesión:
Manejar la biblioteca de botones para presentar
imá- genes de la culturas peruanas al hacer clic
en cada uno de los botones.
1. Inicio de la sesión:
• Presentar en la computadora el proyecto a
realizar, cuando se haga clic en un botón
muestre una imagen diferente.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Qué es un botón?
• ¿Para qué se utilizan los botones en las anima-
ciones?
• ¿Qué representa un botón?
• ¿Cuáles son los estados de un botón?
2. Desarrollo de la sesión:
• Mostrar animaciones creadas con diferentes efectos
en las imágenes.
• Utilizando las TIC mostrar una galería de
imágenes sobre los botones que encontramos en
la Web.
• Explicar la función y los estados de un botón y
para qué se utiliza cada uno de los estados.
• Usar la biblioteca de botones para el manejo de
imá- genes.
• Añadir los botones al escenario para el proyecto
a realizar.
• Inserto las imágenes de las culturas del Perú en
cada una de las capas.
• Utilizar las programaciones necesarias para cada
uno de los botones utilizados en la animación.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Manejo botones en la presentación de
la historia del Perú” en Flash.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 40.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuáles son las formas de un botón?
• ¿Cómo se inserta la programación de un botón?
• ¿A qué se llama comando de programación?
• ¿Cómo se agrega los botones al escenario?
• ¿Cómo se modifica el tamaño de los botones de
la biblioteca?
Unidad 4. Diseño animaciones interactivas en Flash CS6 para temas
de Persona, Ciudadanía y Cívica
Sesión 13: Creo botones para presentaciones del medio ambiente

Objetivo de la sesión: • Agregar las imágenes en diferentes capas para la

ani- mación de los botones.
Crear y manejar los estados de un botón dentro
de una animación en Flash. • Usar las acciones en los fotogramas claves, es
decir colocar el comando Stop para los
1. Inicio de la sesión: fotogramas.
• Utilizando las TIC mostrar animaciones de • Realizar la sesión del cuaderno de actividades.
imágenes cuando se le haga clic a un botón o al
pasar el mou- se por el botón. 3. Evaluación de la sesión:
• Dialogar en forma clara, para establecer los • Desarrollar correctamente el proyecto de la
saberes previos: sesión propuesto: “Creo botones para
presentaciones del medio ambiente” en Flash
• ¿Qué observan en la computadora?
CS6.
• ¿Para qué se utiliza los botones en una
• Elaborar la actividad en la computadora del
animación?
cuader- no de actividades página 43.
• ¿Cómo se manejan las acciones en un botón?
4. Metacognición:
• ¿Qué es una acción o un comando?
• Dar a conocer al alumno los nuevos
2. Desarrollo de la sesión: conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Mostrar en la computadora una galería de
botones o en Internet cómo funcionan y cuales • Desarrollar en el alumno la importancia de los
son sus estados. cono- cimientos aprendidos:
• Dialogar en forma clara sobre el manejo de los • ¿Cómo se convierte un objeto en botón?
boto- nes dentro de una animación y en los
• ¿Cómo se cambia el estado presionado?
hipervínculos de las páginas Web.
• ¿Cómo añado un fotograma clave vacío?
• Mostrar los estados de un botón y hablar de cada
uno de ellos. • ¿Para qué se utilizan los estados de un botón?
• Ingresar al programa Flash para elaborar el • ¿Cuántos tipos de comandos conoces en Flash?
proyecto propuesto.
• Crear un nuevo documento en Flash y luego crear
un botón circular.
• Modificar los estados del botón, sobre y
presionado, para el proyecto que se va a realizar.
Unidad 4. Diseño animaciones interactivas en Flash CS6 para temas
de Persona, Ciudadanía y Cívica
Sesión 14: Uso acciones en botones del medio ambiente

Objetivo de la sesión: • Usar los efectos de color en las imágenes, para

Manejar los comandos de programación para la
pre- sentación de imágenes con los botones
creados en la sesión anterior.
1. Inicio de la sesión:
• Mostrar en la pizarra una lista de comandos que
permitan manejar las animaciones con su
respectiva descripción.
• Dialogar en forma clara, para conocer los
saberes previos:
• ¿Qué observan en la pizarra?
• ¿Cómo se añade un comando de
programación?
este caso el efecto alfa.
• Modificar la animación de los botones.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Uso acciones en botones del medio
am- biente” en Flash.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 46.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.

• ¿En dónde se agrega el comando de programa- • Desarrollar en el alumno la importancia de los

ción? cono- cimientos aprendidos:

• ¿Para qué se utilizan los comandos de • ¿Cómo se muestran las acciones en el

programa- ción? fotograma?
• ¿Cómo se crea una acción en un fotograma
2. Desarrollo de la sesión: clave?
• ¿Cómo se manejan los comandos de programa-
• Mostrar animaciones con el comando play y el ción en las acciones de un botón?
co- mando stop en la computadora.
• Dialogar con los alumnos sobre el manejo de las
ani- maciones con los comandos de programación
dentro del programa Flash.
• Explicar para qué se utiliza el comando Stop y
qué es lo que permite realizar dicho comando.
• Ingresar al programa Flash para completar el
proyec- to de la sesión anterior.
• Abrir el proyecto anterior para manejar el
comporta- miento en los botones del proyecto.
• Agregar comportamiento a los botones que se
habían creado en la sesión anterior.
Unidad 4. Diseño animaciones interactivas en Flash CS6 para temas
de Persona, Ciudadanía y Cívica
Sesión 15: Presento el deber ciudadano con botones
Objetivo de la sesión:
Manejar la biblioteca de botones para presentar
imá- genes del deber ciudadano al hacer clic en
cada uno de los botones.
1. Inicio de la sesión:
• Presentar en la computadora el proyecto a
realizar, cuando se haga clic en un botón
muestre una imagen diferente.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Qué es un botón?
• ¿Para qué se utilizan los botones en las anima-
ciones?
• ¿Qué representa un botón?
• ¿Cuáles son los estados de un botón?
2. Desarrollo de la sesión:
• Mostrar animaciones creadas con diferentes efectos
en las imágenes.
• Mostrar una galería de imágenes sobre los tipos
de botones.
• Explicar la función y los estados de un botón y
para qué se utiliza cada uno de los estados.
• Usar la biblioteca de botones para el manejo de
imá- genes dentro del escenario de Flash.
• Añadir los botones al escenario para el proyecto
a realizar.
• Inserto las imágenes de las culturas del Perú en
cada una de las capas.
• Utilizar las programaciones necesarias para cada
uno de los botones utilizados en la animación del
proyec- to a realizar.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Presento el deber ciudadano
con boto- nes” en Flash CS6.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 49.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y personales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuáles son las formas de un botón?
• ¿Cómo se inserta la programación de un botón?
• ¿A qué se llama comando de programación?
• ¿Cómo se agrega los botones al escenario?
• ¿Cómo se modifica el tamaño de los botones de
la biblioteca?
Unidad 4. Diseño animaciones interactivas en Flash CS6 para temas
de
Persona, Ciudadanía y Cívica
Sesión 16: Creo anuncios para las páginas Web

Objetivo de la sesión: del agua.

Manejar el programa Flash para crear • Guardar el proyecto para su respectiva
animaciones básicas sobre anuncios para página presentación de la misma manera exportar el
Web educativas. proyecto en otro for- mato.
1. Inicio de la sesión: • Desarrollar la sesión del cuaderno de actividades.
• Utilizando las TIC mostrar una variedad de 3. Evaluación de la sesión:
anima- ciones sobre anuncios publicitarios y
propaganda de colegios o universidades. • Desarrollar correctamente el proyecto de la
sesión propuesto: “Creo anuncios para las
• Dialogar en forma clara, para establecer los páginas Web” en Flash CS6.
saberes previos:
• Elaborar la actividad en la computadora del
• ¿Qué observan en la pizarra? cuader- no de actividades página 52.
• ¿Qué es una animación?
4. Metacognición:
• ¿Para qué se utilizan las animaciones?
• Dar a conocer al alumno los nuevos
• ¿Qué representa un fotograma clave? conocimientos aprendidos y los pueda aplicar en
• ¿Cuál es la función del escenario? sus tareas educa- tivas y personales.
• Desarrollar en el alumno la importancia de los
2. Desarrollo de la sesión: cono- cimientos aprendidos:
• Mostrar diferentes animaciones o imágenes con • ¿Cuáles son los tipos de animaciones en Flash?
la extensión Gif.
• ¿Cómo se insertan los fotogramas claves?
• Mostrar en papelógrafos los tipos de animaciones
• ¿Cómo se modifica el recorrido de una
que existen en Flash.
animación?
• Ingresar al programa Flash para realizar el
• ¿Cómo se crea un nuevo documento?
proyecto de anuncios de páginas Web.
• ¿Cuántos fotogramas pueden ser utilizados en
• Utilizando la herramienta Pluma dibujar la un segundo de animación?
imagen para el anuncio publicitario.
• Dibujar todas las formas necesarias para
animación utilizando las capas en cada una de
las formas que serán animadas.
• Agregar las animaciones a cada una de las capas
para el anuncio que se ha dibujado sobre el
cuidado
Unidad 5. Elaboro publicidad Web en Flash CS6 para Marketing
Empre- sarial
Sesión 17: Diseño animaciones para la Web

Objetivo de la sesión: • Publicar el proyecto como un video con la

Utilizar las formas básicas y la animación de
másca- ra para crear publicidad para páginas
Web.
1. Inicio de la sesión:
• Utilizando las TIC presentar una galería de
imágenes animadas que muestren animaciones
de anuncios de empresas.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la pantalla?
• ¿Qué es un anuncio publicitario?
• ¿Para qué se utiliza la propaganda?
• ¿Qué son los espacios publicitarios?
• ¿Cuál es la función de una página Web?
2. Desarrollo de la sesión:
extensión FLV para subirlo a las páginas Web.
• Guardar el proyecto para las demás sesiones de
la unidad.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Diseño animaciones para la
Web” en Flash.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 55.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y personales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:

• Mostrar una variedad de imágenes mostrando • ¿Para qué se utilizan las animaciones de
anima- ciones publicitarias de entidades públicas y máscara y las animaciones de formas?
privadas. • ¿Cómo se modifica el estilo de la imagen con
la ayuda del teclado en Flash?
• Dialogar sobre los tipos de publicidad que
puedan existir en los medios de comunicación. • ¿Cómo se guardan las imágenes para ser
trabaja- das en el programa Flash?
• Ingresar al programa Flash para realizar el
proyecto de la sesión.
• Utilizar la herramienta Transformación para
cambiar la forma de un rectángulo.
• Crear una animación de forma para luego
convertirla en animación de máscara para una
imagen.
• Combinar los tipos de animaciones para las
formas y para los textos para la propaganda a
mostrar.
Unidad 5. Elaboro publicidad Web en Flash CS6 para Marketing
Empre-
sarial
Sesión 18: Elaboro presentaciones publicitarias

Objetivo de la sesión: • Crear las animaciones para mostrar con un clic la

Manejar las opciones de botones para las
secuencia de imágenes en banner publicitario
para marketing empresarial.
1. Inicio de la sesión:
• Utilizando las TIC mostrar una variedad de
publici- dad en páginas Web de colegios
particulares mos- trando lo que proporciona para
la enseñanza.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
publicidad de lo que brinda el colegio para la
ense- ñanza educativa.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Elaboro presentaciones publicitarias” en
Flash.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 58.
4. Metacognición:

• ¿Cómo se manejan las guías de movimiento? • Dar a conocer al alumno la utilidad de aprender
los nuevos conocimientos aplicándolos en su vida
• ¿Cómo se identifica una guía de movimiento? esco- lar y personal.
• ¿Qué otros tipos de animaciones conoces? • Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
2. Desarrollo de la sesión:
• ¿Cómo se reconoce la capa guía de movimiento?
• Dialogar con los alumnos sobre el formato de
imagen de extensión PNG. • ¿Cómo se agregan las líneas para la guía de
mo- vimiento?
• Utilizar el programa Flash para crear el proyecto
de marketing publicitario de colegios. • ¿Para qué se utilizan las animaciones de guías
de movimiento?
• Buscar las imágenes de todos los planetas para
guar- darlas en una carpeta.
• Importa las imágenes en la biblioteca de Flash
para el proyecto a realizar.
• Añadir las imágenes en el escenario con la ayuda
de las capas.
• Crear las formas para los que serán los botones
para desplazar las imágenes.
• Añadir más fotogramas a las animaciones creadas
en cada una de las imágenes.
Unidad 5. Elaboro publicidad Web en Flash CS6 para Marketing
Empre- sarial
Sesión 19: Diseño un banner publicitario para el colegio

Objetivo de la sesión: • Agregar efectos de imágenes naturales del Perú

Manejar las animaciones de imágenes en capas
con imágenes publicitarias, utilizando efectos en
las imá- genes.
1. Inicio de la sesión:
• Presentar en la computadora animaciones
creadas con secuencia de imágenes publicitarias
de un co- legio particular.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Cómo se manejan las capas en las
animaciones?
• ¿Cómo se identifica los tipos de animaciones?
• ¿Para qué se utilizan las animaciones clásicas?
2. Desarrollo de la sesión:
• Realizar una descripción del manejo de
animaciones clásicas y la interpolación de
movimiento.
• Describir los diferentes tipos de animaciones que
pueden manejarse en el programa Flash.
• Dialogar sobre los banner que se utilizan en las
pá- ginas Web para mostrar publicidad Web de
colegios particulares.
• Guardar las imágenes que se van a utilizar en la
ani- mación de Flash.
• Importar las imágenes a la biblioteca del
programa para luego utilizarlos en las
animaciones.
• Añado imágenes al escenario de la biblioteca en
cada una de las capas.
den- tro de la animaciones.
• Exportar la animación creada en Flash con el
formato de una imagen Gif (movimiento).
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Diseño un banner publicitario para el
co- legio” en Flash.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 61.
4. Metacognición:
• Dar a conocer al alumno la utilidad de aprender
los nuevos conocimientos aplicándolos en su vida
esco- lar y personal.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se reconoce una imagen Gif?
• ¿Cómo se exporta una película creada en Flash?
• ¿Cómo se utiliza el efecto alfa en las animaciones?
• ¿Qué otros tipos de efectos podemos utilizar
en las animaciones de Flash?
Unidad 5. Elaboro publicidad Web en Flash CS6 para Marketing
Empre-
sarial
Sesión 20: Exporto películas en el formato SWF
Objetivo de la sesión:
Manejar el programa Flash para la cambiar las
imá- genes de una animación por otra imagen
para una nueva publicidad.
1. Inicio de la sesión:
• Presentar en la computadora el proyecto a
realizar con las animaciones de imágenes con el
formato de imagen en PNG.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Cómo se manejan las imágenes PNG?
• ¿Cómo se identifica una imagen PNG?
• ¿Qué tipos de archivos pueden ser utilizados
en Flash?
2. Desarrollo de la sesión:
• Realizar una descripción de cada una de los
formatos de imágenes que podemos utilizar en el
programa Flash.
• Describir cada uno de los formatos de imagen
que hay en una computadora.
• Crear un nuevo documento para el proyecto a
realizar en el programa Flash.
• Buscar las imágenes con el formato PNG para el
pro- yecto que se va a realizar.
• Añadir las imágenes al escenario para crear el
fondo del paisaje.
• Agregar las imágenes en capas que serán
animadas en el programa.
• Crear las animaciones de los autos en el paisaje.
• Publicar la animación del paisaje creado.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Exporto películas en el formato SWF”
en Flash.
• Elaborar la actividad en la computadora del
cuaderno de actividades página 64.
4. Metacognición:
• Dar a conocer al alumno la utilidad de aprender
los nuevos conocimientos aplicándolos en su vida
esco- lar y personal.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se reconoce un video de Flash?
• ¿Cómo se agrega la animación de movimiento
en Flash CS6?
• ¿Cómo se exporta una película de Flash para
una página Web?
Unidad 6. Diseño páginas Web en Dreamweaver CS6 para temas de Co-
municación
Sesión 21: Creo páginas Web con plantillas

Objetivo de la sesión: • Manejar las propiedades de la página Web para

Conocer el ambiente de trabajo de la ventana de
Dreamweaver CS6 en la creación de páginas Web
sobre escritores peruanos.
1. Inicio de la sesión:
• Utilizando las redes sociales y las TIC mostrar la
ven- tana de Dreamweaver CS6 con sus
respectivas par- tes en un video o imágenes.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la pantalla?
• ¿Para qué se usa el programa Dreamweaver?
• ¿Cómo se manejan las propiedades de una
página?
2. Desarrollo de la sesión:
• Dialogar con los alumnos sobre los distintos ti-
pos de diseños que podemos crear en el
programa Dreamweaver.
• Mostrar un video tutorial sobre el ambiente de
tra- bajo de la ventana de Dreamweaver y el uso
de sus principales herramientas.
• Realizar una ronda de opiniones sobre el manejo
del programa Dreamweaver en la creación de
páginas Web.
• Conocer el ambiente de trabajo del programa
Dreamweaver en la creación de páginas Web.
• Crear un nuevo documento con las opciones de
plan- tillas que presenta el programa.
cam- biar el tipo de letra, color, fondo, etc.
• Insertar las imágenes guardadas de Internet en la
pá- gina Web que se está elaborando
• Guardar el proyecto en una carpeta principal.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Creo páginas Web con
plantillas” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 67.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Para qué sirve el Dreamweaver?
• ¿Cómo se configura un sitio local?
• ¿Cómo se crea una página Web?
• ¿Cómo se guarda la página Web creada?
Unidad 6. Diseño páginas Web en Dreamweaver CS6 para temas de
Co- municación
Sesión 22: Manejo hipervínculos en la Web de escritores peruanos
Objetivo de la sesión:
Manejar dentro de una página Web los
hipervínculos en texto e imágenes.
1. Inicio de la sesión:
• Utilizando las TIC mostrar una página Web que
con- tenga hipervínculos (texto e imagen) y
fondo.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan que hay en la computadora?
• ¿Para qué sirven los hipervínculos?
• ¿Cómo se añaden hipervínculos?
• ¿Cómo se agrega un color de fondo?
2. Desarrollo de la sesión:
• Mostrar en un ejercicio práctico la utilización de
hi- pervínculos con las opciones señalar archivo y
bus- car archivo en Dreamweaver CS6.
• Elaborar un ejercicio práctico de una página Web
que contenga enlaces a las diversas redes
sociales, las imágenes debes estar en tablas.
• Realizar comentarios sobre las nuevas opciones
para agregar una imagen de fondo de una página
Web.
• Ingresar al programa Dreamweaver para
continuar con el proyecto de la sesión anterior.
• Abrir la página Web sobre escritores peruanos
que se creó en la sesión anterior.
• Manejar los vínculos en los textos principales de
la página Web.
• Manejar los hipervínculos en las imágenes que
con- tiene la página Web.
• Crear un hipervínculo donde contengan todas las
imágenes de los autores peruanos y enlazarlos
con los demás enlaces que se han creado en la
página Web.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Manejo hipervínculos en la Web de
escri- tores peruanos” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 70.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se añade hipervínculos en imágenes?
• ¿Cómo se insertan hipervínculos en textos?
• ¿Cómo se agrega un color de fondo a la página
Web?
Unidad 6. Diseño páginas Web en Dreamweaver CS6 para temas de
Co- municación
Sesión 23: Diseño páginas Web de obras literarias de autores nacionales

Objetivo de la sesión: • Manejar las opciones de tabla para la

Elaborar el diseño de páginas Web con imágenes
de obras literarias de autores nacionales dentro
de una tabla con sus respectivos hipervínculos.
1. Inicio de la sesión:
• Utilizando las TIC presentar la página de obras
lite- rarias de autores peruanos con sus
respectivos hi- pervínculos mostrando la misma
imagen en grande.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Cómo se manejan los hipervínculos en una ta-
bla?
• ¿Cómo se identifica un hipervínculo en una
ima- gen dentro de una página Web?
2. Desarrollo de la sesión:
• Realizar una descripción de los hipervínculos dentro
de una página Web y cómo se presentan.
• Realizar un comentario de qué manera pueden
mos- trarse los hipervínculos en Internet.
• Ingresar a Internet para buscar las imágenes de
los autores nacionales para el proyecto a
realizar.
• Utilizar las tablas para distribuir la página Web
de las obras literarias.
• Agregar un fondo para la página Web en las
opciones de propiedades de página.
• Añado hipervínculos a las imágenes insertadas en
la página Web.
distribución de texto e imágenes de los autores
nacionales con sus respectivas obras literarias.
• Guardar el proyecto realizado para utilizarlo en la
si- guiente sesión de clase.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Diseño páginas Web de obras literarias
de autores nacionales” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 73.
4. Metacognición:
• Dar a conocer al alumno la utilidad de aprender
los nuevos conocimientos aplicándolos en su vida
esco- lar y personal.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se reconoce una página Web?
• ¿Cómo se agregan los hipervínculos a las
imáge- nes dentro de una página Web?
• ¿Para qué se agrega el fondo a la página Web?
Unidad 6. Diseño páginas Web en Dreamweaver CS6 para temas de
Co- municación
Sesión 24: Agrego animaciones a la página Web literaria
Objetivo de la sesión:
Manejar el programa Dreamweaver para crear
pági- nas Web con animaciones dentro de un
banner crea- do en Flash.
1. Inicio de la sesión:
• Utilizando las TIC presentar una página Web que
contengan un banner de animación mostrando
una variedad de imágenes.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Qué es un banner?
• ¿Para qué se utilizan los banner en las páginas
Web?
• ¿Qué representa un banner dentro la página
Web?
• ¿Cuál es la función de un banner publicitario?
2. Desarrollo de la sesión:
• Mostrar la página Web del proyecto a realizar en
el navegador Web con sus respectivos
hipervínculos.
• Dialoga con los alumnos sobre el manejo de los
pro- gramas Flash y Dreamweaver para la
creación de páginas Web.
• Ingresar al programa Dreamweaver para modificar
la página Web para la inserción del banner.
• Combinar las celdas del título de la página Web
para insertar el banner que contenga las
imágenes de los escritores peruanos.
• Ingresar al programa Flash para la creación del
ban- ner para la página Web utilizando las
imágenes y texto correspondiente.
• Convertir la animación en película para luego ser
in- sertado en la página en la cabecera de dicha
página con el formato SWF.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Agrego animaciones a la
página Web li- teraria” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 76.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y personales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuál es diferencia entre una pieza
publicitaria y un banner?
• ¿Cómo se inserta una película de Flash en
Drea- mweaver?
• ¿Cómo se modifica una página Web?
• ¿Cómo se agrega películas de Flash a
Dreamwea- ver?
Unidad 7. Elaboro páginas Web con menús en Dreamweaver CS6 para
temas de Ciencias Sociales
Sesión 25: Creo una página Web de la historia de Perú

Objetivo de la sesión:
• Añadir los hipervínculos dentro de las mismas
Manejar el programa Dreamweaver para crear imá- genes de la página para mostrarla en otra
pági- nas Web de las ciudades arqueológicas de ventana de Internet.
nuestro Perú.
• Desarrollar la sesión del cuaderno de actividades.
1. Inicio de la sesión:
3. Evaluación de la sesión:
• Utilizando las TIC presentar una distribución de
una página Web con tablas y otra página Web con • Desarrollar correctamente el proyecto de la
eti- quetas. sesión propuesto: “Creo una página Web de la
historia de Perú” en Dreamweaver.
• Dialogar en forma clara, para establecer los
saberes previos: • Elaborar la actividad en la computadora del
cuader- no de actividades página 79.
• ¿Qué observan en la computadora?
• ¿Qué es un etiqueta Div? 4. Metacognición:
• ¿Para qué se utilizan las etiquetas Div? • Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
• ¿Qué representa una etiqueta Div?
sus tareas educa- tivas y laborales.
• ¿Cuál es la función de la etiqueta Div?
• Desarrollar en el alumno la importancia de los
2. Desarrollo de la sesión: cono- cimientos aprendidos:
• Mostrar la página Web del proyecto a realizar en • ¿Cuál es diferencia entre etiquetas Div y tablas?
el navegador Web con sus respectivos • ¿Cómo se insertan imágenes dentro de una
hipervínculos. etique- ta?
• Dialoga con los alumnos sobre el manejo de las • ¿Cómo se modifica la apariencia de una etiqueta Div?
eti- quetas Div para la creación de páginas Web. • ¿Cómo se agregan más etiquetas Div dentro de
• Ingresar a Internet para buscar las imágenes que otra?
se utilizarán en el proyecto.
• Usar las etiquetas Div para distribuir o crear la
pá- gina Web del proyecto a realizar sobre la
historia de nuestro Perú.
• Añadir texto dentro de una etiqueta Div sobre el
tema del proyecto a realizar.
• Agregar las imágenes arqueológicas en las
etiquetas Div de la página Web.
Unidad 7. Elaboro páginas Web con menús en Dreamweaver CS6
para
temas de Ciencias Sociales
Sesión 26: Agrego menús desplegables a la historia del Perú

Objetivo de la sesión: • Agregar los nombres a los menús desde las

Manejar y crear menús desplegables para la
página Web con etiquetas DIV.
1. Inicio de la sesión:
propie- dades del menú.
• Crear los submenús desplegables dentro del
menú principal para los hipervínculos de la
página Web: Historia del Perú.
• Realizar la sesión del cuaderno de actividades.

• Presentar en la computadora páginas Web que
con- tengan menús desplegables, tanto
horizontales como verticales
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Para qué se utilizan los menús?
• ¿Cómo se inserta un menú?
• ¿Cómo se agrega un hipervínculo a un menú?
2. Desarrollo de la sesión:
• Elaborar en la pizarra un menú de una página
Web con sus respectivos submenús.
• Dialogar sobre el manejo de los menús dentro de
la creación de una página Web.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Agrego menús desplegables a la
historia del Perú” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 82.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se inserta un submenú al menú?
• ¿Cómo se manejan las propiedades del menú?
• ¿Cómo se insertan hipervínculos al menú?

• Explicar en forma clara, los hipervínculos que

pode- mos añadir al menú creado en el programa
Drea- mweaver.
• Ingresar al programa Dreamweaver para
continuar con el proyecto.
• Crear una barra de menú spry en el archivo de la
sesión anterior.
• Completar la creación del menú con las opciones
ne- cesarias.
Unidad 7. Elaboro páginas Web con menús en Dreamweaver CS6 para
temas de Ciencias Sociales
Sesión 27: Diseño el banner de la historia del Perú

Objetivo de la sesión:
Diseño un banner dentro del programa Photoshop
para la página Web.
1. Inicio de la sesión:
• Mostrar en la computadora una página Web que
contenga imagen de fondo, barra de navegación
y estilos.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Para qué se utiliza la barra de navegación?
• ¿Cómo se crean estilos?
• ¿Cómo se agrega una imagen de fondo?
2. Desarrollo de la sesión:
• Elaborar un mapa conceptual donde se realicen
los pasos para modificar las propiedades de una
página Web.
• Presentar un organigrama donde se realicen los
pa- sos para añadir el banner a la página Web.
• Usar un video tutorial visualizando los pasos para
crear estilos para la página Web.
• Ingresar al programa Dreamweaver para agregar
el banner creado en Photoshop.
• Crea un banner en el programa Photoshop para
la página Web utilizando las imágenes del Perú
antiguo usando un collage con dichas imágenes.
• Añadir la imagen del banner a la etiqueta Div de
la página de la sesión anterior.
• Corregir errores en la creación del menú
desplegable con las propiedades.
• Añadir texto a un contenedor dentro de las
etiquetas DIV de la página Web.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Diseño el banner de la historia
del Perú” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 85.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo modifico las propiedades de una página
Web?
• ¿Cómo añadir la barra de navegación?
• ¿Cómo crear estilos para la página Web?
• ¿Cómo agregar una imagen a una etiqueta?
Unidad 7. Elaboro páginas Web con menús en Dreamweaver CS6
para temas de Ciencias Sociales
Sesión 28: Elaboro tablas sobre el Perú antiguo

Objetivo de la sesión:
Manejar las opciones de tablas para representar
imágenes referentes al virreinato del Perú y
utilizarlo como hipervínculo en una página de
inicio.
1. Inicio de la sesión:
• Utilizando lasTIC presentar imágenes de
diferentes láminas de temas del Perú antiguo
haciendo la com- paración de tablas.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la pizarra?
• ¿Qué es una tabla?
• ¿Para qué se utilizan las celdas?
• ¿Qué representa un imagen?
• ¿Cuál es la función de una tabla?
2. Desarrollo de la sesión:
• Dialogar sobre la información que se puede
mostrar en una tabla dentro de una página Web
o dentro de una lámina.
• Crear la galería de imágenes con sus respectivos
hi- pervínculos del virreinato del Perú, es decir
que una de las imágenes se muestre sola al hacer
clic.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Elaboro tablas sobre el Perú
antiguo” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 88.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuáles son las formas de mostrar una página
Web?
• ¿Cómo se insertan imágenes de sustitución?

• Presentar imágenes con texto dentro de una • ¿Para qué se utiliza el sitio local dentro de la
galería de imágenes dentro de Internet. crea- ción de una página Web?
• ¿Cómo se agrega un sitio local?
• Buscar imágenes y la información necesaria para
el proyecto a realizar.
• Distribuir la página Web en tablas para el
proyecto a realizar.
• Modificar las propiedades de las tablas para las
imá- genes del virreinato del Perú.
• Manejar los estilos de tablas para cambiar de
color de fondo y apariencia.
Unidad 8. Público páginas Web en Dreamweaver CS6 de temas de
Cien- cia y Tecnología
Sesión 29: Manejo tablas para crear la página Web tecnológica

Objetivo de la sesión: • Manejar los estilos de tablas para cambiar el

Manejar las opciones de tablas para representar
imá- genes referentes a páginas Web sobre las
nuevas tec- nologías.
1. Inicio de la sesión:
• Utilizando las TIC presentar páginas Web donde
se haya distribuido la información en tablas y
otra pági- na Web donde solo se muestre
información de texto.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Qué es una tabla?
• ¿Para qué se utilizan las celdas?
• ¿Qué representa un imagen?
• ¿Cuál es la función de una tabla?
2. Desarrollo de la sesión:
• Dialogar sobre la información que podemos
repre- sentar en una página Web manejando las
opciones de tabla.
• Crear un sitio local y determinar qué es lo que
contie- ne un sitio local y cuál es la importancia
de un sitio local en la creación de página Web.
• Buscar imágenes y la información necesaria para
el proyecto a realizar.
• Distribuir la página Web en tablas para el
proyecto a realizar.
• Modificar las propiedades de las tablas para las
imá- genes y el contenido de la información que
se desea mostrar en la página Web.
color de fondo y apariencia.
• Crear la galería de imágenes con sus respectivos
hi- pervínculos.
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto de la
sesión propuesto: “Manejo tablas para crear la
página Web tecnológica” en Dreamweaver.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y personales.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cuáles son las formas de mostrar una página
Web?
• ¿Cómo se insertan botones dentro de una
página Web?
• ¿Para qué se utiliza el sitio local dentro de la
crea- ción de una página Web?
Unidad 8. Público páginas Web en Dreamweaver CS6 de temas de
Cien- cia y Tecnología
Sesión 30: Diseño formularios para el ingreso de nuevos contactos

Objetivo de la sesión: • Ejecutar un ejemplo práctico para manejar

Crear y manejar formularios dentro de una
página Web de Dreamweaver.
1. Inicio de la sesión:
• Utilizando las TIC presentar páginas Web que
con- tengan formularios con botones y valores de
lista dentro del llenado de datos.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Para qué sirve un formulario?
• ¿Cómo se crea un formulario?
valores de lista en un formulario para una página
Web con contenido multimedia.
• Realizar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar con criterio el proyecto de la sesión
pro- puesto: “Diseño formularios para el ingreso
de nue- vos contactos” en Dreamweaver.
4. Metacognición:
• Dar a conocer al alumno los nuevos
conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y laborales.

• ¿Cómo se insertan botones? • Desarrollar en el alumno la importancia de los

cono- cimientos aprendidos:
2. Desarrollo de la sesión: • ¿Cuáles son los elementos de un formulario?
• Elaborar un mapa conceptual donde se realicen • ¿Cómo crear formularios para la Web?
los elementos de un formulario.
• ¿Cómo insertar botones de lista?
• Presentar un organigrama donde se realicen los
pa- sos para crear formularios para la Web. • ¿Cómo manejar valores de lista?
• Usar un video tutorial donde se realicen los pasos
para insertar botones de lista.
• Explicar en forma clara, los pasos para manejar
va- lores de lista.
• Realizar un juego de roles donde el alumno
represen- te a un elemento de un formulario y su
función.
• Crear un ejemplo práctico donde se muestre
como crear formularios para la Web.
• Efectuar un ejemplo práctico para manejar la
inser- ción de botones de lista.
Unidad 8. Público páginas Web en Dreamweaver CS6 de temas
de Ciencia y Tecnología
Sesión 31: Presento tablas con imágenes del calentamiento global

Objetivo de la sesión: • Insertar imágenes de sustitución dentro de las

Manejar las opciones de tablas para representar celdas para el calentamiento global.
imá- genes referentes al calentamiento global y • Guardar la página Web del calentamiento global
utilizarlos como hipervínculos en una página de den- tro de la carpeta que contiene los archivos.
inicio.
• Desarrollar la sesión del cuaderno de actividades.
1. Inicio de la sesión:
3. Evaluación de la sesión:
• Utilizando las TIC presentar imágenes de
diferentes láminas de imágenes de temas • Desarrollar correctamente el proyecto de la
educativos dando la comparación de tablas. sesión propuesto: “Presento tablas con imágenes
del calen- tamiento global” en Dreamweaver.
• Dialogar en forma clara, para establecer los
saberes previos: 4. Metacognición:
• ¿Qué observan en la computadora? • Dar a conocer al alumno los nuevos
• ¿Qué es una tabla? conocimientos aprendidos y los pueda aplicar en
sus tareas educa- tivas y personales.
• ¿Para qué se utilizan las celdas?
• Desarrollar en el alumno la importancia de los
• ¿Qué representa un imagen? cono- cimientos aprendidos:
• ¿Cuál es la función de una tabla? • ¿Cuáles son las formas de mostrar una página
Web?
2. Desarrollo de la sesión:
• ¿Cómo se insertan imágenes de sustitución?
• Dialogar sobre lo que podemos realizar para
salvar nuestro planeta y evitar el calentamiento • ¿Qué función cumplen las imágenes de sustitu-
global en nuestra escuela, comunidad, hogar, ción dentro de una página Web?
etc.
• Presentar imágenes con texto dentro de una
galería de imágenes dentro de Internet.
• Buscar imágenes y la información necesaria para
el proyecto a realizar.
• Insertar tablas en el diseño de la página Web del
calentamiento global.
• Organizar la información del calentamiento global
en las celdas.
Unidad 8. Público páginas Web en Dreamweaver CS6 de temas de
Cien- cia y Tecnología
Sesión 32: Presento en el navegador la página Web

Objetivo de la sesión: • Guardar la página Web dentro del sitio local.

Manejar un sitio local para el manejo de la
página Web del Calentamiento global con la
ayuda de los programas de Adobe Suite CS6.
1. Inicio de la sesión:
• Utilizando las TIC presentar menús desplegables
dentro de una página Web comercial que se
encuen- tran en la Web.
• Dialogar en forma clara, para establecer los
saberes previos:
• ¿Qué observan en la computadora?
• ¿Cómo se manejan los menús dentro de una
pá- gina Web?
• ¿Cómo se identifica un menú en una página
Web?
• ¿Qué tipos de menús se pueden utilizar en la
Web?
2. Desarrollo de la sesión:
• Realizar una descripción de un sitio local, y
porqué es importante la creación de una carpeta
local.
• Describir de qué manera podemos mostrar una
pági- na Web el servidor Web.
• Buscar la información necesaria para la creación
de la página Web.
• Crear un sitio local para el proyecto a realizar
con los demás trabajos.
• Insertar menús dentro de la página principal para
los vínculos a realizar.
• Agregar los hipervínculos para los menús
desplega- bles con los trabajos realizados
anteriormente.
• Completar la página Web que se está creando y
mos- trar la información en el navegador Web
• Desarrollar la sesión del cuaderno de actividades.
3. Evaluación de la sesión:
• Desarrollar correctamente el proyecto propuesto en
la sesión: “Presento en el navegador la página
Web” en Dreamweaver.
• Elaborar la actividad en la computadora del
cuader- no de actividades página 100.
4. Metacognición:
• Dar a conocer al alumno la utilidad de aprender
los nuevos conocimientos aplicándolos en su vida
esco- lar y personal.
• Desarrollar en el alumno la importancia de los
cono- cimientos aprendidos:
• ¿Cómo se reconoce una carpeta principal?
• ¿Conoces servidores gratuitos que muestran pági-
nas Web en Internet?
• ¿Cómo podemos crear una página Web de
inicio para vincularlas con otras páginas?

4 41