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/2012Versió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 CS3Nombre de la unidad de aprendizaje: CAPAS

Horas /créditos: 10/25%Resultados de Aprendizaje: 1. Crear y organizar una capa.2. Insertar imágenes en una capa.3. Aplicar fondo de página.

2. EXPLORACIÓN DE APRENDIZAJES PREVIOSCuestió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ÓNUna 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. ACTIVIDADESACTIVIDAD DE APRENDIZAJE 2 : Caso – Página de CosméticosDescripció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 2Descripció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.coMaterial (es) requerido: Lo encuentran en Material del Curso / Unidad 2 - Capas

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 DOCUMENTONombre Cargo Dependencia Fecha

AutorIng. Guillermo Burgos IbarraUsa: Ing. Giovanny Angulo

Tutor Virtual Centro de Teleinformática y producción Industrial.

Regional Cauca Septiembre/2012