High Quality
Open the downloaded document, and select print from the file menu (PDF reader required).
Colegio
San
Agustín
PRÁCTICAS
CON
HTML
Y
Nvu
1
PRÁCTICA Nº 4. Páginas que forman la web
Hasta ahora solo hemos creado una página web, con sus diferentes zonas. En laestructura creada, la zona de la izquierda nos servirá de “menú”, de forma que cuandopinchemos en cada uno de los elementos del menú, en la zona central se muestre elcontenido correspondiente a esa opción.Para que la zona de la izquierda sea un verdadero menú, tenemos que hacer 2cosas:
PASO 1.
Hacer que el texto sea un hiperenlace a la páginacorrespondiente
, es decir, que al pinchar sobre esa palabra, se abra en elnavegador otra página web creada por nosotros y alojada en el mismoservidor. Para ello, seleccionamos el texto que queremos que seahiperenlace, por ejemplo
preparativos
. Pinchamos en el botón enlace oejecutamos
insertar
→
enlace
y rellenamos en la pantalla que nos sale lapágina que queremos que se abra (en este caso
preparativos.html,
que aúnno hemos creado pero que lo haremos en el paso 2). Por defecto, losenlaces aparecen subrayados. Lo realizamos de la misma manera para elresto de opciones del menú (es importante recordar cómo llamamos alas páginas que queremos que se abran porque son las que tenemos quecrear el siguiente paso).
Colegio
San
Agustín
PRÁCTICAS
CON
HTML
Y
Nvu
2
También vamos a crear un enlace a la página principal,
salou.html
. Lohacemos en el texto que hay arriba (“viaje de estudios a Salou. Curso2009/10). Es decir, seleccionamos el texto e insertamos un hiperenlace.La página de destino es salou.html.PASO 2.
Crear las páginas correspondientes a cada una de las opcionesdel menú.
Es decir, tenemos que crear la página preparativos.html,miércoles.html, jueves.html, etc (los nombres que hemos utilizadoantes). Para ello, en vez de crearlas una por una, lo más fácil es crearcopias de salou.html y cambiarles el nombre.Una vez creadas,
las editamos
con Nvu en modo normal (abrimosprimer Nvu le hacemos
archivo
→
abrir,
seleccionando cada una de las páginasanteriores) de tal forma que en la celda central de la tabla, en la parte superiorponemos el título correspondiente de cada página (para queel texto quede en esa posición hay queeditar laspropiedades,
botón derecho
→
propiedades de celda detabla
, de la celda e indicar en “alineación del contenido”vertical: superior, horizontal: centrada):
Add a Comment