SERVICIO NACIONAL DE APRENDIZAJE

SISTEMA INTEGRADO DE GESTIN

Procedimiento Creacin y Adecuacin de
Programas de Formacin Virtual y a Distancia
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual
Versin: 01
Fecha: 08-10-2013
Cdigo: G001-
P002-GFPI









Programa de Formacin: Diseo web con adobe
Dreamweaver.
Cdigo: 21730030
Versin: 01
Resultados de Aprendizaje:

220501048-01

Configurar el entorno para la creacin del sitio,
utilizando pginas web, segn los estndares del W3C
(World Wide Web Consortium).
Competencia:

220501048

Crear sitios Web dinmicos
segn estndares y protocolos
establecidos.
Duracin de la gua (en horas): 10 horas
Bienvenido(a) a la actividad de aprendizaje 1 del programa de formacin Diseo web con
Adobe Dreamweaver.

Adobe Dreamweaver es un editor de pginas, el cual permite crear sitios web con un alto
contenido visual profesional.
Una pgina web tiene texto, imgenes, hipervnculos, tablas, marcas, capas, componentes
animados, comportamientos, entre otros aspectos. Dreamweaver posee un cliente FTP, el
cual permite publicar directamente pginas y sitios en internet.
Es importante que para el diseo de las pginas web se apliquen los conceptos WC3
(World Wide Web Consortium), para garantizar el despliegue en los navegadores
estndar, cumpliendo con los parmetros de navegabilidad y posicionamiento global.

Por ende para realizar las evidencias correspondientes a esta actividad de aprendizaje, es
necesario revisar los materiales del programa, explorar los materiales de apoyo y realizar
consultas en internet.
GUA DE APRENDIZAJE N1
1. IDENTIFICACIN DE LA GUA DE APRENDIZAJE
2. INTRODUCCIN
Gua de Aprendizaje


Pgina 2 de 6


3.1 Actividades de reflexin inicial

Antes de realizar las actividades:

1. Consulte el botn Induccin al programa, en el men del programa de formacin
para visualizar los videos sobre el manejo de la plataforma Blackboard y saber cmo
realizar las siguientes acciones:

Actualizar la ficha de matrcula.
Realizar el sondeo de conocimientos previos.
Presentarse ante su instructor y compaeros en el foro social.
Participar en el foro de reconocimiento de la plataforma.

2. Consulte el botn Informacin del programa, en el men del programa de
formacin para conocer la descripcin del mismo y la metodologa a seguir.
3.2 Actividades de contextualizacin e identificacin de conocimientos necesarios
para el aprendizaje

Evidencia: Foro Elementos de una pgina web

El diseo de una pgina web requiere de muchos elementos que sean visuales y que
generen la suficiente estabilidad para lograr que las personas la visiten continuamente,
logrando que este sitio tenga xito. De acuerdo a esto, responda lo siguiente
argumentando su respuesta:
Cules considera que son los tres (3) elementos indispensables a tener en cuenta para
el diseo de una pgina web?

Analice la situacin de la forma ms adecuada y conteste la respectiva pregunta. Tambin
debe comentar la participacin de mnimo dos compaeros y argumentar por qu est o
no de acuerdo con la opinin dada por ellos.

El foro se encuentra disponible en el botn Foros de discusin / Evidencia: Foro
Elementos de una pgina web, en el men principal del programa o en la carpeta
Actividad de aprendizaje 1.

Usted deber participar en el foro de discusin de la Actividad de aprendizaje 1, de
acuerdo con las instrucciones brindadas en la descripcin del foro.

Revisar el cronograma del programa para la entrega oportuna de las actividades.



3. ESTRUCTURACIN DIDCTICA DE LAS ACTIVIDADES DE APRENDIZAJE
Gua de Aprendizaje


Pgina 3 de 6

3.3 Actividades de apropiacin del conocimiento (Conceptualizacin y teorizacin)

Evidencia: Actividad interactiva Entorno de trabajo

El propsito de esta actividad es indicar a travs de un simulador los pasos requeridos
para identificar la interfaz del entorno de trabajo de Adobe Dreamweaver CS6.
Para ello usted debe realizar el paso que se le solicita, dando clic donde considere es
correcto. Si lo hace de manera acertada podr seguir con los dems, de lo contrario se le
restar un intento.
Al finalizar saldr su resultado obtenido, recuerde que slo se permiten dos (2) intentos
fallidos.
Para acceder a la actividad interactiva, remtase al men principal, dando clic en el botn
Actividades / Actividad de aprendizaje 1 / Evidencia: Actividad interactiva Entorno de
trabajo.


Evidencia: Evaluacin Componentes

La evaluacin correspondiente a esta actividad de aprendizaje busca verificar los
conocimientos adquiridos por el aprendiz y validar su competencia en este tema
especfico.

La evaluacin consta de 5 preguntas y su duracin es de 30 minutos. El aprendiz tiene
habilitado un nico intento, as que una vez empiece la prueba, debe terminarla.

La evaluacin se encuentra disponible en el botn Actividades / Actividad de aprendizaje 1
/ Evidencia: Evaluacin Componentes, en el men principal del programa.
3.4 Actividades de transferencia del conocimiento

Evidencia: Hoja de vida
Usted se encuentra en proceso de contratacin para trabajar en una empresa que
comercializa productos de belleza. Dentro de la prueba tcnica que le han definido para
contratarlo, le han solicitado que presente su hoja de vida en forma de pgina web, para
corroborar sus habilidades en el tema, por ello debe desarrollar lo siguiente:
1. Cree un sitio web llamado Actividad 1 y dentro de l agregue una carpeta
denominada Pginas, la cual contenga una pgina web muy sencilla llamada
Personal.
2. En esa pgina (Personal), plasmar su presentacin teniendo en cuenta la
siguiente informacin:
a. No. documento de identificacin.
Gua de Aprendizaje


Pgina 4 de 6

b. Nombre.
c. Apellidos.
d. Edad.
e. Ciudad de residencia.
f. Profesin.
g. Cualidades.
h. Gustos.
i. Pasatiempos.
j. Dems informacin que desee colocar.
Nota: tenga en cuenta que la empresa le pide que la pgina tenga un diseo novedoso y
creativo.
Realice la actividad y envela a su instructor a travs de la plataforma.
Descargue la actividad dirigindose al botn del men principal Actividades / Actividad de
aprendizaje 1 / Evidencia: Hoja de vida y d clic en Descargar, para ver la descripcin
detallada de esta.

Enve al instructor un archivo en formato comprimido Zip con todo el contenido del sitio
web a travs de la plataforma, en el enlace Actividades / Actividad de aprendizaje 1 /
Evidencia: Hoja de vida.

Nota: si al momento de enviar un archivo (Evidencia), el sistema genera el error: "Archivo
Invlido", tenga en cuenta que este error se debe a que:

En el momento que est adjuntando el archivo, lo tiene abierto, cirrelo y pruebe
nuevamente adjuntndolo en Adjuntar archivo, Examinar mi equipo.
3.5 Actividades de evaluacin
Evidencias de Aprendizaje Criterios de Evaluacin
Tcnicas e Instrumentos
de Evaluacin
De Conocimiento:

Foro Elementos de una
pgina web.

Actividad interactiva:
Entorno de trabajo.

Evaluacin
Componentes.

De Producto:

Evidencia: Hoja de vida.
Incorpora los conceptos
de diseo de pginas
web, de acuerdo al
proyecto a desarrollar y
los estndares
requeridos.

Enlace dispuesto en el LMS
para envo y emisin de
juicios evaluativos de cada
actividad.

Gua de Aprendizaje


Pgina 5 de 6








Ambiente(s) requerido:

Ambiente de navegacin (computador y conexin a internet).
Instalacin del software: Adobe Reader, Adobe Flash Player y Adobe Dreamweaver
CS6.
Editor de texto.

Material(es) requerido:

Material descargable de la actividad de aprendizaje 1.
Material interactivo de la actividad de aprendizaje 1.
Materiales de apoyo de la actividad de aprendizaje 1.
Para consultar el glosario del programa Diseo web con Adobe Dreamweaver dirjase
al botn Glosario, ubicado en el men principal del programa.
Para consultar la bibliografa del programa Diseo web con Adobe Dreamweaver
dirjase a los materiales de la actividad de aprendizaje 1 y consulte las referencias.
Autores:

Expertos temticos:
Jos Geovanny Angulo Imbachi
Centro de Teleinformtica y Produccin Industrial. Regional Cauca
Diciembre de 2013

Guillermo Alexander Burgos Ibarra
Centro de Teleinformtica y Produccin Industrial. Regional Cauca
Diciembre de 2013

Asesora pedaggica
Gloria Amparo Lpez Escudero
Centro Agroindustrial. Regional Quindo
Diciembre de 2013
4. RECURSOS PARA EL APRENDIZAJE
5. GLOSARIO DE TRMINOS
6. BIBLIOGRAFA/ WEBGRAFA
7. CONTROL DEL DOCUMENTO (ELABORADA POR)
Gua de Aprendizaje


Pgina 6 de 6


Lder de Planificacin y Adecuacin Didctica
Martha Luca Giraldo Ramrez
Centro Agroindustrial. Regional Quindo
Diciembre de 2013