Subtitles of the Movie

ÿþ [00:00:00.0] Menúes abiertos son aquellos que son desplegados en un buscador en respuesta a un puntero moviéndose o dando clic en un objeto web activado, [00:00:09.0] como en el caso de un recorte o hotspot. [00:00:11.0] Los Ítems del menú desplegable pueden tener vínculos URL anexos a ellos para navegación. [00:00:15.0] Por ejemplo, puede usar menús abiertos para organizar varias opciones de navegación relacionadas con un botón en una nav bar. [00:00:24.0] Puede crear submenús y menús desplegables para varios niveles . [00:00:29.0] Cada ítem del menú desplegable aparece como un HTML o celda imagen la cual tiene un upstate, overstate state y texto en ambos estados. [00:00:39.0] Para previsualizar un menú desplegable debe presionar F12 en un explorador. [00:00:45.0] Las imágenes previas de Fireworks MX workspace no muestran menús desplegables. [00:00:51.0] En este ejemplo, vamos a crear un menú desplegable simple. [00:00:55.0] Lo primero que necesitamos hacer es crear hotspots o recortes sobre el área donde el menú abierto será activado. [00:01:03.0] Continúo y dibujo un hotspot sobre estos recortes. Ahora que he enlazado nuestra herramienta hotspot [00:01:16.0] voy a remover el recorte que fue utilizado en la película previa. [00:01:20.0] Enseguida, necesito seleccionar un recorte o un hotspot, luego voy a modificar desde el menú principal [00:01:30.0] y escojo Pop-up menu, Add Pop-Up . Aparece entonces el editor del menú desplegable . [00:01:37.0] Lo primero que vemos son las múltiples etiquetas del editor. [00:01:43.0] Content desplegará las opciones que determinan la estructura básica de menú, [00:01:49.0] así como el texto, el vínculo URL y el objetivo para cada ítem del menú. [00:01:54.0] Appearance contiene opciones que determinan la apariencia de cada celda del menú up-state, [00:02:01.0] over-state, así como los menús de orientación vertical y horizontal. [00:02:06.0] La etiqueta Advanced contiene opciones que determinan las dimensiones de la celda, el relleno, el espacio, el ancho de borde de celda [00:02:13.0] y color; retraso de menú y sangría de texto. [00:02:17.0] Y finalmente, Position contiene opciones que determinan la ubicación del menú y submenú. [00:02:24.0] Dependiendo del diseño del menú desplegable, usted puede no usar todas las etiquetas u opciones en el editor de menú desplegable. [00:02:32.0] Puede editar configuraciones en cualquier etiqueta en cualquier momento, [00:02:35.0] pero debe adicionar al menos un ítem de menú en la etiqueta de contenido para crear un menú que pueda previsualizar en el explorador. [00:02:42.0] Continuemos y adicionemos un ítem de menú para About Us. Para hacerlo, selecciono el menú de la tecla + . [00:02:51.0] Aquí podemos digitar, después de dar doble clic, acerca de nuestro personal. Pondré un vínculo: staff.asp. [00:03:06.0] Si quisiera, podría escoger cualquiera de las URL's en nuestra librería URL. [00:03:11.0] También, si lo deseo, puedo seleccionar un objetivo. [00:03:20.0] Vamos a adiconar otro. [00:03:24.0] OK.Veamos la apariencia. Ahora mismo, Fireworks muestra una representación visual de cómo luciría nuestro menú. [00:03:43.0] Aquí podemos hacer algunos cambios. [00:03:45.0] Quiero cambiar el color de texto a negro, hacerlo un poco más reteñido. [00:03:49.0] El over-state, permite cambiarle el color a amarillo y veremos cómo luce. [00:03:54.0] Se ve muy bien. [00:03:56.0] Cambiémoslo a color azul, OK. [00:03:59.0] También, ajustaré la orientación al centro. [00:04:03.0] En nuestro tabulador avanzado, podemos cambiar el ancho de la celda, el alto, el relleno, etc. [00:04:10.0] Me gustan las configuraciones por defecto que ya tenemos. [00:04:13.0] Puedo escoger mostrar bordes o removerlos. [00:04:16.0] Aplicaré negro a los bordes. [00:04:20.0] Podemos escoger la posición. Selecciono la configuración ajuste por defecto ; veamos cómo luce. [00:04:27.0] Voy a seleccionar Done.. [00:04:29.0] Y ahora, movemos el ratón en esta sección, podemos ver que la estructura de menú aparecerá justo aquí. [00:04:34.0] Podemos continuar agregando menús desplegables a cada una de las elecciones que tenemos en nuestra estructura de menú. [00:04:41.0] Sigamos y veamos cómo luce; voy a buscar el explorador. . [00:04:46.0] Cuando muevo el ratón sobre "About Us", observe que aparece el menú desplegable. [00:04:52.0] Idealmente debí probablemente haber bajado el menú desplegable un poco más, [00:04:59.0] de modo que no bloquee la estructura de menú existente. [00:05:02.0] Podemos modificarlo si lo requerimos. [00:05:05.0] Voy a seleccionar "About Us" otra vez, Modify Pop-up Menu > Edit Pop Up. [00:05:16.0] Ahí está nuestra apariencia, avanzada y posicionada. Voy a seguir y selecciono esta opción. [00:05:26.0] De hecho, la haré un poco mejor. Diré 24 pixeles  OK, selecciono Done. [00:05:34.0] Voy a seleccionar F12 de nuevo,busco al explorador , y vemos cómo se ve nuestro menú desplegable ahora. [00:05:41.0] Es considerablemente mejor. [00:05:42.0] Ahora, nuestro menú desplegable aparece exactamente donde queremos. Podemos continuar adicionando menús desplegables adicionales, o submenús, según nuestras necesidades. [00:05:52.0]