Html

I ntroducción al HTML
Todos los sitios Web están basados en HTML. Si bien disponemos de variados
entornos de desarrollo que permiten construir páginas Web gráficamente por medio
de asistentes, es necesario conocer los aspectos básicos del HTML pues en algún
momento puede ser necesario darle mantenimiento ó efectuar alguna modificación
a un sitio Web. En esta lección aprenderá a construir einterpretar código HTML a
través de algunos ejemplos muy sencillos pero ilustrativos.

Ejercicio: Creación de una página de marcos
Se desea definir el diseño de un sitio Web para una empresa de servicios turísticos.
La distribución visual del sitio muestra tres secciones (marcos): un marco superior
que muestra el logo de la empresa, un marco inferior izquierdo que muestra el
menú de opcionesdel sitio, y un marco inferior derecho que muestra el contenido
del sitio.

¿Cómo lo hacemos?
Pasos previos
1. En su disco duro proceda a crear una carpeta identificada como ASPNet-SQL.
2. En la carpeta recién creada, copie la carpeta PERUTravel-HTML que se
encuentra en el CD del curso en la ruta: \Ejercicios\Cap01\Inicio.

Creación de la página de marcos
1. Abra el Bloc de notas. Paraello, ejecute la secuencia Inicio, Todos los
programas, Accesorios, Bloc de notas.
2. En el Bloc de notas, digite el siguiente código:



Perú Travel - Catálogo









3. Guarde el archivo como Default.html en la carpeta PERUTravel-HTML creada
en su disco duro.
4. Para probar el archivo, en el Explorador de Windows haga doble clic sobre el
archivo. Se abre una instancia deInternet Explorer mostrando la ejecución
del código HTML.

Creación del documento Titulo.html
1. En un documento nuevo del Bloc de notas digite el siguiente código HTML:











2. Guarde el documento como Titulo.html dentro de la carpeta PERUTravelHTML en su disco duro.
3. Para probar el diseño de nuestro sitio Web abra el archivo Default.html en el
navegador Web.

Creacióndel documento Menu.html
1. En un documento nuevo del Bloc de notas digite el siguiente código HTML:







Todos
Aventura
Cultural
Ecológico
Místico


2. Guarde el documento como Menu.html en la carpeta PERUTravel-HTML de
su disco duro.
3. Para probar el archivo Menu.html, abra el documento Default.html en el
navegador Web.

Creación del documento CatalogoGeneral.html
1.En un documento nuevo del Bloc de notas digite el siguiente código HTML:





Catálogo General






Inka Treking





Cuzco Xtreme




2. Guarde el documento como CatalogoGeneral.html en la carpeta
PERUTravel-HTML de su disco duro.

3. Para probar el documento, abra el archivo Default.html desde el navegador
Web.

Edición del documento CatalogoGeneral.html
1. Añadaal documento CatalogoGeneral.html el código en negritas que se
muestra a continuación:





Catálogo General







Inka Treking





Cuzco Xtreme






Adoración a la Luna





Cuzco Indomable






Iquitos Turístico






Aventura en la Selva






Chiclayo Traveling





Trujillo Traveling




2. Guarde el documento y abra elarchivo Default.html en el navegador Web.

Finalización del documento CatalogoGeneral.html
1. Ahora, añada al documento CatalogoGeneral.html, inmediatamente después
de la etiqueta que indica el fin de la tabla, el código en negritas que se muestra
a continuación:

...
...
Trujillo Traveling






Inka Treking




Destino: Cuzco
Tipo: Aventura
Categoría: Normal
CuposDisponibles: 30
Costo: US$ 525
Del 11 de Agosto del 2005 al 15 de Agosto del 2005
Regresar



Cuzco Xtreme




Destino: Cuzco
Tipo: Aventura
Categoría: Normal
Cupos Disponibles: 30
Costo: US$ 720
Del 11 de Agosto del 2005 al 16 de Agosto del 2005
Regresar



Adoración a la Luna





Destino: Cuzco
Tipo: Místico
Categoría: Económico
Cupos Disponibles: 30
Costo: US$ 765...