Tecnología

Inicio

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

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


Cada vez que se hace clic en un enlace y su navegador le lleva a una nueva ubicación dentro de la misma página web, que son testigos de la etiqueta HTML "ancla" en acción. desarrolladores de Dreamweaver utilizan 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 sitio de visita un cuadro de entrada en la parte inferior de la página, mientras que están colocados en la parte superior. Usando la interfaz de modo de diseño visual de Dreamweaver, puede crear una etiqueta de anclaje tales sin tener que escribir ningún código HTML.

Instrucciones

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

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

3 Tipo "Introduzca nombre aquí", a continuación, haga clic en "Insertar". Haga clic en "formulario" para abrir un menú de opciones. Haga clic en "Cuadro de texto". Una ventana emergente se abre que le permite crear un nuevo cuadro de texto. Haga clic en "Aceptar" para agregar el cuadro de texto al formulario junto a las palabras "Enter nombre aquí."

4 Haga clic en el botón "Insertar" de nuevo y haga clic en "Anclaje con nombre" para mostrar la ventana emergente Anclaje con nombre. Tipo "Anchor1" en el cuadro de texto "Nombre del ancla" 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 anclaje para el cuadro de texto.

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

6 Haga clic en "HTML" para mostrar las propiedades de la página HTML. Desplazarse hasta la parte superior de la página, y ponen de relieve las palabras "Ir a la caja." Tipo "# Anchor1" - sin las comillas - en el cuadro de texto "Enlace" que se encuentra en la ventana Propiedades. Esto vincula el texto a la fijación con nombre. Hacer esto convierte el texto en un enlace que apunta a la etiqueta de anclaje situado junto al cuadro de texto.

7 Pulse la tecla "F12". Dreamweaver muestra la página en el navegador predeterminado. El enlace "Ir a la caja". El navegador se desplaza hacia abajo y salta al cuadro de texto.

Consejos y advertencias

  • El nombre de su etiquetas de anclaje lo que quiera. "Anchor1" es el nombre que se utiliza en este ejemplo.
  • Si no ve el marcador de anclaje verde después de añadirlo a su página, haga 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.