Estilos CSS

Tema 4. Insertar hipervnculos

Un hipervnculo es un enlace que permite acceder de una pgina web a otra, ya sea en un
mismo sitio u otro externo, inclusive pueden crearse sobre la misma pgina, donde se les
denomina anclas.
Cmo crear un hipervnculo
A continuacin se va a crear un hipervnculo entre dos pginas web que estn en el mismo
sitio, para ello se tendr una pgina llamada Deportes y otra llamada Ftbol, diseadas tal y
como se muestran a continuacin:








Para crear el hipervnculo, seleccione el texto, la imagen o el objeto que desee, en este caso
la palabra FTBOL, luego en la opcin Vnculo d clic sobre la carpeta a la derecha, se abre
la ventana de bsqueda, elija el archivo al cual le va a hacer el hipervnculo y presione
Aceptar.





Observe cmo queda configurada la palabra FTBOL, subrayada y con diferente color, lo
que indica que tiene un hipervnculo; en la opcin Vnculo mire que ya est asociada la
pgina a la cual se va a acceder.



Guarde los cambios realizados y pulse la tecla F12 para ver la pgina en el navegador,
detalle cmo queda y d clic sobre la palabra FTBOL.








Automticamente se carga la pgina de FTBOL.

Ahora cre el hipervnculo para volver a la pgina de DEPORTES, retroceda a Adobe
Dreamweaver CS6, abra la pgina de FTBOL, seleccione la palabra Regresar, luego en
Vnculo d clic sobre la carpeta y elija la pgina DEPORTES, que es a la que se quiere
retornar y posteriormente d clic sobre el botn Aceptar.



Analice como queda el hipervnculo y la pgina asociada a l.

Guarde cambios, vuelva al navegador y d clic en la palabra FTBOL.






Note que automticamente carga la pgina de FTBOL pero ya contiene el hipervnculo para
retornar a la pgina anterior, d clic en Regresar.

Se devuelve a la pgina de DEPORTES instantneamente.

Los hipervnculos son fciles de configurar, slo se deben tener creadas con anterioridad
cada una de las pginas a vincular. Como ejercicio prctico, cre las pginas de Patinaje,
Natacin, Tenis y Pesas para que despus pueda configurarle a cada una los hipervnculos
respectivos, adems, stas deben tener el vnculo para regresar a la pgina de DEPORTES.




Cmo crear un hipervnculo a una imagen
Se tienen las siguientes pginas, DEPORTES y NATACIN:



Debe ubicarse en la pgina DEPORTES, luego seleccionar la imagen, en Vnculo dar clic en
la carpeta, escoger la pgina a vincular y dar clic en el botn Aceptar.



Observe que la imagen tiene un recuadro azul, lo que indica que tiene un hipervnculo. En
vnculo ya est la pgina asociada.

En la pgina NATACIN realice el mismo proceso, elija la imagen, en Vnculo d clic en la
carpeta, escoja la pgina a vincular y pulse Aceptar.



Guarde los cambios, vuelva al navegador y mire cmo se muestra la pgina; d clic en la
imagen de NATACIN.

Observe que automticamente lo enva a la pgina de NATACIN, para volver a la pgina de
DEPORTES, d clic en la imagen de Regresar.

De igual forma cre y configure el hipervnculo para la imagen de PATINAJE.


Referencias
Servicio Nacional de Aprendizaje, SENA. (2009). Diseo web con Adobe
Dreamweaver CS3. Colombia: Autor.

Fotolia. (2004). Imgenes de alta definicin para todos sus usos profesionales.
Consultado el 11 de diciembre de 2013 en:
http://co.fotolia.com/?utm_source=Google&utm_medium=cpc&utm_campaign=Fotolia_
CO%20Brand&tmad=c&tmcampid=6&tmplaceref=CO&gclid=CPbuw5KPv7sCFUtp7Ao
dkiMAKg

Control del documento
Nombre Cargo Dependencia Fecha
Autor

Jos Geovanny
Angulo Imbachi
Instructor
Centro de
Teleinformtica y
Produccin
Industrial. Regional
Cauca
Diciembre
de 2013
Guillermo Alexander
Burgos Ibarra
Instructor
Centro de
Teleinformtica y
Produccin
Industrial. Regional
Cauca
Diciembre
de 2013
Adaptacin
Rachman Bustillo
Martnez
Guionista -
Lnea de
Produccin
Centro
Agroindustrial.
Regional Quindo
Diciembre
de 2013
Andrs Felipe
Velandia Espitia
Integracin
de
Contenidos y
Actividades
Centro
Agroindustrial.
Regional Quindo
Diciembre
de 2013