Grado: 4to Semestre: 2do Mes: Enero/ mayo Profesor: Welinton Burgos

Mdulos: 11-Diseo de Pgina Web.

Horas Semestrales: 8 horas

Unidad Didctica: 11.1 Pginas web. 11.2 Diseo grfico. 11.3 Interaccin web para crear
pgina. 11.4 Pginas web utilizando Multimedia.
Fecha

Resultado de
Aprendizaje

TEMA I:
Diseo de
Pgina
Web.

Analiza los
elementos
proporcionados por
los lenguajes de
marcas, tomando en
consideracin las
especificaciones
tcnicas.

07/01/2015
A
22/01/2015

Manipula el entorno
del lenguaje de
marca de hipertexto
para la elaboracin
de pginas web
teniendo en cuenta
sus especificaciones
tcnicas.
Analizan las
caractersticas de
las hojas de estilo
para dar formato a
las pginas web, y
crea ficheros de
estilo de acuerdo a
un diseo
especificado.

Actividades
Enseanza/Aprendizaje
-Socializar los tema con el
Profesor y Estudiante
-Desarrollar lo contenido en el
aula
-Exposicin en grupos
-Exposicin y Socializar con los
Estudiantes
-Asignar tarea
-Revisar la tarea
-Comentar los tema en grupo
-Exposicin y hacer pregunta
sobre los tema de la exposicin.
-Asignar tarea
-Revisar tarea

Utiliza formato de texto

en el diseo de la pgina Web

Utiliza diferentes
etiquetas en el diseo de la
pgina Web

Utiliza diferentes
atributos para el diseo de la
pgina Web

Aplica Marcos a la
pgina Web

Inserta imgenes en la
pgina Web
-Socializar con el Profesor
-Desarrollar lo contenido en el
aula
-Exposicin en grupos
-Realizacin de proyecto, fase
de requisito.
-Exposicin y Socializar los
temas con los Estudiantes.
-Asignar tarea.
-Socializar con el Profesor

Contenidos

Actividades de
Evaluacin

HTML.
-Identificacin de
versiones.
-Identificacin de
editores y
Convertidores.
Estructura de un
documento en
HTML.
Descripcin de la
estructura bsica de
un documento
HTML
Formato bsico.
-Caracteres
especiales.
Descripcin y
utilizacin
caracteres
extendido en
HTML y de
Control.
-Estructura del
documento.
Elaboracin de la
estructura bsica
de una pgina
Web
Tags.
Utilizacin de
Tags.
Enlaces.
Creacin de
enlaces.
URLs.
Tipos.
Identificacin
tipos de URLs.
Anclas.
Tipos.
Identificacin de
Anclas.
Listas.
Imgenes.
Identificacin de
tipos de listas.
Tipos de Imgenes.
Formato.
-Alineacin con

-Reconocer el
lenguaje de marca de
hipertexto (HTML).
-Identificar las
versiones de lenguaje
de marca de
hipertexto (HTML),
siguiendo las
especificaciones
tcnicas.
-Explicar la
estructura de una
pgina web escrita
utilizando lenguajes
de marcas, as como
las secciones de
cabecera y cuerpo
del documento, para
identificar las partes
que la forman segn
un diseo
especificado.
-Utilizar los
caracteres especiales
en el diseo de la
pgina.
-Crear prctica,
debidamente
caracterizado,
describir los
siguientes elementos
que se utilizan en el
lenguaje de marca de
hipertexto
Tags.
Enlaces.
Lista.
Imagen.
Formulario.
Controles.
Mapas.
Tabla en HTML.

-Describir
Localizador
uniforme de recursos
(URL).
-Identificar los tipos
de Localizador
uniforme de recursos

-Desarrollar lo contenido en el
aula
-Exposicin en grupos
-Realizacin de proyecto, fase
de requisito.
-Exposicin y Socializar los
temas con los Estudiantes.
-Asignar tarea.
-Socializar con el Profesor
-Desarrollar lo contenido en el
aula
-Exposicin en grupos
-Realizacin de proyecto, fase
de requisito.
-Exposicin y Socializar los
temas con los Estudiantes.
-Asignar tarea.
-Revisar la tarea.
-Comentar los tema en grupo.
-Realizacin de proyecto, fase
de requisito.
-Primera entrega de Diseo de
Pgina Web.
Realizacin Diseo de Pgina
Web.
Verificar como los estudiantes
est desarrollando la pgina
web.
-Exposicin y hacer pregunta
sobre los tema de la exposicin.

respecto al texto.
Formulario.
-Aplicacin de
cambio de color,
tamaos, tipos de
letras y fondo de
color e imagen.
Controles
avanzados para
un formulario.
-Identificacin de
cajas de texto.
Opciones.
-Utilizacin de
botones del
formulario.
Utiliza otros
elementos.
Mapa.
Tablas.
Vdeos.
Utilizacin de
botones.
Sonidos y
Multimedia.
Manipulacin de
etiquetas.
Agrupacin de
elementos.
Desactivacin de
los elementos.
Utilizacin de
mapa.
Manipulacin de
filas, celdas y ttulo
de la tabla.

-Exmenes parciales
Realizacin de Diseo de Pgina
Web.
-Exposicin en grupo.
-Exposicin y hacer pregunta
sobre los tema de la exposicin.
Verificar como los estudiantes
estn desarrollando el diseo de
la pgina web.
-Verifica como los estudiantes
est desarrollando pgina web a
cdigo o con un desarrollador de
pgina web.

Aplicacin de
sonido y video.
Identificacin de
ficheros externos.
Multimedia online.
Plug-ins y objetos
incrustados.

(urls).
-Identificar los
diferentes tipos de
anclas.
-Identificar la caja de
texto de los lenguajes
de marcas.
-Identificar los tipos
de listas que se
utilizan en HTML.
-Describir los tipos
de formatos que se le
pueden aplicar a un
documento o a una
pgina en HTML.
-Identificar las
imgenes que se
pueden utilizar en
una pgina.
-Elaborar estructura
bsica de un
documento en
HTML.
-Utilizar tags, lista y
controles en el
diseo de una pgina
sencilla.
-Crear prctico,
debidamente
caracterizado,
utilizar las
herramientas
Aplicar formato a la
pgina.
Aplicar alineacin al
texto de una pgina.
Aplicar cambio de
color,
Aplicar cambio de
tamao,
Utilizar tipos de
letras
Aplicar fondo de
color e imagen.

-Crear prctico,
debidamente
caracterizado,
describir los
siguientes elementos
que se utilizan para
la creacin de
pginas web.
Describir formulario.
Describir control.
Describir tabla.
Describir mapa.
Describir video.
Describir sonidos.
Describir
multimedia.

-Crear prctico,

Segunda entrega de Diseo de

pgina Web.

debidamente
caracterizado, en la
creacin de pginas
web
-Identificar cajas de
texto.
-Utilizar botones en
un formulario.
Utilizar mapa.
Manipular filas.
Manipular celdas.
Manipular titulo en
la tabla.

TEMA II:
Desarrolla
pginas
Web
utilizando
estructura
HTML
23/01/2015
A
10/02/2015

Analizan el
programa de
aplicacin
fireworks para el
diseo grfico y
elementos de sitios
web teniendo en
cuenta su entorno
de desarrollo.
Crean grficos en el
programa de
aplicacin de
Fireworks,
siguiendo
especificaciones
funcionales
recibidas.

Asignar tarea de desarroll de

pgina Web.
Asignar tarea de agregar
imgenes de movimiento a la
pgina web.
Asignar tarea para crear
formulario para la pgina web.

Tercera entrega de Diseo de

pgina web.
Asignar tarea para crear pelcula
o imagen de movimiento
Macromedia de Flash para la
pgina web.
Cuarta entrega de Diseo de
pgina web.

Objeto Vector.
Tipos.
Creacin,
nombramiento,
edicin y cambios
del orden del
objeto vector.
Bitmap y pixeles.
Realizacin de
importe de
Imgenes Bitmap y
selecciona pixeles.
Live Effect
(Efecto).
Adiccin y edicin
de Live Effect a la
imagen.
Layers (Capas).
Aplicacin de
Layers y objetos.
Mergen Bitmap
Realizacin de
Fusin (Mergen)
Imgenes.
Mask (Mscara).
Creacin y edicin
de mscara.

-Probar la pgina y el
formulario utilizando
varios navegadores
web.
-Corregir los posibles
errores que surjan en
la elaboracin de la
pgina y el
formulario.
-Documentar la
pgina realizada.
-Identificar las
caractersticas y
ventajas que
proporcionan las
hojas de estilo para
definir la forma de
presentacin de las
pginas web segn el
diseo especificado.
-Describir las
etiquetas y los
atributos que se
utilizan para definir
estilos para una
pgina y para partes
de la misma,
teniendo en cuenta
unas especificaciones
de diseo.
-Describir la sintaxis
y los atributos que se
utilizan para crear
estilos, con el fin de
crear ficheros con
declaraciones de
estilos.
-Enlazar las pginas
de un sitio web con
un fichero de estilo,
para homogeneizar el
aspecto del sitio web
segn unas
especificaciones
recibidas.
-En un supuesto
prctico,
debidamente

caracterizado,
realizar un fichero
con declaraciones de
estilo para
homogeneizar el
formato de un sitio
web, segn un diseo
especificado:
-Identificar la
sintaxis a utilizar
para asignar el estilo
a las etiquetas.
-Enlazar las pginas
web al fichero de
estilos.
-Probar las pginas
utilizando varios
navegadores web.
-Aplicar criterios de
"usabilidad" y
accesibilidad.
-Documentar el
fichero creado.
-Mantener el orden y
la disciplina en el
laboratorio.
-Ser responsable en
el manejo de los
quipos
computacionales.
-Ser sociable con sus
compaeros.

Perodo______Mes________Horas Semanales___________Profesor/a: Welinton Burgos

Asignatura: Diseo de Pgina Web.
Fecha

Resultado de
Aprendizaje.

TEMA III:

Analizan las
herramientas
utilizadas en el
diseo web,
teniendo en cuenta
su entorno de
desarrollo.

Disea
Pginas Web
utilizando
estructura de
tablas
11/02/2015
A
26/02/2015

Aplican las
herramientas del
Diseo Web para
crear pginas,
teniendo en cuenta
sus
especificaciones
tcnicas.

Actividades
Enseanza/Aprendizaje
Identifica los tipos de programa
para la creacin de la pgina
web. Dan ejemplo de ellas en el
laboratorio de ITESIL.

Contenidos
Optimiza.
-Creacin y
edicin de ttulo.
-Creacin y
edicin de texto.
Exporta.
Slice y Frames.
Optimizacin,
exportacin de la
grfica y muestra
la imagen
exportada.
Animacin.
-Creacin, edicin,
movimiento y
copia de
documentos Slice
y Frames.
-Creacin y

Actividades
de
Evaluacin.
-Describir el
programa de
aplicacin
fireworks,
tomando como
parmetro la
especificacin
tcnica.
-Identificar la
estructura de las
partes que
componen
programa de
aplicacin
fireworks.
-Reconocer un
objeto en el
lenguaje de
aplicacin de

Crear grficos en
el programa de
aplicacin
fireworks,
teniendo
especificaciones
funcionales
recibidas

Clasifica los diferentes tipos de

lenguaje de programaciones web.
Y Explican cada uno de ellos.

Muestra y explica en el
laboratorio los distintos
desarrollos de la pgina web con
el programa adobe
Dreamweaver.

TEMA IV:
Analizan el

Establece relacin entres los

diferente editores Web e
identifican cada uno, tambin

edicin de
animacin.
-Conversin de
objeto en smbolo
de animacin.
Botones de
Navegadores.
-Creacin y
edicin de botones
navegadores con
diferentes estados.
-Creacin de
mltiples
instancias de
botones y cambia
instancias de
textos.
-Asignacin de
URL a los botones.
POP-UP Men.
-Creacin, edicin
y modificacin de
POP-UP Men.
-Optimizacin y
Exportacin del
documento.
Referencias
HTML.
-Fijacin de
referencias HTML.
-Exportacin de
documento a
formato HTML.
-Realizacin de
Listado de
archivos
exportados.
Browser.
Quick
Export.
-Visualizacin de
archivo HTML de
fireworks en un
Browser
(Navegador).
-Identificacin va
de acceso rpido
para exportar
grficos a otras
aplicaciones ).

Adobe
Dreamweaver.
Aplicacin.

Fireworks.
-Reconocer un
vector en el
lenguaje de
aplicacin de
Fireworks.
-En un supuesto
prctico,
debidamente
caracterizado,
describir los
siguientes
elementos que se
utilizan en el
programa de
aplicacin
Fireworks:
Descripcin de
bitmap.
Descripcin de
pixeles.
Descripcin de live
(efecto) effect.
Descripcin de
capas (layers).
Descripcin de
mergen bitmap.
Descripcin de
(mscara) mask.

-Utilizar las
herramientas
(tools) para el
diseo grfico de
una pgina en
Fireworks.
-Utilizar las
propiedades en el
diseo de una
pgina en el
lenguaje de
aplicacin de
Fireworks.
-En un supuesto
prctico,
debidamente
caracterizado, en el
diseo grfico:
Utilizar los paneles
en el diseo de una
pgina en
Fireworks.
Manipular tags en
el diseo de una
pgina en
Fireworks.
Utilizar lista en el
diseo de una
pgina en
Fireworks.
Utilizar controles
en el diseo de una
pgina en
Fireworks.

Aplica
componentes
multimedia a
la pgina Web
27/02/2015
A
17/03/2015

programa de
aplicacin
Dreamweaver
para el diseo
grfico y
elementos de
sitios web
teniendo en cuenta
su entorno de
desarrollo.

los usos del mismos. En el

laboratorio.

Realizan la
aplicacin del
entorno del
programa de
aplicacin de
Dreamweaver y
crea su primer
website,
atendiendo a las
especificaciones
tcnicas.

Demuestran dominio en el
manejo de las diferentes
multimedia y editores web, por
medio de presentaciones en el
aula y en el laboratorio.

Establece comparaciones entre

distintos elementos y/ o
herramientas multimedia,
identificando la que sea de uso
ms conveniente en cada
necesidad.

Identificacin de
las herramientas y
paneles de
Dreamweaver.
Ambiente de
trabajo.
Identificacin del
ambiente de
trabajo de
Dreamweaver.
Website.
Tipos.
-Creacin de site
locales.
-Creacin y
grabacin de nueva
pgina.
Paginas.
Vistas.
Identificacin de
las diferentes
vistas de la pgina.
Tabla.
Tipos.
Propiedades
de la tabla.
-Insercin y
modificacin de
tabla.
Mergen (fusiona)
celda.
-Modificacin de
filas y columnas.
-Adiccin de color
y borde a la tabla.
-Creacin pxeles
basado en tabla.
Property
inspector.
-Activacin del
property inspector
(propiedades)
-Identificacin del
grupo de imgenes
de alineacin,
espaciado de
textos y grficas.
-Identificacin de
grupo de imgenes
para rea de
mapas.
-Archivo enlazado
con una nueva
ventana.

Crear nuevo
documento (canva).
Grabar nuevo
documento (canva).
Aplicar formato al
documento en el
lenguaje de
aplicacin de
Fireworks.
Cambiar el tamao
(size) y el color a la
imagen de fondo del
documento.
Crear el orden del
objeto vector.
Nombrar del
objeto vector.
Editar el objeto
vector.

-En un supuesto
prctico,
debidamente
caracterizado,
aplicar elementos
avanzados
para el diseo
grfico:
Cambiar el objeto
vector.
Importar imgenes
bitmap.
Seleccionar pxeles.
Agregar live effect
a la imagen.
Editar live effect a
la imagen.
Aplicar layers.
Aplicar objetos.
Fusionar mergen
(imgenes).
Crear mscara.
Editar mscara.
Probar el diseo
grfico de la pgina
realizada utilizando
varios navegadores
web.
Corregir los
posibles errores que
surjan en la
elaboracin de la
pgina.

-Mantener el
orden,
concentracin y
disciplina en el
laboratorio.
-Mantener la
higiene y limpieza
del laboratorio.
Exmenes
parciales
-Reconocer
botones de
navegadores,

partiendo como
parmetro las
caractersticas
establecidas.
-Reconocer la
forma de optimizar
un texto o un
grfico exportado
desde fireworks o
desde otra
aplicacin.
-En un supuesto
prctico,
debidamente
caracterizado,
describir los
siguientes
elementos:
Slice.
Frames.
Pop-up men.
Browser.
Quick-export.

TEMA V
Desarrolla las
pginas Web
utilizando
enlaces de
hipertexto
Desarrolla
pginas Web
haciendo uso
de eventos,
clases y
objetos
con
Dreamweaver
18/03/2015
A
02/04/2015

Crean tablas para

diseo de pginas,
teniendo en cuenta
sus
especificaciones
tcnicas.
Analiza las
herramientas
utilizadas para la
aplicacin de
formato a textos
en el diseo de
pginas, teniendo
en cuenta su
entorno.

Dominan el concepto de
Dreamweaver y Website como el
conjunto de Alojamiento web y
editor web necesarios que hacen
posible la realizacin de pagina
especficas y su clasificacin.

Identifican con ejemplos la

realizacin pgina web
profesionales y su aplicacin en
el laboratorio.

Utiliza formato de texto en el

diseo de la pgina Web

Utiliza diferentes etiquetas en el

diseo de la pgina Web

Propiedades del
texto.
Identificacin de
propiedades del
texto.
Object inspector.
Insercin de texto
en la pgina.
Formato.
Fuente.
Modificacin y
eliminacin de
texto.
Realizacin de
cambio de color y
estilo de texto.
Color.
Estilo.
Aplicacin de
alineaciones

-Exportar botones
de navegadores,
tomando en cuenta
las
especificaciones
tcnicas.
-Utilizar la forma
de optimizar un
texto o un grfico
exportado desde
fireworks o otra
aplicacin.
-Aplicar
animaciones a
botones de
navegacin en una
pgina, asumiendo
las caractersticas
establecidas.
-Aplicar
animaciones a
objeto e imgenes
en una pgina,
tomando como
parmetro las
especificaciones
tcnicas.
-Crear pop-up
men, URL y
utiliza el browser
dentro de la
pgina.
-En una supuesta
prctica,
debidamente

caracterizado,
utilizar los
elementos para el
diseo web en la
creacin de
pginas:
Crear ttulo y texto

Utiliza diferentes atributos para

el diseo de la pgina Web

Aplica Marcos a la pgina Web

Inserta imgenes en la pgina

Web

Alinear.
Lista.
texto.
Creacin de lista.
Sangra.
Aplicacin de
sangra al texto.
Enlaces o
referencias.
Referencia
absoluta.
Referencia
relativa al sitio.
Insercin de
hipervnculo en la
pgina.
Referencia
relativa a otros
documentos.
-Modificacin de
hipervnculo.
-Eliminacin de
hipervnculo.
Imagen.

a documentos (slice
y frames).
Editar ttulo a
documentos (slice y
frames).
Crear movimiento
a documentos (slice
y a frames).
Realizar Copia
documentos (slice y
a frames).
Crear botones de
navegacin
(navegadores).
Editar botones de
navegacin
(navegadores).
Fijar referencias
HTML y exporta
documento a
formato HTML.
Exportar
documentos a
formato HTML.
Mostrar lista de
archivos
exportados.
Crear animacin.
Editar animacin.
Convertir objeto
en smbolo de
animacin.
Asignar URL a los
botones.

-En un supuesto
prctico,
debidamente
caracterizado,
utilizar los
elementos para
exportar pginas:
Identificar va de
acceso rpido para
exportar grficos a
otra aplicacin
(quick-export).
Optimizar
documento e
imgenes.
Exportar
documentos.
Exportar imgenes
y documentos a
formato HTML.

-Mantener el
orden, disciplina y
limpieza en el
laboratorio.

TEMA VI:

Manipulan textos

-Mantener el orden,

Cambiar

Disea la
pgina Web
haciendo uso
de
Formularios y
hojas de estilo
con
Dreamweaver
03/04/2015
A
21/04/2015

utilizado en el
diseo de pginas
web, teniendo en
cuenta los
parmetros
establecidos.
Aplican
hipervnculos a
una pgina
diseada
establecida, y
realiza la
utilizacin de
imgenes y
formularios,
adems, manipula
comportamientos
y marquesinas,
teniendo en cuenta
especificaciones
de usuario.

concentracin y disciplina en el
laboratorio.
-Mantener la higiene y limpieza
del laboratorio.

Describir el entorno de
Macromedia Flash.
-Manipular el entorno de
Macromedia Flash, asumiendo
las caractersticas especficas
establecidas.

tamao a la
imagen.
Mover y
borrar
imagen.
-Insercin de
imagen en la
pgina web.
-Modificacin de
imagen.
-Eliminacin de
imagen.
-Realizacin de
Cambio de tamao
a la imagen
Formulario.
-Insercin de
Formulario.
-Insertar campos y
botones en el
formulario y
validarlos.
-Insercin de
Campo de texto y
rea de texto.
Campos.
Botones.
Insercin de
Campo.
Etiqueta.
-Insercin de
etiqueta.
-Insercin de
Casilla de
Verificacin.
Casilla de
Verificacin.
Lista y Men.
Comportamientos
(Behaviors).
Marquesina.
-Creacin de
Botn de Opcin.
-Creacin de Lista
y Men.
Flash.
Versiones en
Ambiente
Flash.
Entorno de
trabajo de
flash.
-Insercin de
comportamientos
en nuestra pgina.
-Modificacin y
Eliminacin de
Comportamientos.
-Insercin de
Marquesinas
Aplica dibujo en

-Reconocer el
programa de
aplicacin
Dreamweaver.
-Reconocer el
entorno de trabajo
del programa de
aplicacin,
asumiendo las
caractersticas
especficas.
-Identificar las
herramientas y los
paneles del
programa de
aplicacin de
Dreamweaver,
partiendo de las
especificaciones
relacionadas.
-Identificar los
paneles del
programa de
aplicacin de
Dreamweaver.
Utilizar los
elementos o
procedimientos
que le ofrece el
ambiente de
trabajo de
Dreamweaver,
tomando en cuenta
las caractersticas
especficas.
-En una supuesta
prctica,
debidamente
caracterizado,
describir los
siguientes
elementos:
Describir Website.
Describir los
diferentes tipos de
Websites.
Reconocer pgina
Web.
Identificar la
diferencia entre
pgina Web y un
Website.

Describir Vista.
Describir tipos de
vista que utiliza

Flash.
Importa ficheros.
Lnea de tiempo.

TEMA VI
Desarrollo
pginas Web
utilizando el
lenguaje
JavaScript
con
Dreamweaver
Disea las
pginas Web
utilizando
funciones y
arreglos
con
Dreamweaver

Utilizan el
programa de
aplicacin de
Macromedia
Flash, para el
diseo de pginas
Web.

Reconocer y usar formularios,

tomando como referencia las
especificaciones establecidas.
-Describir y manipular
comportamientos, tomando en
cuenta las caractersticas
especificas.
-Reconocer y utilizar
marquesinas, tomando como
parmetro las especificaciones
establecidas.

Fotogramas.
-Identificacin de
estructura y la
funcionalidad.
-Descripcin de
relacin de Flash
con la Web y el
lenguaje HTML.
-Identificacin de
la tecnologa Flash
Player.
-Configuracin
ventana del
escenario.
Capas.
Escenas.
Animacin
Papel cebolla.

22/04/2015
A
06/05/2015

-En un supuesto prctico,

debidamente caracterizado,
realizar lo siguiente:

Manipula Sonido
en Flash.

Utilizar las herramientas de

Flash.

Crea
interactividad.

Aplicar Sonido, interactividad y

publicar una animacin.

Publica una
animacin.
SWF.

Utilizar Multimedia (Animacin

Flash, Video y Sonido).

Revisin de Lecturas Previas

Elementos
Multimedia.
-Manipulacin las
principales ayudas
visuales en
pantalla.
-Utilizacin del
lpiz y las figuras
geomtricas.
-Crea trazados.
Animacin Flash.
Vdeo.
Sonido.

Entrega de Materiales

Formato de

Listado de Actividades a Realizar

para explorar los conocimientos
Preguntas Exploratorias.

Dreamweaver.
-Crear Site Locales.
-Identificar las
diferentes vistas de
la Pgina, teniendo
en cuenta la
caracterstica.

-Crear y grabar
nueva Pgina Web,
tomando en cuenta
las
especificaciones
tcnicas.
-Describir una
Tabla en
Dreamweaver,
tomando los
parmetros del
diseo.
-Reconocer tipos
de Tablas y el
Property Inspector,
asumiendo las
especificaciones
tcnicas.
-Utilizar las
propiedades que
tienen la tabla e
insertar tabla.
-En un supuesto
prctico,
debidamente
caracterizado,
utilizar los
elementos para el
diseo web en la
creacin de
pginas:
Modificar tabla.
Utilizar los Mergen
y fusiona celda de
una tabla.
Crear pxeles
basado en tabla.
Activar el Property
Inspector de
Dreamweaver.
Identificar grupo
de imgenes para
rea de mapas.
Abrir archivo
enlazado con una
nueva ventana.

-Reconocer las
propiedades que
posee un texto y
Object Inspector.
-Describir formato,
asumiendo como
parmetro las

adicionales que ayuden a

construir los conocimientos
previos
Evaluacin diagnstica

Preguntas Exploratorias.
Revisin de Lecturas Previas
Entrega de Materiales
adicionales que ayuden a
construir los conocimientos
previos
Evaluacin diagnstica

Sonido MP3,
WAV, MIDI.
Utiliza la
herramienta de la
pluma, Flecha y
Subseleccionar,
la brocha, el
tintero, el cubo de
pintura, la
transformacin de
relleno y el
cuentagotas.
Usa la herramienta
de texto,
filtros grficos y
modos de mezcla.
Importa ficheros
grficos externos,
ficheros de videos
y biblioteca.
Crea y edita grupos
y smbolos.
Alinea objetos,
crea cuadrculas y
duplicados
distribuidos.
Analiza el
funcionamiento de
la lnea de tiempo.
Inserta nuevos
fotogramas y
capas.
Oculta y bloquea
capas.
Interpola
movimiento y de
forma, usa el
Papel Cebolla.
Anima mediante el
asistente de
transformacin.
Aade efectos de
Animacin.
Manipula
mscaras.
Importa sonido.
Aplica efectos en
ambos canales.
Sincroniza sonidos
y aplica calidad de
sonido.
Crea botones y
aade

herramientas del
programa.
-En un supuesto
prctico,
debidamente
caracterizado,
describir los
siguientes
elementos:
Fuente.
Color estilo.
Alineacin.
Lista.
Sangra.

-Describir enlace o
Referencia,
referencia Absoluta
y referencia al
Sitio.
-Mantener el
orden,
concentracin y
disciplina en el
laboratorio.
-Mantener la
higiene y limpieza
del laboratorio.
-Identificar las
propiedades que
tiene el texto,
partiendo como
parmetros las
especificaciones
tcnicas.
-En un supuesto
prctico,
debidamente
caracterizado,
realizar lo
siguiente:
Insertar texto en
una pgina.
Modificar y
eliminar texto.
Cambiar el color y
el estilo al texto.
Aplicar
alineaciones al
texto.
Aplicar sangra al
texto o al
documento.
-Utilizar
Referencia
Relativa a otros
documentos.
-Mantener el
orden,
concentracin y
disciplina en el
laboratorio.

comportamiento a
fotogramas,
botones y clips de
pelcula.
Usa los
comportamientos
de navegacin y de
clips de pelcula.
Adems, de sonido
y de Web.
Manipula SWF de
Flash, HTML,
imagen fija,
ficheros de video
digital y
proyectores auto
ejecutables.
Inserta Elementos
Multimedia.
(Animacin
Flash, Vdeo,
Sonido)

Ultima entregas de una pgina

web bien Desarrollada y
Diseada.
Examen prctico.
Entrega al docente una pgina
elaborada por el alumno.

Elimina
Elementos
Multimedia.
Inserta Sonido con
controles de
audio.
Inserta sonido sin
controles de audio.

-Mantener la
higiene y limpieza
del laboratorio.
-Describir
Hipervnculo,
partiendo de la
especificacin
tcnica
relacionada.
-En un supuesto
prctico,
debidamente
caracterizado,
realizar lo
siguiente:
Insertar
Hipervnculo en
una pgina.
Insertar
Hipervnculo en
una pgina.
Modificar
Hipervnculo en
una pgina.
Eliminar
Hipervnculo de
una pgina.
Describir
imgenes.
Manipular
imgenes.

Examen final.

Examen final

Estrategias Metodolgicas
1. Demostracin por parte del docente en las herramientas utilizadas para el diseo de pgina web.
2. Utilizacin de instrumentos para elaborar diseo interactivos web y as crear pgina, guiada de docente
adems, creacin de pgina s web usando Multimedia.

Objetivo
Ser capaz de disear, planificar, tomar decisiones y realizar un plan realizacin de pagina web.
Preparar al alumno en el diseo y creacin de pginas web mediante la utilizacin de un editor profesional,
realizar animaciones y presentaciones para pginas web. Al final del curso el alumno conocer y dominar
las herramientas bsicas para poder crear sus propias pginas web con absoluta seguridad.
El objetivo del curso es aprender a desarrollar sitios webs estticos. Con Dreamweaver el alumno podr
llevar a cabo el diseo, la creacin y gestin de pginas webs en Html, trabajar con el texto, estilos CSS,
imgenes, enlaces, tablas, capas, marcos y formularios.

Con este curso el alumno aprende a planificar y elaborar sitios webs profesionales dentro del entorno del
programa Flash y con conocimientos de Programacin en ActionScripts.
Las pginas desarrolladas de esta forma permiten incluir animaciones vectoriales que harn que las pginas
resulten ms atractivas.
Flash es el programa ms novedoso en el desarrollo de pginas webs dinmicas, con grandes efectos y
acabados profesionales que adems puede ser combinado con distintos lenguajes de programacin y otros
programas como Dreamweaver.