8c. Links al Mundo - Sitios Internet
Hasta ahora ha estado revisando los motores y deseando pegarse con la
Autopista de la InformaciÛn, øverdad?
AquÌ ampliaremos el uso de la etiqueta anchor para crear links a recursos ahÌ fuera, en la red.
Objetivos
DespuÈs de esta lecciÛn ser· capaz de:
- Crear un link a cualquier sitio Internet.
- Copiar r·pidamente la URL de un sitio y usarla en sus documentos HTML.
LecciÛn
Nota: Si no tiene el documento de trabajo de la lecciÛn anterior, b·jese una copia ahora.
HTML para Anchors en la Internet
Enlazar con un sitio de la red combina lo que hemos estado aprendiendo en lecciones anteriores sobre
Links a Ficheros Locales (LecciÛn 8a) con la incorporaciÛn de lo que hemos
aprendido acerca de las URLs (LecciÛn 8b). El formato HTML completo para un
anchor link a un elemento de la red es:
<a href="URL">Texto que Activa el Link</a>
donde URL es el Uniform Resource Locator (la URL) completo, entre comillas,
la direcciÛn del sitio Internet a donde quiere mandar a un internauta.
La cadena de texto Texto que Activa el Link es lo que aparecer· como hipertexto
en su browser subrayado (generalmente, pero no siempre) y en azul.
Cuando alguien haga click en el hipertexto, el browser le llevar· al sitio Internet
indicado por la URL. Recuerde que una URL puede ser un link a otro Web server, Gopher, FTP o cualquier
archivo de texto, gr·fico, sonido o video en alg™n server.
Ahora aÒadiremos un link a un sitio de NASA que tiene informaciÛn referente a los volcanes
del planeta Marte. Siga estas directrices para aÒadir links a su documento HTML:
- Abra su archivo index.htm en el editor de texto.
- Detr·s del encabezado Lugares Volc·nicos en Marte, introduzca el siguiente texto:
<a href="http://bang.lanl.gov/solarsys/mars.htm">
Marte</a> tiene su faz llena de plataformas volc·nicas,
incluyendo el volc·n m·s grande del universo,
<a href="http://bang.lanl.gov/solarsys/raw/mars/olympus.gif">
El Monte Olimpo</a>
Nota: Hemos incluÌdo un link a dos tipos diferentes de informaciÛn. El primer hiperlink
nos conecta a una p·gina web que contiene informaciÛn sobre el propio planeta Marte; el segundo link apunta a una
pequeÒa imagen del volc·n marciano.
- Salve y Actualice en su web Browser.
Un Modo R·pido y F·cil de AÒadir URLs en Etiquetas Anchor
Mientras navega por diferentes p·ginas web, la URL de la p·gina actual puede ser vista en la parte superior
de la ventana del Browser (Probablemente tenga que activar la opciÛn de men™ Ver URLs (Display URLs).
Por ejemplo, en este documento, la URL debiera ser algo asÌ como:
Puede usar el ratÛn para seleccionar (marcar) y copiar la URL del
web Browser y luego pegarla en la etiqueta anchor de su
documento HTML. Esto es mucho m·s eficaz que escribir la URL en un papel
(°algunas son muy largas!)
Ahora aÒadiremos algunos links m·s a otros sitios que listaremos en la secciÛn
Referencias de nuestra lecciÛn sobre Volcanes. Un sitio que podrÌa ofrecer informaciÛn relevante
es el US Geological Survey.
Siga estos pasos:
- Abra su documento HTML index.htm en el editor de texto.
- Bajo el encabezado "Referencias" introduzca:
<ul>
<li> <a href="">Educational Resources from the USGS</a>
</ul>
NOTA: Hemos construÌdo el hiperlink pero necesitamos incluir laURL entre las comillas.
- ConÈctese al US Geological Survey Education Index.
- Desde la p·gina web use el ratÛn para Seleccionar la URL tal y como se muestra en el campo de URLs.
- En el men™ Editar (Edit) elija Copiar (Copy) la URL.
- Ahora, vuelva a su documento HTML index.htm.
- Haga click con el mouse una vez entre las dos comillas insertadas en el paso 2 y Pegue (Paste) el texto copiado en el paso 5. La etiqueta anchor deberÌa parecerse a:
<a href="http://info.er.usgs.gov/education/index.html"> Educational Resources from the USGS</a>
Nota: Recuerde que sÛlo hemos incluÌdo la estructura b·sica de una Lista Desordenada, con cada Ìtem de la lista
siendo un link a un sitio que ofrece informaciÛn acerca de los volcanes. Para repasar las listas vaya a la lecciÛn 6.
Como pr·ctica adicional, explore algunos de estos sitios en Internet con recursos GeolÛgicos y/o sobre Volcanes.
Copie las URLs y construya los links a, por lo menos, dos sitios m·s en su secciÛn de Referencias:
- Sitios con InformaciÛn sobre Volcanes:
-
Alaska Volcano Observatory
* Cascades Volcano Observatory
* Michigan Tech Volcanoes Page
* NASA Earth Observing System (EOS) IDS Volcanology Team
* NASA Facts: Volcanoes and Global Climate Change
* Smithsonian Global Volcanism Program
* Volcano Listserv
* Volcano Watch Newsletter
* JASON Project VI: Island Earth
- Sitios con InformaciÛn sobre Desastres Naturales:
-
Disaster Information *
Emergency Preparedness Information eXchnage (EPIX) *
NGDC Natural Hazards Data
- Sitios con InformaciÛn General sobre GeologÌa:
-
Earth Resources
Observation Systems (EROS) Data Center *
EINet
Galaxy *
Environmental
Internet Catalog *
NASA Observatorium *
Rice
University *
United States Geological Survey *
Whole
Internet Catalog *
WWW
Virtual Library
Compruebe su trabajo
Compare su p·gina web con un ejemplo
de cÛmo deberÌa aparecer dicho documento. Si su
p·gina web page fuera diferente de la del ejemplo o los links no conectaran correctamente
con los sitios remotos, revise en el editor de textos el texto que introdujo.
Note que su lista de referencias puede ser diferente de la del ejemplo.
RevisiÛn
- øQuÈ es la "direcciÛn" de un elemento en Internet?
- øQuÈ pasos d·bamos para crear un link al Sitio Internet de NASA?
- øQuÈ truco us·bamos para incluir una URL en una etiqueta de Anchor?
- Consiga e incluya otros links m·s en su documento hablando con colegas o amigos.
Pr·ctica Independiente
Cree links desde su propia p·gina web a otros sitios que haya descubierto.
A continuaciÛn....
En la prÛxima lecciÛn crear· links que le conecten a diferentes secciones de un documento HTML.
Writing HTML LecciÛn 8c: Links al Mundo - Sitios Internet
©1995, 1996
Maricopa Center for Learning and Instruction (MCLI)
Maricopa County Community College District, Arizona
El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al espaÒol por agma@usa.net
URL: