Fecha:

Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 1 de 10
F2-6060-014 / 02-06

INFORME PRESENTACION SITIO WEB

Código: Dis-Web-w3c Fecha: (Día – Mes – Año): 29/01/2010
Regional: Norte de Santander Centro de formación: CIES

Nombre:
Evelia Karina Espinel Ochoa Doc. Identidad:1090415642
Estructura curricular Duración en horas, etapa
Lectiva
Análisis y Desarrollo de Sistemas de Información Duración en horas, etapa
productiva
Total en horas, de la
3196
Formación

1. PRESENTACION DESARROLLO PORTAL WEB

1. Describa el proceso de búsqueda y escogencia de la plantilla W3C empleada, ¿qué motivo su elección?
Incluya pantallazo de la plantilla original

Pues encontré mi plantilla en www.freecsstemplates.org , me gusto porque su diseño es sencillo, fácil de

manejar, tiene un buen color a la vista del usuario pues no es muy oscuro y lo mejor en que contrasta con
el tema a manejar.
 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 2 de 10
F2-6060-014 / 02-06

2. Muestre mediante pantallazos el procedimiento para escoger el template en Dreamweaver. Realice un

esquema explicativo del template y responda ¿cuántas regiones editables utilizó? y ¿cuáles son las
zonas comunes?

Ya que tengamos la idea de cómo va estar organizada la pagina pues hacemos una plantilla que vamos a
utilizar de muestra para hacer las otras plantillas. Luego nos vamos a archivo-guardar como plantilla y
nos sale una ventanita y ahí le damos guardar. Y listo nos quedo guardada
 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 3 de 10
F2-6060-014 / 02-06
 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 4 de 10
F2-6060-014 / 02-06

Utilice una región editable que es la que esta encerrada en rojo y dos zonas comunes que son las que
están encerradas en morado.

3. Esquematice mediante diagrama la jerarquía de archivos final del sitio, incluya mapa del sitio web.
 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 5 de 10
F2-6060-014 / 02-06
 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 6 de 10
F2-6060-014 / 02-06

Mapa final del sitio

 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 7 de 10
F2-6060-014 / 02-06

4. Explique en detalle la implementación de la galería de imágenes adaptada a su sitio, incluyendo los

cambios en los archivos de configuración. Incluya pantallazos

Entre a la pagina http://www.hucreative.com/js2.html , y descargue el paquete descargar galería

 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 8 de 10
F2-6060-014 / 02-06

Luego descomprimimos la carpeta y y me salieron 3 carpetas: imágenes, css y js. Lo que esta en imágenes,
css se guarda en nuestro sitio y le hacemos algunos cambios como en la carpeta de álbum o galería le
ponemos este código

<script type="text/javascript" src="../js/prototype.js"></script>

<script type="text/javascript" src="../js/scriptaculous.js"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>

<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />

Y para ingresar una imagen

<a href="../images/b9.jpg" rel="lightbox[roadtrip]" title="Bebe Hermosa"><img src="../images/b9.jpg"
 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 9 de 10
F2-6060-014 / 02-06

width="100" height="80" border="1"/></a>

En la carpeta js abre lightbox y arreglas colocando ../ para encontrar la ruta de las imágenes.

Y asi queda la galería

Le das click en una imagen y sale asi

 Fecha:
Servicio Nacional de Aprendizaje SENA Feb de 2006

Sistema de GUIA DE APRENDIZAJE FPI Versión: 1.0

Gestión de la ACTIVIDAD DE ENSEÑANZA-APRENDIZAJE-EVALUACION
Calidad Página 10 de
10
F2-6060-014 / 02-06

Y listo eso es todo.