|
El primer paso que tenemos que dar es desarrollar mentalmente
un esquema del menú que queremos realizar, o mejor, sobre papel.
Nosotros nos hemos decantado por hacer un menú principal compuesto
por 5 partes en posición horizontal, para lo cual crearemos una
tabla con 5 celdas y les daremos a cada una de ellas un determinado el
tamaño de píxel, en nuestro caso 100px - 20px. A continuación
haremos clic en el icono de capa y dibujaremos una en cualquier lado,
seguidamente arrastraremos el símbolo de capa (que determina el
lugar donde el programa introducirá la línea de código
HTML, que por defecto creará dentro de la etiqueta "Body")
dentro una de las celdas de la tabla que hemos generado y a continuación
modificaremos en la ventana propiedades, los campos "Iz" (izquierda)
y "Sup" (superior) dejándolos en blanco, al hacer esto
el programa engancha la capa en la esquina superior izquierda del recipiente
en el que se encuentra, en este caso, la celda en la que hemos introducido
la capa. Después daremos un valor a los campos de "An"
(ancho) y "Al" (alto) En el ejemplo que estamos creando serán
100px y 20px respectivamente, este paso lo tenemos que repetir para cada
una de las 5 celdas (en nuestro caso), de las que se compone nuestro menú principal.
Una vez terminado con este paso procederemos a crear otras
capas dentro de las que ya hemos establecido, a estas capas tendremos
que darles unos valores de tamaño dependiendo de las distintas
partes que queramos introducir dependientes de cada menú (nosotros
daremos 100px - 80px en el primer desplegable, 100px - 140px en el segundo,
100px - 100px en el tercero, 100px - 80px en el cuarto y 100px - 140px
en el quinto). Para colocar una capa dentro de otra podemos hacerlo: 1º,
arrastrando como hemos hecho anteriormente esta nueva capa dentro de la
anterior, o 2º, presionando la tecla F2 nos aparecerá la ventana
"capas" donde podremos ver un esquema de las capas que tenemos
en nuestra web, cogiendo una de las capas que aparecen y arrastrándola
encima de otra mientras que presionamos la tecla "ctrl", introduciremos
la capa arrastrada dentro de la que hayamos seleccionado.
Estas subcapas que hemos creado, que dependen de las principales,
por defecto tienen la propiedad "default" que deja la capa visible
en todo momento y nos viene bien para trabajar, pero antes de darles un
comportamiento a estas, cuando tengamos terminado por completo la estructura
de nuestro menú, deberemos cambiar este tributo "default"
de las capas secundarias (las que se encuentran dentro de las 5 capas
principales) por "hidden", que las hace invisibles, dándonos
la posibilidad de trabajar con los comportamientos haciéndolas
aparecer y desaparecer a nuestro gusto.
|