Clases De Logica

Menú emergente dreamwear 8
Una de las primeras preguntas de mis alumnos durante las clases de diseño Web es cómo pueden crear un menú emergente. Seguro: a todos nos encantan esos maravillosos listados con decenas de opciones que se despliegan desde un pequeño vínculo o imagen.
¿No sabes de lo que estamos hablando? Pues – si bien no son exactamente lo mismo – el menú de inicio de Windowsfunciona como un menú emergente. Se pulsa sobre el botón y éste se abre mostrando opciones e incluso otros submenús.
Ahora, lo más sorprendente es que mientras mis alumnos creen que elaborar un menú emergente es algo muy complejo (y en cierta forma tienen razón pues se mezcla javascript con DHTML), nosotros no tendremos necesidad de agregar una sola línea de código gracias a Dreamweaver.
Manos a laobra.
1. Los menús emergentes sólo pueden desplegarse desde uno de dos elementos: un vínculo (link) o sobre una imagen. En el primer caso, seleccionaremos el texto correspondiente y luego, en el inspector de propiedades, escribiremos la instrucción "javascript:;" para crear un enlace nulo.
La idea de esto es que el vínculo no lleve a ningún lugar en caso de ser pulsado.
Si optamos por la imagen,la agregaremos desde el menú Insertar > Imagen, dándole un vínculo nulo de la misma manera. Aún más imprescindible será dar un nombre a la imagen, lo que haremos en el campo más arriba y a la izquierda del inspector de propiedades (junto a la previsualización y el peso de la imagen).
El nombre debe ser de una palabra, sin tildes, eñes ni espacios.
2. Haz clic sobre el vínculo o la imagen (noes necesario seleccionarlos) y luego pulsa el botón con signo de cruz desde el panel Comportamientos para abrir el menú (si no lo ves, ábrelo en Ventana > Comportamientos).
Una vez allí, escoge la opción Mostrar menú emergente.
3. Ya abierta la interfaz, tendremos cuatro fichas que llenar:
|
CONTENIDO: Aquí agregaremos el nombre de cada sección (en texto) y el archivo al cual debellevarnos (en vínculo). Por ejemplo, si queremos una sección "Productos" que nos lleve a la página "productos.html", escribiremos ambos datos en los campos correspondientes.
Para agregar o quitar elementos bastará con pulsar los botones más (+) ó menos (-), mientras que las flechas nos permitirán cambiar el orden, o las sangrías (indentación) crear subcategorías.
ASPECTO: Esta es la parte más divertida,pues aquí podremos elegir cómo lucirá nuestro menú. Podemos definir si queremos un menú vertical u horizontal, así como los colores de cada celda, la tipografía o su alineación.

AVANZADO: Sólo en caso de querer hilar fino, esta opción nos permitirá definir dimensiones fijas para el menú (que no dependan necesariamente del tamaño del texto que contienen), así como el color de sus bordes o elespaciado que separa cada celda de sus contenidos.
POSICIÓN: Aunque existen cuatro posiciones generales del menú respecto al elemento que lo genera – texto o imagen – siempre está la posibilidad de especificar una ubicación pixel a pixel usando las coordenadas, donde el eje X representa su posición horizontal mientras Y es la vertical.
4. Una vez definidos todos los parámetros, pulsa Aceptar.Asegúrate que el nombre del comportamiento aparezca en el panel correspondiente y que, antes de él, figure la opción "onMouseOver". Si no es así, pulsa sobre la columna y selecciónala.
Más adelante podrás editar las opciones del menú haciendo doble clic sobre "mostrar menú emergente" en el mismo panel. Eso sí, recuerda subir el archivo "mm_menu.js" que se creó junto con la página.

VLADÍMIR ILICHLENIN
Vladímir Ilich Lenin (en ruso: Владимир Ильич Ленин) (Simbirsk, Rusia, 10 de abriljul./ 22 de abril de 1870greg. – Gorki Léninskiye, 21 de enero de 1924), nacido Vladímir Ilich Uliánov (en ruso: Владимир Ильич Ульянов) y comúnmente conocido como V. I. Lenin, Nikolái Lenin o simplemente Lenin, fue un político ruso, teórico comunista, líder de la facción bolchevique del Partido Obrero...