ESCU ELA ACADEMI CO PR OF ESI ONAL DE I NGENI ER I A DE SI STEMAS

Escuela Profesional: Ingeniera de Sistemas. Ciclo: Octavo Docente: Ing. Orleans Moiss Glvez Tapia

LABORATORIO N 02

Asignatura: Ingeniera Web. Semestre Acadmico: 2013 - I

Sesin 02: Formularios e IFrames

INTRODUCCION Un sitio Web es un conjunto de documentos vinculados con atributos compartidos, tales como temas relacionados, un diseo similar o un objetivo comn. Para facilitar la escritura de documentos HTML se utilizan programas especficos. Los ms utilizados permiten complejos diseos y evitan trabajar directamente con el cdigo HTML. Se llaman editores visuales porque proporcionan un entorno WYSIWYG (What You See Is What You Get) donde se trabaja viendo el documento y sus objetos tal y como se mostraran en el navegador mantenindose oculto el cdigo HTML.

Pero la intencin de esta clase es aprender la estructura de un sitio web sencillo y las principales etiquetas de HTML por lo tanto se va a utilizar cualquiera de los siguientes editores: Bloc de Notas, NotePad++.
I. OBJETIVOS Codificar y ejecutar los ejercicios de aplicacin con Listas, Tablas, Enlaces, Hiperenlaces usando HTML y un editor HTML. II. EQUIPOS Y MATERIALES Computadora personal. Editor HTML: Bloc de Notas, NotePad++ Separata del Curso (colgada en el Campus), donde est la teora y ejemplos resueltos.

III. METODOLOGIA Y ACTIVIDADES a) Codificar los ejercicios desarrollados en el aula. b) Presentar avances y ejecucin de cada uno de los ejercicios al docente o jefe de prctica encargado para la calificacin correspondiente. c) Guardar la carpeta de sus archivos y al final enviarlo a un directorio compartido en la PC del profesor. d) Apagar el computador y dejarla en buen estado al retirarse del laboratorio dejar todo en orden.

ESCU ELA ACADEMI CO PR OF ESI ONAL DE I NGENI ER I A DE SI STEMAS

IV. IMPORTANTE Antes de comenzar a manipular el NotePad++ crear siempre, una carpeta, donde se guardarn todas las aplicaciones realizadas en el presente laboratorio con el nombre LABORAT-01.

V. EJERCICIOS 1. Crear una pgina HTML que muestre una lista ordenada de trminos como la siguiente:

2. Crear una pgina HTML que muestre una lista desordenada de trminos como la siguiente:

ESCU ELA ACADEMI CO PR OF ESI ONAL DE I NGENI ER I A DE SI STEMAS

3. Crear una Crear una pgina HTML que muestre una lista de definiciones como la siguiente:

4. Crear una pgina HTML que muestre una tabla como la siguiente METODOLOGAS RUP ICONIX XP SCRUM EUP CDM AUP LENGUAJES DE PROGRAMACIN JAVA PHP ASP PERL C++ PHYTON RUBY

5. Crear la siguiente estructura de directorios, pginas html e imgenes. Se pide implementar el cdigo html de la pgina1.html aadiendo referencias (HIPERVNCULOS) a las imgenes y pginas de tal manera que se observe en el navegador web un listado de todas las imgenes: Imagen01.jpg Imagen02.jpg Imagen03.jpg Imagen04.jpg Imagen05.jpg Imagen06.jpg; Y debajo un enlace a cada una de las pginas html teniendo en cuenta la ubicacin de los documentos en el sitio web (los directorios padre y subdirectorios):

ESCU ELA ACADEMI CO PR OF ESI ONAL DE I NGENI ER I A DE SI STEMAS

WWW

Pagina01.html

Imagen01.jpg Imagen02.jpg

Imagen03.jpg

B1

Pagina02.html

Pagina03.html Imagen04.jpg

C1

Imagen05.jpg

Pagina04.html

D1

Imagen06.jpg