INSTITUTO POLITECNICO NACIONAL

CECYT 8 NARCISO BASSOLS

CREACIÓN DE PORTALES WEB

PRACTICA INTEGRADORA UNIDAD I

Nombre: _______________________________ Calificación: _________ Fecha: ________

Objetivo: reaalizar una página WEB a través de hojas de estilo incluyendo imagenes e
hipervinculos.

1. Se anexa un archivo con una plantilla en CSS que puede ser editada y modificada por el usuario
de acuerdo a su creatividad.
2. Abre el archivo Marcos en bloc de notas o Dream Weaver; ubica la etiqueta <link
rel="stylesheet" type="text/css" href="estilo.css" />, una vez que la hayas ubicado observa la
referencia “estilo.css” (se refiere al nombre de la plantilla de atributos con la hoja de estilo)

3. Ahora abre el archivo Marcos en Explorer o Chrome, prueba los hipervínculos del marco
izquierdo y observa lo que pasa.

4. Ya que hayas analizado los archivos, ahora pon tu creatividad, cambia los nombres de los
hipervínculos y agrega dos más, de tal forma que en lugar de dos vínculos haya 4, cada vinculo
agrégale información coherente al vínculo y una imagen.

5. Puedes ajustar en ancho, alto etc. De los DIV en la hoja de estilos.

A TRABAJAR Y PLASMA TU CREATIVIDAD.

EJEMPLO:

ELABORO: M. en A. Yazmin Vega Correa

 INSTITUTO POLITECNICO NACIONAL
CECYT 8 NARCISO BASSOLS

CREACIÓN DE PORTALES WEB

ABRE TU CARPETA DE PORTALES WEB, CREA UNA MAS CON EL NOMBE DE ACTIVIDAD
INTEGRADORA Y TUS APELLIDOS, LA PAGINA LA GUARDAS COMO: INTEGRADORA Y TUS
APELLIDOS.HTML

Nota: imprime la lista de cotejo que se anexa en la siguiente

hoja.

ELABORO: M. en A. Yazmin Vega Correa

 INSTITUTO POLITECNICO NACIONAL
CECYT 8 NARCISO BASSOLS

CREACIÓN DE PORTALES WEB

Nombre: _______________________________ Calificación: _________ Fecha: ________

LISTA DE COTEJO

INDICADOR SI NO %

El div izquierdo tiene 4 hipervínculos. .3

Funcionan correctamente. .4

El nombre del vínculo es coherente con la información del .2

contenido central.
Aplicó color de fuente en los hipervínculos. .2

El título principal de página tiene color de fuente. .3

Aplico una imagen por cada contenido. .2

Los contenidos abarcan perfectamente el cuadro del div central .4

sin que se encimen los textos de los otros hipervínculos.
% total

Valor de la actividad 20%

ELABORO: M. en A. Yazmin Vega Correa