Tecnología

Inicio

Cómo crear un menú en Dreamweaver 8

Cómo crear un menú en Dreamweaver 8


menús de Dreamweaver proporcionan enlaces de navegación a páginas en su sitio u otras direcciones URL en Internet. Puede crear menús de varias maneras en Dreamweaver. Dos de los métodos más fáciles y más comunes incluyen la colocación de enlaces de texto en celdas de la tabla en la parte superior, lateral o inferior de su página Web, y crear mapas de imágenes con varios "calientes", regiones seleccionables de la misma imagen.

Instrucciones

Creación de un menú de texto

1 Abra el archivo de Dreamweaver en la que desea crear un menú.

2 Coloque el cursor en la página en la que desea insertar un menú. Haga clic en "Insertar" en la barra de menús y luego elegir la opción "Tabla". Esto abre el cuadro de diálogo Tabla. Utilice la opción "Filas" y "Columnas" campos para definir el número de células para su menú. Es necesario una celda para cada elemento del menú. Por ejemplo, si se necesitan cinco elementos de menú en una fila en la parte superior de su página Web, escriba "1" en el campo Filas y "5" en el campo Columnas.

3 Ajuste el ancho de la tabla en el campo "Ancho de la mesa". Por ejemplo, si su menú tendrá una duración de la parte superior o inferior de la página, hacer que el ancho de tabla del mismo tamaño en píxeles como su página. (Usted puede encontrar el ancho de la página haciendo clic en "Modificar" en la barra de menús y, a continuación, elegir "documento" para abrir el cuadro de diálogo Propiedades del documento. Ancho de píxel de la página está en el campo "Ancho".) Si desea que su menú para tienen bordes, establezca un peso frontera en el campo "grosor del borde".

4 Ajuste el relleno de las celdas (espacio entre los contenidos de la celda y el borde de la celda de la tabla) y espaciado de las celdas (espacio entre cada célula). Haga clic en Aceptar."

5 Escribe las entradas del menú en cada celda (haga clic en la celda y comience a escribir). Por ejemplo, podría escribir "Inicio", "Servicios", "Contacto", y así sucesivamente, una entrada por cada célula. Para centrar el texto en las celdas, seleccione todas las celdas, y luego haga clic en el "Horiz" desplegable en el panel "Propiedades" y seleccione "Center".

6 Seleccione el primer elemento del menú. Ir al panel "Propiedades" y escriba la dirección URL de destino en el campo "Enlace". Repita este paso para cada entrada del menú.

Creación de un menú con un mapa de imagen

7 Crear una barra de menú en el software de edición de imágenes. Debe incluir un botón para cada una de las entradas del menú, como "Inicio", "Servicios", y así sucesivamente. Guardarlo como un archivo JPEG (.jpg) en las imágenes de subdirectorio de la raíz del sitio Web.

8 Abra la página de Dreamweaver en la que desea crear un menú.

9 Coloque el cursor en la página en la que desea insertar el menú. Haga clic en "Insertar" en la barra de menú y luego seleccione "Imagen". Navegue hasta el archivo de imagen barra de menú, seleccionarlo y, a continuación, seleccione "OK". Seleccione la imagen en la página. Vaya al panel Propiedades y el nombre del mapa en el campo "Mapa". Por ejemplo, el nombre de "menu_bar."

10 Haga clic en el botón de rectángulo (el icono de rectángulo) debajo del campo de mapa. Dibujar un rectángulo alrededor del primer elemento de menú en la imagen. Esto crea un punto caliente se puede hacer clic en la imagen. Vaya al panel Propiedades y escriba la dirección URL de destino en el campo "Enlace". Escriba el texto alternativo (el texto que ve el usuario cuando él o ella pasa el ratón sobre el punto caliente) en el campo "Alt". Para el enlace "Inicio", por ejemplo, podría escribir "Ir a nuestra página inicial."

11 Repita el paso 4 para cada entrada del menú.

Consejos y advertencias

  • También puede colocar botones gráficos, en lugar de texto, en su mesa. Para hacer que los botones se puede hacer clic, seleccionar el botón y escriba la dirección URL de destino en el campo Vínculo del panel Propiedades.
  • Estos procedimientos funcionan en todas las versiones de Dreamweaver.