Sesión 2 ¿QUÉ ES UN URL?
URL. Uniforme Resource Locator - Localizador Uniforme de Recursos, es una dirección de
una página Web u otro archivo en Internet. Es el método universal y uniforme de encontrar
información y tener acceso a ella. Cada URL en la Web deberá ser único.
Partes de un URL
La mayoría de URLs tiene más o menos tres partes: el protocolo; el nombre del host (servidor') o
dominio y el directorio o nombre de archivo.
1. El Protocolo es la forma como se tiene acceso a la página. Es el programa que el programa
navegador utilizara para obtener el archivo. El protocolo deberá coincidir con el servidor de
información que debe estar instalado en el sistema para que funcione.
2. El Nombre de Host (Servidor) o Dominio es el sistema de Internet donde esta almacenada
la información. Se podrá tener el mismo nombre de host, pero diferente URL para cada
protocolo. Es el nombre Internet de la computadora que sirve la información.
En el URL, la parte del nombre de host podrá contener el número de puerto, el cual le indica
al programa navegador que abra una conexión del protocolo correspondiente, en un puerto
especifico, que no sea el predeterminado.
3. El Directorio es la ubicación del archivo u otra forma de información en el host. El directorio
y archivo pueden ser reales, o puede ser un indicador que utiliza el protocolo para referirse a
la ubicación de esa información.
El directorio o nombre de archivo podrá incluir una ruta concreta. es decir una secuencia de
uno o más directorios y subdirectorios, separados por una barra inclinada (/).
Partes de un URL
<A HREF="http:/ /[Link]/[Link]">
1 3
PROTOCOLO 2 DIRECTORIO O NOMBRE DE ARCHIVO
NOMBRE DE HOST o DOMINIO
Tipos de URL
1. HTTP, es la forma más conocida de URL en World Wide Web. HTTP que significa Protocolo
de Transferencia de Hipertexto es el protocolo que usan los servidores Web para enviar
paginas HTML a través de la red.
2. FTP anónimo, los URL de FPT se usan para apuntar a archivos en servidores FPT, que por
lo general son de FTP anónimo.
3. FTP no Anónimo, también se pueden especificar URL de FTP para cuentas nombradas en
un servidor FTP.
4. URL de Archivo, están destinados a hacer referencia a archivos en el disco local, es decir
archivos localizados en el mismo sistema que el programa navegador.
5. Mailto, se usa para enviar mensajes de correo electrónico. Si el programa navegador tiene
soporte de URL Mailto, cuando se selecciona el enlace, el programa navegador solicita al
usuario el asunto y el texto del mensaje y, cuando termina, envía el mensaje a la dirección
indicada.
6. Gopher, los URL se adaptan al formato estándar de los URL hasta incluir el nombre del host.
Después de eso, usan un protocolo especial para codificar la ruta hacia el archivo particular.
7. Usenet, los URL de los grupos de noticias Usenet tienen dos formas: la primera (News;
Nombre_del_Grupo) se usa para leer un grupo de noticias completo y la segunda (news:
identificador: del_mensaje) se utiliza para recuperar un artículo especifico.
¿Qué es un Hiperenlace?
Un Hiperenlace (o simplemente Enlace) es un elemento de una página Web que hace que un
programa navegador pueda ir hacia otra página Web, hacia otro recurso o hacia otra área de la
página Web actual, estando ubicado en cualquier lugar del texto.
Para crear un Hiperenlace en HTML se necesita:
1. El nombre (o URL) del archivo con el que se quiere establecer el enlace.
2. El texto que servirá de "punto de activación", es decir, el texto que en el programa
navegador ira resaltado y que los lectores seleccionaran para seguir al enlace.
Pulse aquí (al darle clic nos llevará a un enlace o URL)
TIPOS DE ENLACE
Los enlaces según el destino que tengan se clasifican en tipos, por
ejemplo si queremos hacer un enlace a una página web
[Link], o enlace a una página interna [Link], o un ancla
que se encuentre dentro de la misma página.
Hiperenlaces Externos
Un Hiperenlace Externo es aquel que permite enlazar dos páginas ubicadas en diferentes
servidores. Estas páginas denominadas remotas se encontraran en alguna parte de la Web, en
un sistema diferente al que se está utilizando.
El código HTML para vincular páginas remotas es exactamente el mismo, excepto que en lugar
del nombre del archivo o de ruta se usa el URL de la página en la Web.
Ejemplo: <A HREF=[Link] ir al buscador Yahoo</A>
Uso de la Etiqueta <A>
La etiqueta <A> se utiliza para crear enlaces en las páginas HTML. Se le llama también Etiqueta
de Ancla, ya que se usa para crear anclas en los enlaces, pero el uso más común es para crear
enlaces entre las páginas
Atributos:
1. HREF="U/RL", se utilizara para indicar el destino del enlace. El destino podrá ser el nombre
Sintaxis:
<A HREF="URL" NAME=”Nombre” TARGET="Nombre_Ventana" TITLE="Titulo"
ACCESSKEY=”Tecla" TABINDEX="n"> Texto Explicativo del Enlace </A>
o el URL del archivo ubicado en el mismo servidor, en otro servidor o un punto determinado
de la página actual.
2. NAME="Nombre". Permite asignar a una sección de un documento HTML un nombre de
referencia específico.
3. TARGET=”Nombre_Ventana”. Se utiliza para especificar el nombre de la ventana donde se
desea que aparezca la página enlazada. Se utiliza sobre todos con los marcos.
TARGET="_blank"
Fuerza que el documento referenciado por el enlace sea mostrado en una nueva
ventana del navegador.
TARGET="_self"
Usando este valor el documento enlazado será mostrado en el mismo frame o
ventana donde está el enlace. Este valor es especialmente útil cuando se ha usado
la etiqueta BASE para especificar un frame destino por defecto distinto del actual.
TARGET="_parent"
Este valor provoca que el documento sea mostrado en el FRAMESET padre del
frame actual.
TARGET="_top"
Fuerza a que el enlace sea mostrado usando todo el espacio de la ventana del
navegador destruyendo toda estructura de frames. Este valor debe ser usado siempre
que creemos un enlace a una página externa a nuestro sitio web.
4. TITLE="Titulo", Se utilizara para permitir el ingreso de un título que explique el enlace con
mayor detalle.
5. ACCESSKEY-' Tecla", Se usa para definir una tecla rápida que se utilizara en lugar del Mouse
sobre el enlace.
6. TABINDEX="n", especifica un numero de prioridad para un vínculo, de tal forma que con el
tabulador se seleccione un vínculo antes o después que otro. Mediante este atributo se puede
crear un "orden de tabulación" personalizado que modifique el orden descendente. Se utiliza
preferentemente con Ios formularios.
EJEMPLO DE ENLACES EXTERNOS
Agreguemos listas a los
hiperenlaces.
PRACTICA 2
Crear una carpeta llamada practica2 y grabar dentro de ella el siguiente trabajo
Trabajo 1: Elabora una página Web que contenga los hiperenlaces externos, según se indique
en la figura de arriba, poner como nombre a la página: [Link]
Colocaremos el siguiente código HTML para entenderlo y ponerla en práctica. En este caso
vamos a colocar una lista de enlaces en la página Web. Aprovecharemos para integrar las
etiquetas tipo listas numéricas.
<HTML>
<head></head>
<body bgcolor="white" link="green" vlink="red" alink="yellow">
<font color="black" size="4">
<H1 align="center"> MIS ARTISTAS FAVORISTOS"</H1></A></font>
<HR SIZE="3">
<OL>
<LI> <A HREF="[Link] TITLE="Ir a mi cantante favorito1">
La Página de ALEJANDRO SANZ</a><BR>
<LI> <A HREF="[Link] TITLE="Ir a mi cantante favorito2">La Página de
RICKY MARTIN</a><BR>
<LI> <a href="[Link] title="Ir a mi correo favorito">MI CORREO </a> <BR>
<LI><a href="[Link] title="Ir a Yahoo" target=”_blank”> Buscador de
Yahoo</a><BR>
</OL>
</body> Este atributo permite abrir la página en una pestaña diferente.
</HTML
>
TAREA 2
Realizar una página web, que contenga la lista de personajes de la música y el deporte de
su agrado. Para ello deberá emplear listas de definición, para cada categoría de personajes.
Características
Fuente: “Arial” / color: amarillo
Tamaño: 5
Características
Fuente: “lucida Sans” / color: amarillo / Tamaño: 7
Listas de definición
Cada artista tendrá un enlace, la cual nos llevará a su
página web oficial. Dicho enlace debe abrir en una
pestaña nueva.
Características
Fuente: “Arial” / color: blanco / Tamaño: 4
