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 Visual
Studio Coder 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.

GFPI-F-019 V3

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
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

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.
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:
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

• 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 contextualización e identificación de conocimientos necesarios
para el aprendizaje

Videoconferencia: Entorno de trabajo y herramientas de Visual Studio Code

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 el material de formación de la Actividad 1.

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

Studio Code 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 Visual Studio Code.

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.

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.

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

Evaluación: Entorno de trabajo y herramientas de Visual Studio

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.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

Para acceder a la actividad:

● Clic en el botón: Actividad 1.
● Clic sobre el enlace Evaluación: Entorno de trabajo y herramientas de Visual Studio
Code
● Seguir las instrucciones.

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

la misma.

3.4 Actividades de transferencia del conocimiento

Página web: Hoja de vida

El diseño de un sitio web o página web con Visual Studio Code 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:

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.

Para cumplir con el requerimiento:

1. Cree una sucarpeta en el disco duro de su computador denominada Actividad1.

Puede ser la siguiente ruta: C:/CDW/Proyecto01
2. Cree una página HTML, en la que plasme su presentación teniendo en cuenta la
siguiente información:
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

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. Estudios.
g. Experiencia laboral
h. Gustos y pasatiempos.

Sólo aplique los conceptos vistos en el material de formación: Encabezados, Texto con
énfasis, párrafos. Donde crea que debe crear tablas por ejemplo en Estudios y
Experiencia laboral, realícelo. No use CSS ni diseño con colores. Lo importante es aplicar
los primeros conceptos de HTML.

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.
● 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
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

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).

• 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/dreamweaverworkflow-
workspace.html. (Espacio de trabajo y flujo de trabajo Adobe Dreamweaver).
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

4. ACTIVIDADES DE EVALUACIÓN
Evidencias de aprendizaje Criterios de evaluación Técnicas e instrumentos
de evaluación

Evidencias de
conocimiento. Cuestionario
Evaluación: Entorno de Incorpora los conceptos de Calificación directa, enlace
diseño de páginas web, de dispuesto en LMS..
trabajo y herramientas de
acuerdo con el proyecto a
Adobe Dreamweaver. desarrollar y los
estándares requeridos.

Evidencias de producto.
Página web: Hoja de vida. 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.
• 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.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

• 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.

6. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha
 SERVICIO NACIONAL DE APRENDIZAJE SENA
PROCEDIMIENTO DE DESARROLLO CURRICULAR GUÍA DE
APRENDIZAJE

Autor Jorge Eliécer Experto temático Equipo de Adecuación Octubre de

(es) Gráfica y Didáctica de 2017
Andrade Cruz asignado
Recursos Educativos -
Elaboró SENA Risaralda.
Juliana García Asesora pedagógica
Cardona
Revisó Nelson Ivan Asesor pedagógico Equipo de Adecuación Enero de
Gráfica y Didáctica de 2018
Giraldo
Recursos Educativos -
SENA Risaralda.

Revisó Sandra Milena Guionista Equipo de Adecuación Octubre de

Henao Melchor Gráfica y Didáctica de 2017
Recursos Educativos -
SENA Risaralda.

Aprobó Andrés Felipe Líder Equipo de Adecuación Noviembre

Valencia Gráfica y Didáctica de de 2017
Recursos Educativos -
Pimienta SENA Risaralda.