GESTIÓN DE FORMACIÓN PROFESIONAL INTEGRAL

PROCEDIMIENTO DESARROLLO CURRICULAR

GUÍA DE APRENDIZAJE

1. IDENTIFICACIÓN DE LA GUÍA DE APRENDIZAJE

 Denominación del programa de formación: Diseño Web con Adobe Dreamweaver.

 Código del programa de formación: 21730030.
 Nombre del proyecto (si es formación titulada): No aplica.
 Fase del proyecto (si es formación titulada): No aplica.
 Actividad de proyecto (si es formación titulada): No aplica.
 Competencia: 220501030: Integrar los elementos multimediales de acuerdo con un
diseño establecido.
 Resultados de aprendizaje a alcanzar: Configurar el entorno para la creación del
sitio, utilizando páginas web, según los estándares del W3C (World Wide Web
Consortium).
 Duración de la guía: 10 horas.

2. PRESENTACIÓN

Aprendiz, reciba un saludo al programa de formación complementaria en modalidad

virtual: Diseño Web con Adobe Dreamweaver, el cual tiene como objetivo brindar los
conocimientos necesarios para manejar las herramientas que ofrece el programa Adobe
Dreamweaver para diseñar sitios web basados en el lenguaje HTML5 y las hojas de
estilo en cascada (CSS), capaces de ofrecer una interfaz gráfica intuitiva y agradable
para el usuario.

Durante el desarrollo de esta Actividad de Aprendizaje: Identificar los componentes del

entorno de trabajo de Adobe Dreamweaver con el fin de crear un sitio web
reconociendo los estándares requeridos para su construcción, adquirirá los
conocimientos necesarios para configurar un sitio web con elementos básicos como
texto, imágenes y tablas, reconociendo el entorno de trabajo de Adobe Dreamweaver.

GFPI-F-019 V3
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

Por consiguiente, en esta guía de aprendizaje encontrará una serie de actividades que
deberá desarrollar teniendo en cuenta el material de formación de la actividad de
aprendizaje 1: Configurar sitio y páginas web, y los materiales de apoyo. Recuerde que
cuenta con el acompañamiento del instructor para aclarar inquietudes a través de los
diferentes medios de comunicación establecidos. Asimismo, la actividad se ha diseñado
para ser desarrollada en 10 horas incluyendo tiempo de trabajo autónomo.

Adelante.

3. FORMULACIÓN DE LAS ACTIVIDADES DE APRENDIZAJE

Importante:
Consultar el botón Información del programa, en el menú del programa de formación
para conocer la descripción del mismo y la metodología a seguir.

Actividades iniciales
Aprendiz:
Para iniciar con éxito este programa de formación es necesario revisar el cronograma de
actividades en el menú lateral Información general, clic en el botón Cronograma. Esto
con el fin de identificar las acciones a realizar y los tiempos de cada una de ellas.
Luego consultar y realizar las actividades iniciales previstas para este programa,
ubicadas en el menú lateral Actividades, clic en el botón Actividades iniciales.

a. Actualización de datos personales en el aplicativo Sofiaplus: es importante

revisar los datos personales para la correcta expedición de la certificación al finalizar el
programa de formación.
Para acceder a la actualización:
 Clic en Actualizar datos y por medio de la plataforma Sofiaplus.
 Renovar tipo de identificación.
 Revisar nombres completos, número de identificación y otros datos importantes.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

b. Sondeo de saberes previos: con esta actividad se podrá medir el nivel de

conocimientos previos sobre la temática del programa de formación y el manejo de la
plataforma virtual (aunque este sondeo no es calificable, es imprescindible realizarlo).
Para acceder al sondeo:
 Actividades iniciales.
 Clic en el enlace: Sondeo de saberes previos.
 Realizar el sondeo.
 Clic en el botón: Enviar.

c. Participar en el foro social: este espacio permite el encuentro entre aprendices e

instructor con el fin de crear lazos de compañerismo, recreación, esparcimiento y
reflexión. Para iniciar, cada aprendiz realizará una presentación personal: experiencia
profesional, expectativas y aspectos que considera le ayudarán en el desarrollo de este
programa de formación.
Para esto, tener en cuenta las Reglas de convivencia en ambientes virtuales de
aprendizaje, documento disponible en la Información del programa. Asimismo, recordar
que la redacción es parte de la presentación personal y profesional.

Para acceder y participar en el foro social:

● Clic en el enlace: Foro social.
● Elegir Secuencia.
● Clic en el botón Responder.
● Digitar el asunto y el contenido del mensaje.
● Clic en el botón: Enviar.

Nota: consultar el botón Información del programa, en el menú del programa de

formación para conocer la descripción del mismo y la metodología a seguir.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

Actividad de Aprendizaje 1
3.1 Actividades de reflexión inicial
Ahora, es necesario consultar el botón Tutoriales, ubicado en el menú del programa de
formación, para visualizar los videos de la plataforma virtual de aprendizaje que se
utilizan durante todo el proceso de formación. Se recomienda prestar mucha atención y
observarlos cuantas veces sea necesario hasta obtener una comprensión satisfactoria de
los mismos.

Antes de iniciar, a manera de reflexión personal se sugiere leer detenidamente la

siguiente situación y resolver el interrogante planteado:

Para la edición de aplicaciones web es necesario contar con una herramienta que facilite
la edición del sitio. Algunos programas ofrecen un entorno de desarrollo basado en
código y otros que combinan la edición permitiendo la inserción de elementos en una
vista de diseño que generan automáticamente un código HTML, CSS o JavaScript.

Teniendo en cuenta lo anterior y los conocimientos previos que posee responda al

siguiente interrogante:

¿Cuál cree que es la funcionalidad de un editor

de páginas web que ofrece una vista de código y
una vista de diseño?

Se recomienda escribir las respuestas e incluso guardarlas para confrontarlas una vez
logre los resultados de aprendizajes propuestos para el programa de formación. Esto
servirá para identificar cuál es el aprendizaje adquirido.

Nota: este ejercicio tiene como finalidad orientarle y motivarle en el desarrollo de los
temas de esta actividad de aprendizaje, por tal razón no es calificable. No obstante, es
primordial realizarlo.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

3.2 Actividades de contextualización e identificación de conocimientos necesarios

para el aprendizaje

Videoconferencia: Entorno de trabajo y herramientas de Adobe Dreamweaver

Para iniciar la comprensión temática del programa de formación es importante tener

claros algunos conceptos que serán fundamentales para participar en la
videoconferencia, por lo que se recomienda observar los videos disponibles en el
material de apoyo: Novedades de Dreamweaver CC 2017: Tráiler y Tutorial
Dreamweaver CC 2017 esencial: Tipos de archivo.

Después, durante la videoconferencia: Entorno de trabajo y herramientas de Adobe

Dreamweaver socializar lo que conoce sobre el tema. De igual manera, podrá aclarar
inquietudes y dudas respecto al manejo del entorno de trabajo y la aplicabilidad de las
herramientas del software Adobe Dreamweaver.

Tenga en cuenta que el propósito de esta videoconferencia es compartir, con respeto, las
ideas, los conceptos y las apreciaciones que cada uno de los aprendices pueda tener
sobre las diferentes temáticas.

Para ello, es importante recordar que el instructor orientará el orden de participación

motivando los aprendices a responder algunas preguntas que permitirán la participación
colectiva y la resolución de dudas, la comprensión de ideas nuevas y la aprehensión de
conceptos relacionados con los temas.

Los aprendices deberán tener una disposición adecuada para que su palabra y
participación pueda hacerse visible, sin temor a equivocarse y así, llegar al aprendizaje.
Para acceder y participar de la videoconferencia:
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

● El instructor dará oportunamente las reglas de interacción sujeta a tiempos de

duración y desarrollo de la videoconferencia.
● El respeto por la palabra y las ideas del otro debe prevalecer, superando incluso el
desacuerdo.
● La participación estará orientada a generar aportes conceptuales y de nuevas ideas
que contribuyan a la generación de mejores aprendizajes.

En caso de tener dudas relacionadas con la participación en una videoconferencia, se

recomienda consultar el video: ¿Cómo unirse a una sesión virtual de Blackboard
Collaborate?, ubicado en el botón Tutoriales del menú del programa de formación.

Recuerde: esta actividad no es calificable, pero es fundamental la asistencia para el

desarrollo de la misma.

Ahora será necesario, para desarrollar las actividades correspondientes al primer

resultado de aprendizaje, estudiar el material de formación y los materiales de apoyo.

Para acceder al material de formación:

 Clic en el botón Actividad 1.
 Clic sobre los enlaces mostrados en el elemento Material de formación.

En el enlace al elemento Materiales de apoyo encontrará: Enlaces web.

¡Demos un paso adelante!

 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

3.3 Actividades de apropiación del conocimiento (conceptualización y teorización)

Evaluación: Entorno de trabajo y herramientas de Adobe Dreamweaver

El objetivo de esta actividad es la resolución de una evaluación, en la que se evidencie la

apropiación del conocimiento adquirido hasta ahora. La evaluación consta de 10
preguntas, su duración es de una hora y puede realizarla las veces que lo desee.

Para acceder a la actividad:

● Clic en el botón: Actividad 1.
● Clic sobre el enlace Evaluación: Entorno de trabajo y herramientas de Adobe
Dreamweaver.
● Seguir las instrucciones.
● Clic en el botón: Enviar.

Recuerde: esta actividad es calificable, participe con responsabilidad en el desarrollo de

la misma.

Puede consultar el video: ¿Cómo realizar el envío de una evidencia descargable?, que
se encuentra en el botón Tutoriales, del menú del programa de formación, en caso de
presentarse dudas relacionadas con el envío de archivo.

3.4 Actividades de transferencia del conocimiento

Página web: Hoja de vida

El diseño de un sitio web o página web en Adobe Dreamweaver permite evidenciar los
conocimientos adquiridos de manera autónoma y auténtica sobre la apropiación del
software. Por ello, se espera que con el desarrollo de esta actividad el aprendiz pueda
plasmar sus conocimientos y su creatividad en la resolución de la siguiente solicitud:
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

Usted se encuentra participando en un proceso de contratación para trabajar en una

empresa que renta automóviles. Dentro de la prueba técnica que han definido para
contratarlo, han solicitado que presente su hoja de vida en formato de página web, de
manera novedosa y creativa, con el fin de corroborar sus habilidades en el tema.

Para cumplir con el requerimiento:

1. Cree una carpeta en el disco duro de su computador denominada Actividad1. Luego,

un sitio web en Dreamweaver con el mismo nombre y guárdelo en dicha carpeta.
2. Cree una página HTML, en la que plasme su presentación teniendo en cuenta la
siguiente información:

a. Fotografía.
b. Número de documento de identificación.
c. Nombres y apellidos.
d. Fecha de nacimiento.
e. Departamento y ciudad de residencia.
f. Profesión.
g. Experiencia.
h. Estudios.
i. Gustos y pasatiempos.
j. Sus Contactos.

3. Comprima la carpeta del sitio y envíe al instructor un único archivo.

Para enviar la evidencia

● Clic en el botón: Actividad 1.
● Clic sobre el enlace Página web: Hoja de vida
● Adjuntar archivo descargado o pegar el enlace web.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

● Añadir un comentario en la caja de texto.

● Clic en el botón: Enviar.

Recuerde: en la creación de la página web se debe plasmar la información de manera

creativa, veraz y válida, por lo que las consultas realizadas deben ser fuentes confiables:
un autor o una institución que respalde esa información. Se recomienda evitar páginas
como Wikipedia, Buenas Tareas, El Rincón del Vago y similares. Si desea usar citas
textuales de los documentos consultados respete los derechos de autor, referéncielo al
lado de la cita. Además, en la bibliografía, escriba la información de todos los
documentos consultados y que le sirvieron para el desarrollo de su escrito.

Recuerde: esta actividad es calificable, participe con responsabilidad en el desarrollo de

la misma.

3.5 Ambientes de aprendizaje tipificados.

Ambiente requerido

 Learning Management System (LMS) Blackboard.

 Adobe Reader.

Materiales

 Material de formación: Configurar el sitio web.

 Material de apoyo:
 Enlace web a https://youtu.be/dedZnVrNUgM (Novedades de Dreamweaver CC
2017: Trailer).
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

 Enlace web a https://youtu.be/2eylQ942Q1s. (Tutorial Dreamweaver CC 2017

esencial: Tipos de archivo).
 Enlace web a https://helpx.adobe.com/es/dreamweaver/using/dreamweaver-
workflow-workspace.html. (Espacio de trabajo y flujo de trabajo Adobe
Dreamweaver).

4. ACTIVIDADES DE EVALUACIÓN

Evidencias de aprendizaje
Evidencias
conocimiento.
Evaluación: Entorno
trabajo y herramientas de diseño de páginas web, de dispuesto en LMS..
Adobe Dreamweaver.
Evidencias de producto.
Página web: Hoja de vida.
Técnicas e instrumentos
Criterios de evaluación
de evaluación
de
Cuestionario
de Incorpora los conceptos de Calificación directa, enlace
acuerdo con el proyecto a
desarrollar y los
estándares requeridos.
Página web.
Rúbrica de página web.

5. GLOSARIO
 Asincrónico: comunicación que se establece entre personas en un momento
diferente del tiempo. Mientras uno hace el papel de emisor el otro permanece como
receptor.
 Blog: sitio web personal o profesional, en el que se publican constantemente
entradas de interés con respecto a temas específicos.
 Chat: herramienta de comunicación sincrónica, en la cual dos o más personas
pueden interactuar.
 Clase CSS: se utiliza para caracterizar uno o varios elementos de una página web,
con el fin de establecer un estilo común para todos.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

 Código: serie de comandos lógicos para definir los elementos de una página web,
su comportamiento, su estilo y la forma en que interactúan con el usuario, para
asegurar el flujo correcto de los datos.
 Correo electrónico: herramienta de comunicación asincrónica que permite enviar y
recibir mensajes a uno o a varios destinatarios. Permitir enviar archivos adjuntos.
 Estándares W3C: establecidos por el consorcio World Wide Web para asegurar el
crecimiento de la Internet a través de las páginas web.
 Estilos CSS: hojas de estilo en cascada que permiten definir las características de
los elementos que componen una página web: posición, dimensión, colores, entre
otros.
 Internet: red global, compuesta por subredes, que permite la comunicación entre
computadores y otros dispositivos.
 Mapas de navegación: en la web, estructura de rutas que indican al usuario los
espacios con los que cuenta un sitio web, para facilitar su navegabilidad.
 Menú: en la web, lista de opciones o servicios con los que cuenta una página web
para que el usuario acceda a ellos.
 Página web: documento dinámico al cual se puede acceder a través de una
conexión a internet, la cual puede contener información en distintos formatos: texto,
audio, video y animaciones.
 Pixeles: unidades mínimas que componen una imagen digital. A mayor cantidad de
pixeles, mayor resolución y calidad de la imagen.
 Sincrónico: comunicación entre personas que se lleva a cabo en tiempo real.
 Sitio web: paquete o conjunto de páginas web que relacionadas y enlazadas entre sí
ofrecen un servicio a los usuarios.
 Usabilidad: en una página web, característica que permite al usuario navegar
fácilmente para tener acceso a los diferentes recursos.
 Wiki: página web interactiva que permite ser editada por uno o varios usuarios con el
fin de generar un contenido en modo colaborativo.
 World Wide Web: red informática mundial.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

6. REFERENCIAS BIBLIOGRÁFICAS
Adobe (2017). El espacio de trabajo de Dreamweaver. Recuperado de
https://helpx.adobe.com/es/dreamweaver/using/dreamweaver-workflow-workspace.html
Adobe (2017). Ayuda de Adobe Dreamweaver CC. Recuperado de
https://helpx.adobe.com/es/pdf/dreamweaver_reference.pdf

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha
Jorge Eliécer
Experto temático Equipo de Adecuación
Autor Andrade Cruz
asignado Gráfica y Didáctica de Octubre
(es)
Recursos Educativos - de 2017
Elaboró Juliana García
Asesora pedagógica SENA Risaralda.
Cardona
Equipo de Adecuación
Nelson Ivan Enero de
Revisó Asesor pedagógico Gráfica y Didáctica de
Giraldo 2018
Recursos Educativos -
SENA Risaralda.
Equipo de Adecuación
Sandra Milena
Revisó Gráfica y Didáctica de Octubre
Henao Melchor Guionista
Recursos Educativos - de 2017
SENA Risaralda.
Equipo de Adecuación
Andrés Felipe
Gráfica y Didáctica de Noviembre
Aprobó Valencia Líder
Recursos Educativos - de 2017
Pimienta
SENA Risaralda.

8. CONTROL DE CAMBIOS (diligenciar únicamente si realiza ajustes a la guía)