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: