PUERTO MALDONADO, MADRE DE
UNIVERSIDAD NACIONAL AMAZÓNICA DE MADRE DE DIOS FACULTAD DE ECOTURISMO
CURSO: Co&$a/!84
TEMA:
IPERV6NCULOS4
DOCENTE: N#- .a/#!# Uoa Gaao4
CARRERA PROESIONAL: CONTAILIDAD
CICLO ACAD'MICO: III SEMESTRE
ALUMNO(A): ALUMNO(A): Rossaa L!"#$% Ra&os
CÓDIGO UNIVERSITARIO: 15137015
201
HIPERVÍNCULOS Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links. Normalmente el destino se puede saber mirando la !rr! "e e#$!"o del navegador cuando el ratn esté #ore el hiperv!nculo. "ependiendo de cual sea el "e#$ino , hacer clic en un hiperv!nculo puede hacer que ocurran varias cosas. #i el destino es otra página web, el navegador la cargará $ la mostrará, pero si el destino es un documento de %ord, el navegador nos dará la posibilidad de abrir una sesin de %ord para visuali&arlo o de guardar el archivo. Por lo tanto, podemos usar los hiperv!nculos para conducir a los visitantes de nuestro sitio web por donde queramos. 'demás, si queremos que se pongan en contacto con nosotros, nada me(or que ofrecerles un hiperv!nculo a nuestro correo electrnico.
P!r$e# "el hipervínculo Un enlace cuenta con dos e)tremos, denominados anclas * nautilus+, $ una direccin. l enlace comien&a en el ancla origen $ apunta al ancla destino. #in embargo, el destino se denomina enlace de destino * link target +. l enlace de destino más com-n es un U/, utili&ado en la %orld %ide %eb. Puede invocar a un documento, por e(emplo una página web, a otro recurso, o a una posicin determinada en una página web. ste -ltimo se consigue asignando a un elemento 0T1/ el atributo 2name2 o 2id2 en esa posicin del documento 0T1/. l U/ de la posicin es el U/ de la página con 23atributo name2 a4adido. 5uando los enlaces de destino invocan, además de te)to, elementos multimedia * audio, video, imágenes, etc. +, puede decirse que estamos navegando en un espacio hipermedia, un ámbito de interaccin humana que intensifica la densidad de los mensa(es, dentro de la gama e)haustiva de supuestos funcionales que aporta la ed, como por e(emplo6 comunicacin en tiempo real $ en tiempo diferido, comunicacin de una persona a una persona, de varias a una, de una a varias, de varias a varias, etc. término 2enlace2 a menudo se utili&a para el ancla origen, mientras que al ancla
Co%por$!%ien$o "e lo# enl!ce# en lo# n!ve&!"ore# 'e Un navegador web normalmente muestra un hiperenlace de alguna forma distintiva, por e(emplo en un color, letra o estilo diferente. l comportamiento $ estilo de los enlaces se puede especificar utili&ando lengua(e 5##. l puntero del ratn también puede cambiar a forma de mano para indicar el enlace. n muchos navegadores, los enlaces se muestran en te)to a&ul subra$ado cuando no han sido visitados, $ en te)to p-rpura subra$ado cuando han sido visitados. 5uando el usuario activa el enlace *por e(emplo pinchando sobre él con el ratn+ el navegador mostrará el destino del enlace. #i el destino no es un archivo 0T1/, dependiendo del tipo de archivo $ del navegador $ sus plugins, se puede activar otro programa para abrir el archivo. l cdigo 0T1/ contiene todas las caracter!sticas principales de un enlace6 •
lin( $!r&e$ )URL* *destino+ o *ubicacin+
•
lin( l!el *etiqueta+
•
lin( $i$le *t!tulo+
•
lin( cl!## or lin( i" *clase+
Utili&a el elemento 2a2 de 0T1/ con el atributo 2href2 $ opcionalmente otros atributos como 7title8, 7class8, 7st$le8, 7target8 o 7id86 9a href:2URL2 title:2título del enlace 2 class:2clase del enlace 2;etiqueta del enlace9
•
Un te)to emergente, que desaparece cuando el puntero se vuelve mover *a veces desaparece igualmente pasados unos segundos+. =nternet )plorer $ 1o&illa >irefo) muestran el t!tulo, ?pera muestra también el U/. 'demás, el U/ puede ser mostrado en la barra de estado.
+ipo# "e hipervínculo#, )isten varios tipos de hiperv!nculos. @amos a ver los más usados.
Hipervínculo "e $e-$o. Un hiperv!nculo de te)to es un enlace que se encuentra asociado a un te)to, de forma que si hacemos clic sobre ese te)to, navegamos dnde indique el hiperv!nculo. Por defecto, cuando creamos un hiperv!nculo de te)to, el te)to aparece subra$ado $ en un color distinto al del te)to normal, de forma que el visitante sepa que e)iste ese enlace. #i volvemos a la página después de visitar el enlace, este aparecerá con otro tono también. 'unque es interesante diferenciar el hiperenlace, es posible que no queramos que apare&ca as!.
Hipervínculo "e i%!&en. Un hiperv!nculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dnde indique el hiperv!nculo. Por defecto cuando creamos un hiperv!nculo de imagen, la imagen aparece rodeada de un borde con un color llamativo para que el visitante sepa que e)iste ese enlace. Por otra parte, los hiperv!nculos pueden referirse a páginas del mismo siti o web o de otros sitios web.
Hipervínculo loc!l o in$erno. Un hiperv!nculo local o interno es un v!nculo a una página que se encuentra en el mismo sitio web *sitio local+. 's!, para referirnos a ella tan solo basta con poner la ruta o direccin en el disco duro. #i se encuentra en la misma carpeta, basta con poner su nombre. Por e(emplo, supongamos que tenemos un v!nculo desde esta página a otra llamada curso que está en la carpeta access . l v!nculo ser!a6 access
Hipervínculo e-$erno . Un hiperv!nculo e)terno es un v!nculo a otro sitio web en =nternet *sitio e)terno+. s un v!nculo a cualquier otro lugar fuera del sitio actual. 5uando ponemos un v!nculo e)terno, escribimos la direccin completa de la página incluido http6<
Hipervínculo ! un! "irecci/n "e correo elec$r/nico. Un hiperv!nculo a una direccin de correo electrnico es un v!nculo que contiene una direccin de correo. 'l pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa direccin de correo. )isten diferentes clases de rutas de acceso a la hora de definir los v!nculos.
Re0erenci! !#olu$!. 5onduce a una ubicacin e)terna al sitio en el que se encuentra el archivo. /a ubicacin es en =nternet, es decir toda la url identificativa del archivo en la red. /os hiperv!nculos e)ternos siempre deben tener una referencia absoluta. Por e(emplo6 2http6<
Re0erenci! rel!$iv! )!l #i$io o !l "ocu%en$o*. /a referencia relativa al sitio conduce a un archivo situado dentro del mismo sitio que el documento actual partiendo del directorio rai& $ al documento conduce a un archivo situado dentro del mismo sitio que el archivo actual, pero partiendo del directorio en el que se encuentra el actual. #e emplea más por ser menos engorrosa la relativa al documento. Pero ha$ que tener mu$ presente la estructura del sitio en carpetas $ subcarpetas $ los niveles de organi&acin de los archivos6 (emplo6 *al documento+6 2 ..
Re0erenci! ! un! p!r$e "e un "ocu%en$o. 5onduce a un punto dentro de un documento, $a sea dentro del actual o de otro diferente. Primero debemos definir un punto de fi(acin, !ncl!1e o %!rc!"or . l punto se define dentro de
un documento con el cursor en el lugar e)acto a través del men- =nsertar , opcin 'ncla(e con nombre *"%+ o 1arcador *>P+. "espués colocar el v!nculo62 3nombreBancla(e2 *misma página+ 2 nombreBdocumento3nombreBancla(e2 *distinta página+. Por e(emplo6 =r al principio de página
De#$ino "el enl!ce 5uando creamos un v!nculo, por defecto el navegador abrirá la página web destino en la misma ventana, pero podemos pedirle al navegador que la abra aparte. sto es -til por e(emplo si queremos abrir una página e)terna a nuestro sitio pero sin que el visitante pierda la nuestra.
)D2* l destino del enlace puede variar dependiendo de los marcos de que disponga el documento actual. "icho destino determina en qué ventana va a ser abierta la página vinculada. Puede especificarse en el inspector de propiedades a través de De#$, o en la ventana que aparece a través del menIn#er$!r , opcin Hipervínculo .
3l!n(. 'bre el documento vinculado en una ventana nueva del navegador. 3p!ren$. 'bre el documento vinculado en la ventana del marco que contiene el v!nculo o en el con(unto de marcos padre.
3#el0. s la opcin predeterminada o por defecto. 'bre el documento vinculado en el mismo marco o ventana que el v!nculo.
3$op. 'bre el documento vinculado en la ventana completa del navegador. )4P* Para hacerlo, al crear el hiperv!nculo, hacemos clic en el botn M!rco "e "e#$ino,,, del cuadro de diálogo =nsertar hiperv!nculo.#i queremos que todos los hiperv!nculos de la página actual sean de un determinado tipo, seleccionamos el tipo $ hacemos clic en stablecer como valor predeterminado de página. n la siguiente ventana elegimos6
V!lor pre". No usar marcos. s el valor por defecto. El %i#%o %!rco. si queremos usar la propia ventana. Nuev! ven$!n!. si queremos usar una nueva ventana. Co%pro!ci/n "e vínculo# ro$o# )D2* /os @!nculos rotos son v!nculos que no siguen una ruta válida, o que enla&an a archivo que no e)iste. /a e)istencia de estos v!nculos en nuestras páginas no es nada recomendable, $a que no permite navegar correctamente a los usuarios por nuestro sitio, se producen errores. Para comprobar si nuestro sitio tiene @!nculos rotos ha$ que abrir el Veri0ic!"or "e vínculo#. *'rchivo ; 5omprobar página ; 5omprobar v!nculos+. #e puede elegir *ver+ entre v!nculos rotos, e)ternos $ archivos huérfanos. 5on
el botn , se ofrece la posibilidad de elegir dnde se comprobarán los v!nculos, en el documento actual, en todo el sitio , o en los archivos del sitio seleccionados previamente. /os @!nculos rotos son los v!nculos que no siguen una ruta válida, o que enla&an a archivo que no e)iste. /os @!nculos e)ternos son los v!nculos a documentos que se encuentran fuera del sitio, pero que no necesariamente deben ser v!nculos errneos. No comprueba si estos v!nculos son correctos o no, simplemente los enumera. /os 'rchivos huérfanos son aquellos documentos del sitio que no están siendo vinculados por otros, a la ve& que tampoco contienen v!nculos a otros documentos CD. Podemos rep!r!r lo# vínculo# ro$o# de dos formas. Una de ellas es pulsando dos veces sobre el nombre del documento que aparece la lista de archivos del panel. "e este modo, dicho documento se abre. ntonces es posible buscar dentro del documento el v!nculo errneo $ modificarlo a través del =nspector de propiedades. /a otra forma es pulsando sobre el v!nculo roto, en lugar de sobre el nombre del archivo. n este caso es posible modificar directamente el nombre del documento en el panel, o buscarlo a través del icono con forma de carpeta que aparecerá a su derecha.
)4P* Podemos lan&ar la barra de =nformes *@er ; Earra herramientas ; =nforme+ "esde all! podemos elegir entre el esumen global del sitio o los es-menes parciales de6 'rchivos *todos, agregados recientemente, modificados recientemente, antiguos+ Problemas *archivos no vinculados o huérfanos, páginas lentas, hiperv!nculos rotos, errores+ ?tras funciones de servidor. "e todos ellos nos interesan los hiperv!nculos rotos. 'l activarlo >P nos pedirá permiso para comprobar los v!nculos tanto internos como e)ternos *para estos deberemos tener cone)in a =nternet activa+. /a comprobacin es mu$ completa, supera a la "reamweaver $ al final tendremos un informe complet!simo de los v!nculos correctos $ rotos. 'l pinchar en el v!nculos *referencia relativa al sitio+ tenemos la posibilidad de modificarlo en todas las páginas en que aparece a en alguna concreta.