Xara Men Maker

Diseo del men

Creamos un nuevo proyecto

Inicio

El primer paso seria crear un nuevo proyecto

Elegir el tipo de men

Estamos en diseo
Pagina No. 3

Tipo del Men Anodisedpill

Elegir el tipo de letra

Estamos en Texto

Solo nos interesa el tipo de letra y el tamao

Tipo de letra Verdana Size 8.1

Mens

Estamos en Mens

Doble click para ingresar un nombre

Antes de dar color y Tamao es recomendable crear las opciones con las que contara el men

Nuevo Elemento

Agrega un nuevo elemento al men.

Submens

Desplegar para incluir submen

Agregar todas las opciones del men con sus respetivos submens (No incluir la URL Aun)

Color
Elegir la opcin Advanded Estamos en Color

n n

Una vez ingresadas las opciones del men y submens debemos Continuar con el color (Ver la tabla siguiente)

Tabla de colores
Nombre Panel Text (Off) Border (Off) Text (Over) Border (Over) Men Men Text Men (Over) Men Text (Over) R 51 255 255 255 255 0 255 51 0 G 153 255 255 255 255 0 255 153 0 B 255 255 255 255 255 102 255 255 0

Tamao del men

Estamos en Size

Seleccionar la opcin Manually set all button widths El valor debe ser de 191 aprox.

Width = 765 Height = 28

Direcciones URL

Estamos en Mens En este caso solo se har referencia a la pagina de Historia.html

Una vez concluido lo anterior continuamos con el llenado de las direcciones URL

En este caso esta ser mi carpeta Raz

Direcciones URL
Mi men y sus imgenes estarn aqu

Esta ser mi pagina principal

Este caso es en particular; los nombres de las carpetas y de los archivos pueden o devn variar segn sea el caso

Haremos referencia al archivo Historia

n n n n n n

..\ Este comando nos permite regresar una carpeta a la ves ..\..\ regresa dos carpetas y as sucesivamente de tal forma que: Si mi men esta en la carpeta Menu1 al colocar el comando ..\ Podr acceder a cualquier elemento que se encuentre una carpeta ms arriba en este caso seria la carpeta Plantilla Para acceder ahora al archivo Historia.html que esta dentro de la carpeta Historia coloco \Historia para acceder ahora a la carpeta Historia En seguida el nombre del archivo al que quiero hacer referencia en esta caso Historia.html Finalmente la Direccin quedara: ..\Historia\Historia.htm (la extensin .html no me mostraba la pagina pueden probar para ver si les funciona) Recuerden que en DreamWeaver la diagonal se invierte en lugar de esta \ se pone /

Direcciones URL

Estamos en Mens

As quedara la direccin creada anteriormente

n n n

Nota: Debemos usar ..\ tantas veces como se necesario hasta lograr situarnos en nuestra carpeta raz. \ Enseguida acceder a tantas carpetas como sea necesario para lograr situarnos en la carpeta que contiene el archivo al que queremos referirnos Por ultimo colocar el nombre del archivo que se desee Ejemplo: ..\..\uno\dos\tres\ Te_Encontre.htm

Guardar proyecto
Crear un nuevo proyecto

Elegir el formato deseado

Estamos en Save Click para Guardar

Se puede crear un nuevo proyecto o dejar el que viene por default

Guardar proyecto
Elegir la carpeta deseada. (En este caso la carpeta se llama Menu1)

Estamos en Save

Click Para Guardar

La carpeta Menu1 debi haber sido creada con anterioridad

Dreamweaver

Integrar el men a la pagina principal (En este caso Plantilla.hmtl)

n n n n

Finalmente el cdigo para insertar el men en la pagina Plantilla.hmtl seria el que sigue: <td><script src="Menu1/xaramenu.js"></script><script menumaker src="Menu1/xaramenu_.js"></script></td> Recuerden que hay que cambiar todas las rutas que comiencen con src = Cambiar lo que esta entre comillas de acuerdo a los nombres que ustedes utilicen En el caso de las URL se tomaba como referencia la carpeta Menu1 y de all se proceda a crear la direccin, en este caso se debe tomar en cuenta la carpeta de la pagina en la que se este trabajando en este caso la carpeta Plantilla es por eso que para acceder al men solo se debe Ingresar a la carpeta Menu1 y enseguida el nombre del objeto al que se desea referirse.

Esta es la lnea que debemos editar en cada uno de nuestros archivos

Dreamweaver