1. Sistema de
Gestión de la
Calidad
Servicio Nacional de Aprendizaje – SENA
DIRECCIÓN DE FORMACIÓN PROFESIONAL
GUIA DE APRENDIZAJE SEMANA 2
Fecha:
01/09/2012
Versión 1.0
Página 1 de 3
1. IDENTIFICACIÓN DE LA GUÍA DE APRENDIZAJE
Nombre del Curso: DISEÑO WEB CON ADOBE DREAMWEAVER CS3
Nombre de la unidad de aprendizaje: CAPAS
Horas Resultados de Aprendizaje: /créditos: 10/25%
1. Crear y organizar una capa.
2. Insertar imágenes en una capa.
3. Aplicar fondo de página.
2. EXPLORACIÓN DE APRENDIZAJES PREVIOS
Cuestiónese sobre la importancia, propósitos y ventajas de crear una “Capa”. ¿Cómo se insertan
las capas? ,¿Qué fondo es mejor aplicar uno predeterminado escogiendo el color o con imagen?
3. CONCEPTUALIZACIÓN
Una Capa es una especie del contenedor de objetos o textos. Por ejemplo un formulario, un
fragmento de texto o un plugin. Las capas proporcionan un control muy potente sobre la posición
de estos objetos (control a nivel de pixeles) que permite controlar qué objetos estarán adelante y
que objetos estarán detrás.
Los Estilos en cascada, estilos css, nos permiten controlar los parámetros de estilo para todos los
documentos que forman un sitio web.
4. ACTIVIDADES

2. ACTIVIDAD DE APRENDIZAJE 2 : Caso – Página de Cosméticos
Descripción:
Usted ha sido preseleccionado y ha pasado a la siguiente fase de la prueba técnica para trabajar en una
empresa que comercializa productos de belleza. Esta empresa necesita lanzar por Internet una página web
en donde se muestren y comercialicen sus nuevos artículos de belleza, por lo que se les pide crear un Sitio
Web llamado Actividad 2 y dentro de él crear una Página Web llamada cosméticos donde plasmaran el
diseño de la página.
Esta actividad viene con un archivo comprimido llamado imágenes, el cual deben descomprimir dentro de la
carpeta del sitio Actividad 2, en la carpeta que se crea al descomprimir se encuentran las imágenes que
deben utilizar en el diseño de la página.
La empresa le asigna el siguiente diseño el cual es un prototipo, tentativo, usted puede hacer su propio
diseño utilizando sus propias imágenes y fondos si lo desea solo que la página debe tener la misma
estructura y utilizar las herramientas vistas en esta semana:
Ambiente(s) requerido: Plataforma Virtual www.senavirtual.edu.co
Material (es) requerido: Lo encuentran en Material del Curso / Unidad 2 - Capas
Criterios de Evaluación: La Actividad se considera desarrollada si el aprendiz crea
el sitio web Actividad 2 y guarda en él la Página
cosmeticos.html junto con las imágenes utilizadas.
Envía correctamente la actividad (es decir por el enlace
creado).
Esta Actividad tiene un máximo de 50 puntos con un
porcentaje del 20%, respecto al total ponderado del
curso.
Evidencia de aprendizaje: La carpeta del sitio web Actividad 2 debe comprimirse con
winrar o winzip y debe ser enviada a través del link
Actividades / Semana 2 – Capas / Enviar Actividad 2.
ACTIVIDAD DE APRENDIZAJE 2 : Evaluación Semana 2
Descripción: Con el propósito de reflexionar sobre los temas estudiados y el trabajo desarrollado en el
transcurso de esta Segunda Semana de aprendizaje lo invito a realizar la Evaluación de Conocimiento.
Recuerde que tiene solo dos intentos para realizar está Evaluación, así que debe ser responsable al
momento de iniciarla. Trate de concentrarse en la prueba y evite el intercambio de otras ventanas, ya que
esto puede causar un bloqueo y no podrá volver a realizarla de nuevo, a menos que el tutor considere darle
otra oportunidad.
Ambiente(s) requerido: Plataforma Virtual www.senavirtual.edu.co
Material (es) requerido: Lo encuentran en Material del Curso / Unidad 2 - Capas

3. Criterios de Evaluación: La Evaluación se considera desarrollada si el aprendiz
responde todas las preguntas y utiliza uno de sus dos
intentos en el link Actividades / Semana 2 / Evaluación
Semana 2.
Esta Evaluación tiene un máximo de 50 puntos con un
porcentaje del 5%, respecto al total ponderado del
curso.
Evidencia de aprendizaje: Calificación automática que genera el sistema.
5. MATERIALES, ELEMENTOS Y/O EQUIPOS REQUERIDOS
Tener Instalado Dreamweaver CS3.
Recuerden que para agregar una imagen deben primero agregar una capa, en el menú Insertar
 Objetos de Diseño  Div PA. Aparece la capa, ubicarse dentro y dar clic en el menú Insertar
 imagen y seleccionar la imagen, para desplazarla debe arrastrar la capa (no la imagen) y
situarla en donde se pide que la muestren.
Deben agregar el archivo de fondo de la página (para esto en la barra de menú deben ingresar
a la opción Modificar  Propiedades de la página y dar clic en el botón Examinar para agregar
la imagen).
6. BIBLIOGRAFIA
Links de la opción Enlaces Externos.
http://www.videostuto.com/curso-de-adobe-dreamweaver-cs3-divs-o-capas-flotantes.html
http://www.mailxmail.com/video-dreamweaver-cs3-diseno-web-estilos-css-video
CONTROL DEL DOCUMENTO
Nombre Cargo Dependencia Fecha
Autor
Ing. Guillermo Burgos Ibarra
Usa: Ing. Giovanny Angulo Tutor Virtual
Centro de Teleinformática
y producción Industrial.
Regional Cauca
Septiembre/2012