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.

A 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.

A 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.