COMPUTACION  E  INFORMATICA 

PRACTICA # 1 DE INGENIERIA WEB 
 
                   MINISTERIO DE EDUCACIÓN 

 INSTITUTO SUPERIOR DE  EDUCACION  PÚBLICO                          APELLIDOS Y NOMBRE(S) :  .....………………………………………………………………………………….……… 
              “HONORIO DELGADO ESPINOZA”                                         
                      CAYMA – AREQUIPA                                                        SEMESTRE:            II               TURNO :    …………………………………           FECHA :  07/ 10 / 2011
 
Elabore una página web llamada index.html siguiendo paso a paso las siguientes instrucciones:
1. El título de la web es “práctica HTML Ordinaria”
2. Incluye las etiquetas metas necesarias para especificar el autor de la página (tu
nombre), la descripción de la página (examen de HTML del módulo Ingenieria Web).
3. Esta web contendrá los siguientes marcos que se muestran en la siguiente imagen:
1 2

3
• En todos los marcos no aparecerán las barras de desplazamientos, no mostrarán
bordes y no se podrán mover (cambiar su tamaño).
• El marco nº 1 tendrá una anchura relativa del 18% del tamaño total de la página.
En él se cargará la página miniaturas.html (crear)
• En el marco nº 2 se cargará la página imagen1.html (que se incluye en el
archivo de recursos para la práctica)
• En el marco nº 3 tendrá una altura de 50 pixeles, se cargará la página autor.html
4. Modifica la página miniaturas.html de manera que se incluya una tabla alineada a la
derecha, de altura debe ocupar todo el marco, sin bordes, de manera que en cada
celda incluya cada una de las cuatro imágenes que se encuentran en el directorio de
imágenes (img1.jpg, img2.jpg, img3.jpg, img4.jpg). Las imágenes no mostrarán
bordes y tendrán una anchura de 150px.
5. Inserte enlaces en cada una de las imágenes de miniaturas.html de manera que
carguen en el marco nº2 las páginas:
• imagen1.html cuando se pulse sobre img1.jpg;
• imagen2.html cuando se pulse sobre img2.jpg;
• imagen3.html cuando se pulse sobre img3.jpg;
• imagen4.html cuando se pulse sobre img4.jpg
(no deben visualizarse bordes cuando se inserten los enlaces en las imágenes) 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 COMPUTACION  E  INFORMATICA 
PRACTICA # 1 DE INGENIERIA WEB 
 
                   MINISTERIO DE EDUCACIÓN 

 INSTITUTO SUPERIOR DE  EDUCACION  PÚBLICO                          APELLIDOS Y NOMBRE(S) :  .....………………………………………………………………………………….……… 
              “HONORIO DELGADO ESPINOZA”                                         
                      CAYMA – AREQUIPA                                                        SEMESTRE:            II               TURNO :    …………………………………           FECHA :  07/ 10 / 2011
 
Elabore una página web llamada index.html siguiendo paso a paso las siguientes instrucciones:
1. El título de la web es “práctica HTML Ordinaria”
2. Incluye las etiquetas metas necesarias para especificar el autor de la página (tu
nombre), la descripción de la página (examen de HTML del módulo Ingenieria Web).
3. Esta web contendrá los siguientes marcos que se muestran en la siguiente imagen:
1 2

3
• En todos los marcos no aparecerán las barras de desplazamientos, no mostrarán
bordes y no se podrán mover (cambiar su tamaño).
• El marco nº 1 tendrá una anchura relativa del 18% del tamaño total de la página.
En él se cargará la página miniaturas.html (crear)
• En el marco nº 2 se cargará la página imagen1.html (que se incluye en el
archivo de recursos para la práctica)
• En el marco nº 3 tendrá una altura de 50 pixeles, se cargará la página autor.html
4. Modifica la página miniaturas.html de manera que se incluya una tabla alineada a la
derecha, de altura debe ocupar todo el marco, sin bordes, de manera que en cada
celda incluya cada una de las cuatro imágenes que se encuentran en el directorio de
imágenes (img1.jpg, img2.jpg, img3.jpg, img4.jpg). Las imágenes no mostrarán
bordes y tendrán una anchura de 150px.
5. Inserte enlaces en cada una de las imágenes de miniaturas.html de manera que
carguen en el marco nº2 las páginas:
• imagen1.html cuando se pulse sobre img1.jpg;
• imagen2.html cuando se pulse sobre img2.jpg;
• imagen3.html cuando se pulse sobre img3.jpg;
• imagen4.html cuando se pulse sobre img4.jpg
(no deben visualizarse bordes cuando se inserten los enlaces en las imágenes)