¿Qué podemos crear en nuestra página web? (Parte 5)
Edición de la web (parte 5)
Mapas
Los mapas son imágenes que se utilizan para pasar a otra página web. Básicamente funciona como un enlace que se le introduce y al darle click a la imagen se va hacia otra página
Este es un ejemplo de como hacer mapas:
<MAP NAME="mi_mapa">
<AREA SHAPE="RECT" COORDS="46,40,250,75" HREF="mipag2.html">
<AREA SHAPE="RECT" COORDS="46,100,250,135" HREF="mipag3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<CENTER>
<IMG SRC="pulsadr1.gif" USEMAP="#mi_mapa">
</FONT>
</CENTER>
<AREA SHAPE="RECT" COORDS="46,40,250,75" HREF="mipag2.html">
<AREA SHAPE="RECT" COORDS="46,100,250,135" HREF="mipag3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<CENTER>
<IMG SRC="pulsadr1.gif" USEMAP="#mi_mapa">
</FONT>
</CENTER>
Con las etiquetas <MAP> y </MAP> se abre y se cierra el mapa respectivamente.
Las coordenadas se utilizan para cmabiar las dimensiones de la imágenes
La etiqueta HREF se utiliza para añadir el enlace de la página a la que queremos que dirija.
Se puede usar cualquier imagen sin necesidad de edición alguna. Sin embargo, es recomendable editar previamente la imagen que se vaya a usar y añadirle algún tipo de texto que indique cual es su finalidad.
Frames
Frames (en inglés, marcos o cuadros) es un procedimiento del lenguaje HTML para dividir la pantalla en diferentes zonas, o ventanas, que pueden actuar independientemente unas de otras, como si se trataran de páginas diferentes, pues incluso cada una de ellas pueden tener sus propias barras deslizadoras.
Una de sus características más importantes es que pulsando un enlace situado en un frame, se puede cargar en otro frame una página determinada. Esto se utiliza frecuentemente para tener un frame estrecho en la parte lateral (o superior) con un índice del contenido en forma de diferentes enlaces, que, al ser pulsados cargan en la ventana principal las distintas páginas.
Este sería un ejemplo de como quedaría una página en la que añado 3 frames. Cabe resaltar que para crear esta página es necesaria tener otras previamente hechas, ya que lo que se inserta dentro de los espacios divididos por los frames no es lo que escribamos en una página web, sino el contenido de las páginas webs que añadamos, por eso se colocan los enlaces.
<HTML>
<HEAD>
<TITLE> Título </TITLE>
</HEAD>
<FRAMESET ROWS="15%, *">
<FRAME SRC="enlace del documento_fila_superior">
<FRAMESET COLS="20%, *">
<FRAME SRC=" enlace documento_columna_izqda">
<FRAME SRC="enlace documento_columna_dcha">
</FRAMESET>
</FRAMESET>
</HTML>
<HEAD>
<TITLE> Título </TITLE>
</HEAD>
<FRAMESET ROWS="15%, *">
<FRAME SRC="enlace del documento_fila_superior">
<FRAMESET COLS="20%, *">
<FRAME SRC=" enlace documento_columna_izqda">
<FRAME SRC="enlace documento_columna_dcha">
</FRAMESET>
</FRAMESET>
</HTML>
Comentarios
Publicar un comentario