Envíar un reglao


PRÁCTICA No. 10

CREACIÓN DE VÍNCULOS (ANCLAS)

Objetivos.

El estudiante aprenderá a manejar los enlaces en sus páginas Web, lo que le permitirá poder acceder a información que se encuentra en el mismo documento o en otros documentos.


Antecedentes.

El estudiante deberá haber visto en clase que son los hipervínculos en Internet y la forma de utilizarlos con las etiquetas dellenguaje HTML.


Descripción del Problema.

Los estudiantes del grupo de informática están realizando una investigación sobre las páginas Web, su estructura y como funcionan. Ellos piensan poner esta información en la Red para todos aquellos estudiantes que se interesen en el tema y deseen conocer algo de ello.


Solución del Problema.

Los estudiantes saben que cuando la información es muyamplia los usuarios no leen toda la información que hay en ella, alguno si lo hacen pero otros solo les interesa la información que buscan. Pensando en esto deciden que su página se divida en varias secciones, para que el usuario solo vea la que le interesa. Ponen en una lista toda la información importante de su página, de tal forma que el usuario al consultarla lo haga con un clic del ratón.Procederemos a explicar alguno elementos nuevos que se manejan en la práctica.

Para la elaboración de esta práctica se usa un enlace conocido como ancla y este se lleva a cabo utilizando la etiqueta
...

Para crear un ancla se utiliza el atributo:

NAME = “nombre-del-ancla”

Y para hacer referencia a ella se usa el atributo:

REF. = “#nombre-del-ancla”

Las anclas son invisibles ensu documento, hasta que se sigue el vínculo que señala hacia ellas.

En el texto se crean varias anclas y un ejemplo de ello es:

Pagina Web

Donde:
“num1” es el nombre del ancla.

Pagina Web: es el texto que aparecerá en la parte superior de la pantalla cuando el ancla sea llamada.

Para señalar hacia un ancla en un vínculo se hace utilizando la etiqueta , pero con otro atributo quees:

HREF = “#nombre-del-ancla” o nombre del página que contiene el ancla#nombre-del-ancla”

E aquí algunos ejemplos.

Página Web

Donde:
“#num1” es el vínculo para el ancla y
Página Web: Es el texto que aparecerá resaltado con un color y subrayado.

Este ejemplo es cuando el ancla se encuentra en la misma página.

Cuando el ancla se encuentra en una página diferente se usa de otraforma que veremos en otro ejemplo.

Supongamos que el ancla se encuentra en una página llamada Web.html
La sintaxis será

Página Web

como se puede apreciar primero se pone el nombre de la página donde se encuentra el ancla, después se pone el signo de # seguido del nombre del ancla.

Nota: el signo de # debes colocarlo en las dos formas, si no lo haces así no funcionará tu ancla.Captura el documento del anexo 1
Guárdalo con el nombre pagina web.html

Cuando termines captura el documento del anexo 2

Guárdalo con el nombre direcciones.html

ANEXO 1

Anclas

La supercarretera de la información Internet
Funcionamiento de las páginas Web

Página Web
Website
La página principal
Cómo funciona la Web
Cliente-servidor
El hipertexto en las páginas WebDirecciones en la web


Pagina Web



Una página Web es un documento electrónico escrito en un lenguaje de computadora llamado HTML, o Hypertext Markup Language (lenguaje de marcación de hipertexto). Cada página Web tiene una dirección única, llamada URL, o (localizador uniforme de recursos), que identifica su localización en la Red.RegresarLos Website
Un website (sitio Web) tiene una o más páginas relacionadas con él, dependiendo de cómo esté diseñado. Las páginas de un sitio Web están enlazadas entre sí a través de un sistema de hyperlinks, (hiperenlaces, hipervínculos o simplmente vínculos), para que usted pueda moverse a través de ellos al colocar el puntero del ratón encima de este y hacer clic sobre el enlace. En la...