Cómo vincular a un cuadro de la página en Dreamweaver CS5

Dar a los usuarios la posibilidad de hacer clic a cualquier parte de la página Web.

 

DREAMWEAVER

Cada vez que hace clic en un enlace y su navegador le lleva a una nueva ubicación dentro de la misma página web, son testigos de la etiqueta "ancla" HTML en acción. Desarrolladores de Dreamweaver utiliza etiquetas de anclaje para dar a los usuarios la capacidad de saltar a diferentes ubicaciones dentro de una página rápidamente. Por ejemplo, es posible que desee mostrar un visitante del sitio un cuadro de entrada en la parte inferior de la página, mientras que se colocan en la parte superior. Usando el modo de interfaz de diseño visual de Dreamweaver, puede crear este tipo de etiqueta de ancla sin tener que escribir ningún código HTML.

 

Inicie Dreamweaver y haga clic en el botón "HTML" para crear un nuevo documento de una página Web. Haga clic en la pestaña "Diseño" en la parte superior de la interfaz de usuario. Dreamweaver entra en el modo de diseño.

 

Tipo "Ir a Box" en el documento. Haga clic en el siguiente espacio que el texto para colocar el cursor allí. Mantenga presionada la tecla "Enter" para que Dreamweaver añade alrededor de 40 líneas en blanco debajo del texto que escribió.

 

Escriba "Introduzca nombre aquí", luego haga clic en "Insertar". Haga clic en "Forma" para abrir un menú de opciones. Haga clic en "Cuadro de texto". Una ventana pop-up que se abre le permite crear un nuevo cuadro de texto. Haga clic en "Aceptar" para agregar el cuadro de texto al formulario junto a las palabras "Introducir nombre aquí."

 

Haga clic en el botón "Insertar" de nuevo y haga clic en "Anclaje con nombre" para mostrar el ancla ventana emergente con nombre. Tipo "anchor1" en el "Nombre Anchor" cuadro de texto que aparece, a continuación, haga clic en "Aceptar". Un marcador de anclaje aparece junto al cuadro de texto. Este marcador sirve como una etiqueta de ancla para el cuadro de texto.

 

Haga clic en el botón "ventana" para ver el menú desplegable. Busque "Propiedades". Haga clic en ese elemento de menú para colocar una marca de verificación junto a él si no existe. La ventana Propiedades se abre en la parte inferior de Dreamweaver.

 

Haga clic en "Copiar", para mostrar las propiedades HTML de la página. Desplácese hasta la parte superior de la página, y poner de relieve las palabras "Ir a la caja." Escriba "# anchor1" - sin las comillas - en el cuadro de texto "Link" que se encuentra en la ventana de Propiedades. Esto vincula el texto al anclaje con nombre. Hacer esto convierte el texto en un enlace que apunta a la etiqueta de anclaje situado junto al cuadro de texto.

 

Presione "F12". Dreamweaver muestra la página en el navegador predeterminado. El "Ir a Box" enlace. El explorador se desplaza hacia abajo y salta a la caja de texto.

 

Consejos y advertencias

Nombre de su anclaje etiquetas lo que quieras. "Anchor1" es el nombre que se utiliza en este ejemplo.

 

Si usted no ve el marcador de anclaje verde después de añadir a su página, haz clic en "Ver" y luego haga clic en "Ayudas Visuales". Haga clic en "Elementos invisibles" para hacer que el marcador de anclaje visible.

 

No puede incluir espacios en el nombre cuando se escribe un nombre para el anclaje con nombre en el cuadro.