ACABANDO NUESTRA PÁGINA DE HTML(6)
Bienvenidos a todos de nuevo.
En la clase de hoy, hablaremos sobre más etiquetas para perfeccionar nuestra página web. Probablemente, este sea el último post que escribiré acerca de etiquetas de HTML. Si queréis profundizar más en este tema, pasaos por mi anterior entrada, en la que dejé un enlace a un manual muy completo sobre el tema.
Sin más dilación, comenzamos...
MAPAS
Los mapas de imágenes nos permiten crear un conjunto de enlaces dentro de una imagen o bien enlazar una parte en concreto de una imagen.
<MAP NAME="nombredelmapa">: se usa para darle nombre al mapa.
<AREA SHAPE="RECT" COORDS="0,0,0,0" : se usa para delimitar la zona que contendrá un determinado enlace. Las coordenadas (en pixels), indican el punto exacto en el que que encuentran la esquina superior derecha e izquierda.
HREF="enlace.html">: completa a la etiqueta anterior. Se usa para poner el enlace al que dirigirá esa zona que habíamos delimitado.
<IMG SRC="imagen. jpg": se usa para indicar la imagen que contendrá los enlaces. Es decir, la imagen que será el mapa.
USEMAP="#mi_mapa">: completa a la etiqueta anterior. Sirve para que la foto que habíamos puesto antes sea identificada como mapa.
Un ejemplo de un mapa:
<MAP NAME="mi_mapa">
<AREA SHAPE="RECT" COORDS="0,0,405,269" HREF="file:///D:/MIWEB/INDEX2.html">
<AREA SHAPE="RECT" COORDS="0,269,405,539" HREF="file:///D:/MIWEB/INDEX3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<IMG SRC="Edit2.jpg" USEMAP="#mi_mapa">
FRAMES
Los frames (marcos o cuadros) permiten dividir la ventana en varias más pequeñas, de modo que en cada una de ellas se carga una página html distinta.
Las etiquetas usadas son las siguientes:
<FRAMESET>: se usa para declarar los frames, su etiqueta de cierre correspondiente es </FRAMESET>.
ROWS (filas): define el número de los frames horinzontalmente.
COLS (columnas): se usa para dividir los frames de forma vertical.
Para indicar el tamaño de cada frame, hay varias formas. La que yo considero más sencilla es la siguiente:
ROWS/ COLS =x%,y% dos filas/columnas que ocupan el x% y el y% del espacio respectivamente.
FRAME SRC="frames.htm": cargan las página indicadas en el frame correspondiente.
Aquí podéis ver un ejemplo práctico de una página con frames:
<HTML>
<HEAD>
<TITLE>COMIDA TÍPICA</TITLE>
</HEAD>
<FRAMESET ROWS="15%, *">
<FRAME SRC="file:///D:/MIWEB/INDEX5.html">
<FRAMESET COLS="20%, *">
<FRAME SRC="file:///D:/MIWEB/INDEXM.html">
<FRAME SRC="file:///D:/MIWEB/INDEX4.HTML">
</FRAMESET>
</FRAMESET>
</HTML>
Recordad que debéis tener varias páginas (al menos dos) para que el uso de los frames tenga sentido. Cada uno de los enlaces cargará una de las páginas que formarán un conjunto en la página html que contenga los frames. Eso sí, aunque se muestren como un "todo", cada una de las páginas que están enlazadas se comportan de forma independiente.
Con esto terminamos por hoy. Espero que hayáis aprendido.
Hasta la próxima
Comentarios
Publicar un comentario