FACULTAD DE INGENIERA

E.A.P. INGENIERIA DE SISTEMAS Y COMPUTACIN

LABORATORIO N 2
TEMA

TALLER III Diseo Web I

Estructura de una Pgina

Docente

Astrid A. Canahuire Gordillo

U.E.C.

Fecha

11 / 09 / 2016

CICLO

II

I. OBJETIVOS
Al trmino de esta experiencia, el estudiante ser capaz de:
1. Identificar los requerimientos necesarios para crear la estructura de una pgina
2. Analizar las etiquetas que podran utilizarse en la estructura bsica de una pgina
3. Aplicar las etiquetas y formatos necesarios
4. Evaluar los resultados obtenidos en base a las tcnicas utilizadas
II. EQUIPOS Y MATERIALES
Computador
Editor de Textos: notepad++ o bloc de notas
Navegador
Gua de Laboratorio
Material impreso con la informacin de la sesin de aprendizaje.
III. METODOLOGIA Y ACTIVIDADES
a) Elabore los diseos propuestos en clase de acuerdo a los temas desarrollados en la Sesin de Aprendizaje.
b) Presentar los avances de cada uno de los diseos al docente para la calificacin correspondiente.
c) Guardar sus diseos con un nombre apropiado dentro de la carpeta preparada para este laboratorio.
d) Apagar apropiadamente el computador y dejar ordenado su lugar de trabajo antes de retirarse del
laboratorio.
IV. IMPORTANTE
Antes de iniciar con el desarrollo del Laboratorio, crearemos siempre, una carpeta, donde se guardar toda la
informacin del presente laboratorio. Para ello realice lo siguiente:
Ingrese al Explorador del Windows (puede hacerlo dando clic derecho sobre el Botn Inicio de la Barra de
Tareas y seleccione la opcin Explorar).
La ventana del Explorador est dividida en dos columnas, en la columna de la izquierda busque hacia abajo
la unidad de almacenamiento (D:) y de un clic izquierdo sobre l. Luego dirija el mouse hacia la columna
de la derecha y en un sector vaco, presione clic derecho, seleccione la opcin Nuevo y luego la opcin
Carpeta.
Aparecer una carpeta amarilla con un texto: Nueva Carpeta sombreado en azul, digite sobre l, el nombre
para su carpeta (este puede ser TALLER_III_Apellido, luego de digitar presione la tecla Enter. Listo, ya tiene
su carpeta dentro de la cual guardar todo lo que trabaje a continuacin.
Cierre la ventana del Explorador del Windows.
V. PROCEDIMIENTO
A continuacin desarrolle cada uno de los siguientes ejercicios:

Taller III Diseo Web I

Universidad Peruana los Andes /Filial Lima

EAP Ingeniera de Sistemas y Computacin

Ejercicio N 1:
1. Crearemos un pgina de la hoja de vida personal, para lo cual en la carpeta creada es necesario
a. Crear un carpeta denominada imgenes, esta carpeta debe contener una foto personal para la hoja
de vida y una imagen cualquiera que simule un botn para ir al inicio de la pgina.
2. El contenido bsico de la pgina debe ser:

Consideraciones:

Letra de toda la pagina debe ser: Calibri

Los subttulos son <h3>
La imagen Arriba es una imagen link que me permite ir al principio de la hoja de vida su
tamao es de 200X100 y tiene borde=4.

Taller III Diseo Web

Universidad Peruana los Andes /Filial Lima

EAP Ingeniera de Sistemas y Computacin

Los enlaces de las redes sociales Facebook y Tuenti se aperturan en pginas nuevas,
mientras que instagram y twitter en la misma pgina principal.
Puede colocar un color de fondo de su preferencia.
Agregue cualquier elemento adicional acorde a la hoja de vida de lo aprendido.
El nombre debe estar en negrita
La direccin en itlica
Los telfonos en enfatizado
La edad en texto tachado.

Taller III Diseo Web