11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Unidad 5. Hiperenlaces (I)Pág 5.1Vamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son un <strong>el</strong>ementoesencial para cualquier página web.IntroducciónUn hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva <strong>de</strong> unapágina o archivo a otra página o archivo.Es posible asignar un vínculo a un texto, a una imagen, o a parte <strong>de</strong> una imagen.Tipos <strong>de</strong> enlacesExisten diferentes clases <strong>de</strong> rutas <strong>de</strong> acceso a la hora <strong>de</strong> <strong>de</strong>finir los vínculos.Referencia absoluta:Conduce al sitio en <strong>el</strong> que se encuentra <strong>el</strong> documento utilizando la ruta completa d<strong>el</strong> archivo.La ubicación es en Internet, por ejemplo, http://www.aulaclic.com, ohttp://www.misitio.com/pagina/pagina1.html.Referencia r<strong>el</strong>ativa al documento:Conduce a un documento situado <strong>de</strong>ntro d<strong>el</strong> mismo sitio que <strong>el</strong> documento actual, pero partiendod<strong>el</strong> directorio en <strong>el</strong> que se encuentra <strong>el</strong> documento actual.Si queremos referinos a carpetas que están por encima d<strong>el</strong> niv<strong>el</strong> don<strong>de</strong> nos encontramos<strong>de</strong>beremos utilizar ../Por ejemplo, imagina que estamos en la siguiente direcciónhttp://www.misitio.com/pagina/informacion/in<strong>de</strong>x.html. En esta página queremos mostrar unaimagen que se encuentra en la carpeta http://www.misitio.com/pagina/secciones/seccion1.html,¿cómo po<strong>de</strong>mos hacerlo? Fácil. Deberemos llamarla haciendo referencia al niv<strong>el</strong> superior(http://www.misito.com/pagina/) para po<strong>de</strong>r ir luego a la carpeta secciones.El resultado <strong>de</strong> la ruta sería <strong>el</strong> siguiente: ../secciones/seccion1.html.De esta forma, mientras nos encontramos en la carpeta informacion, subimos un niv<strong>el</strong> y luegonos movemos <strong>de</strong>ntro <strong>de</strong> la carpeta secciones para mostrar <strong>el</strong> archivo seccion1.html.Referencia r<strong>el</strong>ativa al sitio:Conduce a un documento situado <strong>de</strong>ntro d<strong>el</strong> mismo sitio que <strong>el</strong> documento actual.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!