Con la finalidad de enlazar documentos con diferentes ubicaciones, crearemos
hipervÃnculos entre carpetas de una página en internet, según las reglas oficiales del lenguaje HTML.
Algunos creadores de proyectos para la internet
tienen desorganizados los documentos del mismo, debido al desconocimiento de la
instrucción para enlazarlos, por ende, al momento de ubicar uno en especÃfico se
toman largos tiempos. Debido a ello, implementaremos la etiqueta a para unir documentos en diferentes
carpetas de forma fácil y ordenada.
Cuando se crean páginas web con grandes volúmenes de
información, como por ejemplo, una red social de uso masivo o una empresa de
consumo a nivel mundial, es necesario desarrollar varios documentos HTML y
organizarlos en carpetas para una posterior ubicación con facilidad.
061-01_1004_ilu01. Interacciones de una página web
En la ilustración vimos un ejemplo
de las interacciones en una página web, donde
es posible organizar la información de usuarios particulares en una carpeta,
usuarios de la empresa en otra y asà sucesivamente, para acceder con mayor
rapidez a la información necesitada.
El procedimiento a seguir es:
- Creamos
una carpeta con el nombre proyecto.
- Agregamos
dentro de ella dos carpetas más, con nombres diferentes cada una.
- Agregamos
en una carpeta el documento HTML llamado principal.
- Definimos
en la otra el documento HTML llamado artÃculos.
061-01_1004_ilu02. Creación de carpetas y documentos
Al crear hipervÃnculos entre
carpetas es indispensable conocer la ruta de los archivos, es decir, la
ubicación exacta dentro del equipo. Para conocerla, ubicados en la carpeta de artÃculos, visualizamos cómo en la barra
superior de la ventana muestra la ubicación del archivo, la cual copiamos para
evitar errores.
061-01_1004_ilu03. Ubicación de la dirección de las carpetas
Ahora bien, para crear los enlaces
entre carpetas:
- Definimos
una estructura básica HTML en el documento llamado principal.
- Agregamos
el enlace con la etiqueta a.
- Especificamos
en el atributo href la ruta seguida
por el navegador, para ubicar el documento en la computadora con artÃculos al final.
- Creamos la
estructura básica de HTML en el documento artÃculos.
061-01_1004_ilu04. Creación de enlaces entre carpetas
Al ejecutar el documento principal,
vemos el enlace hacia al documento artÃculos,
el cual al presionarlo muestra el documento creado previamente artÃculos. Es asà como se agregan
enlaces hacia adelante entre carpetas diferentes.
061-01_1004_ilu05. Prueba del enlace creado
Para agregar enlaces entre
carpetas hacia atrás, a fin de volver a la página principal, en el atributo href:
- Agregamos
dos puntos, para ir hacia atrás.
- Especificamos
el nombre de la carpeta inicio, donde
se encuentra el documento HTML.
- Definimos el
nombre de documento, principal.
061-01_1004_ilu06. Ejemplo de enlaces hacia atrás
Keynotes
- Cuando se crean páginas web con grandes volúmenes de información, como por ejemplo, una red
social de uso masivo o una empresa de consumo a nivel mundial, es necesario
desarrollar varios documentos HTML y organizarlos en carpetas para una
posterior ubicación con facilidad.
- Al crear hipervÃnculos entre carpetas es
indispensable conocer la ruta de los archivos, es decir, la ubicación exacta
dentro del equipo.
- Para agregar enlaces entre carpetas hacia
atrás, a fin de volver a la página principal, en el atributo href: Agregamos dos puntos, para ir
hacia atrás. Especificamos el nombre de la carpeta inicio, donde se encuentra el documento HTML. Definimos el nombre
de documento, principal.
MisiónA fin de enlaza correctamente documentos de un
proyecto para internet con diferentes ubicaciones, crea hipervÃnculos entre dos
carpetas, según las reglas oficiales
del lenguaje HTML.
Pasos a seguir:
- Ubica el estándar oficial
de HTML y lee las especificaciones de la etiqueta a.
- Crea dos carpetas con
documentos HTML en cada uno.
- Agrega enlaces hacia atrás
y hacia adelante entre ambas carpetas.
- Comparte tu código con un
experto mediante vKontact y anota sus
sugerencias.
Sabrás que has tenido éxito cuando los enlaces sean
ejecutados correctamente en el navegador web
de preferencia.
Modifica tu código según las recomendaciones del
experto, comparte ambos en tu vPages y
pide a tus compañeros sugerencias para optimizar los pasos.
Tiempo disponible: 3 horas.
CierreA través de la creación de hipervÃnculos entre carpetas de una página web, según las reglas oficiales del lenguaje HTML, organizamos los
documentos del proyecto en diferentes carpetas y accederemos a ellos con
facilidad, a través de la etiqueta a, independientemente
de su ubicación. Con orden y precisión enlazaremos correctamente documentos con
extensión HTML.
