Hola, queria iniciar esta discusion sobre tecnicas de desarrollo de menus desplegables en paginas web, existen muchas formas pero siempre hay inconvenientes, o al menos yo he encontrado inconvenientes.
Una de las formas mas usadas para lograr menus desplegables en a traves de dhtml y javascript, el problema aqui es que DHTML es interpretado diferente por cada plataforma y navegador, y en Mac por ejemplo existen demasiados problemas.
Otra forma es usando solo Javascript, Fireworks MX incluso permite crear menus de manera facil, vean un ejemplo que hice en www.actualsoluciones.com/carpe , desafortunadamente no se vee igual en todos los navegadores.
Una forma de lograr que se vean los menus iguales en todos los navegadores seria usando flash, las posibilidades son muchisimas y se pueden lograr muchos efectos, por ejemplo vean www.apoyogerencial.com , el problemilla esta en que gran parte de la pagina debe ser flash para permitir que los menus se desplieguen.
Yo estaria contento si podria tener solo una franja de flash (los menus sin desplegar) y que cuando se desplieguen lo hagan sobre el HTML estandar, he visto algunos sites que ponen Flash SOBRE la pagina html, creo que usan layers dhtml y alli insertan el flash.
Que ideas o sugerencias con respecto al uso de menus desplegables (que muchisimos clientes piden) en paginas web y usando tecnicas compatibles entre multiples plataformas?
Saludos!
Menus desplegables en paginas web
Hola Alexis, pues un tema muy interesante el que has abierto, actualmente hay 2 maneras mas usadas de hacer menús desplegables.
:?: [b:fe1103440e]Una es con Flash[/b:fe1103440e], pero esto involucra que tienes que hacer toda la page en flash o sacrificar el espacio que necesita el menú para desplegarse aunque se puede jugar con transparencias o layers pero sacrificando compatibilidad con los browser mas usados.
:idea: [b:fe1103440e]La otra forma es usando DHTML[/b:fe1103440e], y como es sabido este tipo de menús si no tienen un problema tienen otro, pero ha estas alturas existen algunos Scripts que están logrando estandarizarlo con la mayoría de browsers y plataformas como es el coolmenu de [url=http://www.dhtmlcentral.com]DHTMLcentral[/url], para mi uno de los mejores que existen, Thomas (su autor) lo tiene siempre actualizado y con muy buena documentación, en el siguiente URL puedes ver el nivel de compatibilidad logrado hasta ahora:
[url]http://dhtmlcentral.com/projects/coolmenus/browser.asp?m=36[/url]
y de paso te dejo la bitácora de un amigo donde el DHTML habla español (como el mismo la describe) con muy buenos posts acerca de estas tecnologías.
[url]http://kusor.net/[/url]
La otra forma que mencionas, utilizando Fireworks creo que no merece ni que la analicemos :?
Bueno esperemos mas comentarios.
LA MEJOR FORMA ES HACERLO MANUALMENTE
PERSONALISANDO TU DISEÑO USANDO PROGRAMAS COM PHOTOSHOP O FIREWORKS SOLO LOS JPG Y GIF.. PARA HACER TUS BOTONES DE MENUS EN LOS ESTADOS 1 Y 2 , :roll: LUEGO TRASLADARLOS AL DREAMWEAVER Y INSERTARLE LOS COMPORTAMIENTOS REQUERIDOS PARA QUE FUNCIONES COMO MENUS!! USANDO CAPAS O TABLES QUE DA LO MISMO!! CLARO SI QUIERES SOLUCIONARTE LAS COSAS BAJAS SCRIPTS O PROGRAMAS TALES COMO LOS HAY EN xara.COM O en sOTHINK.COM ECHENLE UNA MIRADA!!! LO UNICO QUE SON sHAREwARE!!! ;)
salud2
Menus desplegables en paginas web
Bueno, pero volviendo al problema de la compatibilidad, he encontrado un menu DHTML basado en CSS , que al parecer es compatible con la mayoria de OS y browsers. Dicho script se encuentra en el siguiente URL:
:arrow: [url]http://www.gazingus.org/dhtml/?id=109[/url]
Menus dsplegables
un gran problema de los menus desplegables (sobre todo los hechos con firewoks) es que cuando trabajas con frames a veces muchos no aparecen en el frame contiguo, vaya problema aunque hay algunos que si superan este problema..... :x
CODIFO, CODIGO, CODIGO....
MENOS CHARLA, MENOS LINKS
YA PEZ PUBLIQUEN SU CODIGO FAVORITO PARA HTML, PARA MIS GUSTO EL FLASHSCRIP, EFECTOS LOQUISIMOS
bueno hay muchos links
bueno eso yo tambien estube buscando y encontre muchos como dicen hay de todo tipo , dhtml , javascript, flash, etc pero siempre creo hay un problema para cada uno bueno hasta hora no entiendo eso y bueno ya lo paso los links que econtre
viva flash
Mmm todos los metodos de html una definicion de javascript de etiqueta para imágenes, de alli se eivoca a la funcion Swapimage y listo , asi se intercala en la definicion de imágenes que forman tu menu colocandoles como parte de sus atributos de tamaño y nombre de imagen la propiedad inmouseover, de alli se pueden armar codigos mas complejos que reutilizen una rutina de intercambio de imágenes.
Ahora la cosa en flash es diferent pues los conceptos se parecen mas a la programacion multimedia y no se limitan a espacios cuadrados sino que logran que efectos de aparicion des de cualquier angulo, los sites de las marcas mas conocidas ya usan flash esta en plena boga, el usar html para definir menu es ejercicio de principiantes, recomineod embuirse mas en flash para este tema.
La otra opcion simple en html es definir sectores en una imagen estatica que no requiere mas que saber usar el mouse
Menus desplegables en paginas web
8O para gustos y colores .... :roll:
aqui van los links
bueno graciela por la explicacion solo una cosa nomegusta bueno si enetendi bien entonces solo hayque utilizar el menu enflash y si no sabes y para los que no deseen esa alternativa y ademas pienso que aveces no es bueno abusar de flash, pero si es bacan no hay duda, solo me refiero debe haber otrasvarias alternativas.
bueno aqui algunos links ojala que le pueda servir de algo y lo bueno todo gratis
bueno aqui estas son parecidos y te explican como insertarlo entu codigo
me gusta el primero aunque son iguales unoque otros diferente pero interesantes de todo tipo de. menu, esto estan en javascript
http://www.supercable.es/~arivas1/m...odigo/menus.htm
http://www.mundojavascript.com/menues/
bueno y aqui programas que talvez mucho lo tienen, pero talvez vale la pena verlos y en el primero que me gusta mas hay menu desplegable loco estan en el sector de javscript, claro primero tienen que descargarlo,
ww.anfyteam.com
www.webtutorial.com
y aquiuno de dhtml
http://www.mundojavascript.com/menues/
y programas para construir menus hay varios
emenutrre: menu arblo
dhtml menu builder
sft think menu (no me recuerdo bien elnombre lo busco para la otra)
y esta que todavi no lo encuentro y se lo encuentran porfavor mepasan la voz
sothlink o algo asi creo que se llama un programa que hace menus es super facil de usar lo encuentras en el www.softonic.com
y uno mas tambien es buena y lo recomiendo tambien la page todo gratis de un pata locazo de españa
www.gratisweb.com/canomazo
aqui buscar enla seccion de progrmas gratis de webmaster APMENU sellama muy buena tedanya los codigos estancomprimidos en win rar
y tambien enplatillas de swish hay un menu locaso
y tambien hay dos menus mas malditos en flash
y creo que hay mas ya se los paso voy a ver donde los deje,
bueno espero que lo sirva de algo o si no tambien bacan, lo importante que debe haber alternativas para todo los gusto y siempre va a aver a cada tipo de menu algo en contra.
hasta la vista y que la fuerza lo acompañe
html la madre de la telaraña
Menus en Flash
El gran problema de crear menus desplegables en flash es que tienes que crear toda la pagina en flash, porque si lo insertas como una aplicacion en una pagina que normalmente trabaja en HTML (paginas que trabajan con mucha información, sea cual rubro fuere, portales, etc) como desde dreamweaver, vas a tener el obvio problema de no visualizar lo desplegado si es que no cubre el amplio espacio requerido. O de lo contrario adaptar tu menu a una zona lo suficientemente amplia para poder observar el menu desplegado en HTMl, lo cual puede llevarte mas de un dolor de cabeza...
Chaufa 8)
flashasha
Me parece exagerado calificar de problema el que toda la pagina o parte de ella se desarrolle en flash, pero en fin me imagino que los fanaticos del php,asp o html no estaran de acuerdo, las otras opciones ocmo decia son los conocidos metodos de jvscript, algunos codigos sirven pero al final no tienen gran atractivo, no he visto un solo caso real donde uno de estos me guste. El caso de sunat creo que es feisimo su menu en jvscrpt y peor aun el de otras instituciones donde los elementos gif pesan tanto que se demoran un siglo en bajar, por eso si el tema del menu va a ser atractivo mejor dejarselo a un diseñador grafico de flash
bueno haya lertnativas para todos
bueno en primer lugar no estoy encontra de flash inclusive estoy por aprender el flash sobre todo para lso efectos y animaciones y por otra parte los menus de java o dhtml si son buenas alternativas , aqui lo dejo un programa que es bueno para hacer menu segun www.desarrolloweb.com, compatibles con varios navegadores tambien de alli se lopuedes descargar
SOFTHIK DHTML MENU
a proposito un pagina con un menu de flash que sea bacan
anfi
Lo malo de los recurso free como anfy es que no son free sino que tienes su publie embebida, ademas los que usan java estan perdidos pues es too lento.
bueno en esa parte tienes razon
pero solo lo decia como unalaternativa , pero aveces uno lo usa , y el softhink es bueno para los menu ya temando los links hecho con el softhik
codigo abierto
me gustan las herramientas de codigo abierto si no es asi prefiero editar yo mismo
bueno man eres un tigre
bueno primero a que te refires con codigo abierto como linux, pero respecto a menu como se refiere eso,
bueno man aqui te dejo la dirccion que es un webmaster de chimbote y esto lo hizo en un dia nomas creo y el me paso el softhink y aporpositos es un loco linux,
bueno man esta bacan la page y creo ademas estos programas son buenos para los que recien empieza por decir como uno, para que vaya entrando en honda y que ya uno poco a poco ir aprendiendo y conociendo nuevas cosas, asi suscedio commigo que enpeze a la justa con html ahora ya estoy conociendo nuevos programas que te lo hacen mejor y que antes ni lo habia escuchado ,por decir php y msql flash , bueno un montos y uno se cuenta que con eso se hce mejores la s cosas bueno uno va aprendiendo y evolucionando pooco a poco y dispuesto a escuchara todos.
http://es.geocities.com/corpusiuris00/index.html
ortografia
me gusto amusica y la presentacion e flash
por otro lado el menu es convencional y como tu dices no esta mal para una clase.
es curioso pero todo web que visito tiene faltas de ortografias ...y eso que este es de futuros abogados.
te recomiendo la web del us airforce
http://www.airforce.com/index_fr.htm
bueno man
bueno la verdad no me fije la pagina y es de unos patas de chimbote yo estoy en huaraz queda en la misma region ancash, bueno ahora voy a verlo y el pata que lo hizo ademas lo hizo en un toque nomas creo , bueno lo que te pase mas que todo para que veas el diseño la ortografia se puede superar, peor si es importante eso ni vuelta que darle, pero me gusta la web que te mande proque es sincello ya ademas para uno como principiante es mejor empezar de a poco a poco , pero el pata si es un lobo alo menos en linux , aqui te mando su pagina es el webmaster de esta pagina www.udech.com.pe haber si me das tu apreciacion
y aproposito tu pagina dime tu lo hicistes felictaciones , bueno , el color como que el color es muy fuerte y no se peor en si esta de la pm , bueno una simple apreciacion de novato
bueno hasta la vista man
que la fuerza te acompañe
Menus desplegables en paginas web
Usar Flash o Javascript para la navegación de una página es una gran falta de accesibilidad, y un grave error. A pesar que se ve "bonito" hay un ligero problema, no es semántico, por lo tanto los lectores de pantalla no podrán leerlo, y la accesibilidad como tal se va por el caño.
Entonces, ¿Cuál es la solución? Usar una navegación con marcado estándar y semántico, luego convertir esa lista de enlaces a un menú desplegable con millones de efectos y colores con CSS.
[list:3666f0d868][*:3666f0d868][url=http://www.alistapart.com/articles/dropdowns]Suckerfish Dropdowns[/url]
[*:3666f0d868][url=http://www.alistapart.com/articles/hybrid/]Hybrid CSS Dropdowns[/url]
[*:3666f0d868][url=http://www.alistapart.com/articles/horizdropdowns/]Drop-Down Menus, Horizontal Style[/url][/list:u:3666f0d868]
Menus desplegables en paginas web
Hola, al leer el título de esta discusión lo primero que pensé fue, "oh no, otra vez un tema buscando soluciones solo para IE o poco estándares", estaba con la idea de sugerir los artículos de A List Apart pero veo con agrado que Neo se me adelantó: Suckerfish Dropdowns es un excelente método, accesible, trabaja con estándares web y será el usaré en el próximo rediseño de uno de mis sitios.
Saludos.
Menus desplegables en paginas web
Bueno, como no soy un experto en javascript, empeze a buscar opciones para los menus (o se escribe menues :? ) y lo mejorcito es el sothink, perooo es de pago y ademas me entraron dudas cuando escuche la charla de Elias de su tienda virtual, del hecho que colocar javascript no ayuda en nada al posicionamiento de la pagina en los buscadores, que google odia el javascript, y aun mas dudas con la respuesta de Neo, entonces nuestra unica alternativa para accesibilidad y posicionamiento es css??, a veces los clientes quieren que sus menus hagan cosas que no se "podrian" hacer con css.
Menus desplegables en paginas web
Hola, en realidad discrepo con lo que dijo Elías sobre Javascript ocasionando problemas con el posicionamiento en los buscadores, es un tema para otra discusión enfocada en SEO.
Sobre los menús desplegables (yo también tenía la duda sobre el plural y según leí lo [url=http://forum.wordreference.com/showthread.php?t=1027]correcto es menús[/url], es bueno tener estas inquietudes) como bien mencionó NeoJP te sugiero usar [url=http://www.alistapart.com/articles/dropdowns/]Suckerfish Dropdowns[/url].
Otra opción interesante es la de [url=http://www.brainjar.com/dhtml/menubar/]Brainjar[/url], que tiene otros muy buenos artículos, especialmente sobre DOM, en su sitio.
Lo intertesante de usar estas técnicas, Brainjar usa CSS, Javascript y DOM, Suckerfish sólo CSS, es que conocerás realmente lo que tu código hace y podrás extenderlo, y aprender interesantes técnicas cuando estés en ello.
Aplicaciones como Sothink, que te pueden sacar del apuro, generan a veces código innecesario y muy complejo, pues deben adaptarse a muchas funciones.
Es posible hacer mucho con XHTML, DOM, CSS y Javascript, cada vez el soporte para estándares es mayor en los principales navegadores del mercado y creo que es algo que debemos aprovechar.
A veces tendremos casos en que sea necesario diseñar versiones simples de un sitio web si contamos con navegadores antiguos o con pobre soporte de estándares en nuestra audiencia pero es posible hacerlo detectando modelos de objetos y eventos en Javascript y otras opciones como comentarios condicionales IE. No estoy de acuerdo con el uso de CSS hacks y por eso no los menciono pero en algún momento podrías ser una alternativa.
Saludos.
En el caso de crear un menu
En el caso de crear un menu utilizando las Suckerfish Dropdowns (mediante css) surge un problema si debajo del mismo insertamos un flash, ya que los submenus se cortan por la imagen flash.
Alguien conoce alguna manera de solucionarlo? Gracias...
Muy bueno el articulo.
Alternativa Problema Con Flash Bajo Menús
Creo que el problema sólo sucede con Internet Explorer, aunque no estoy del todo seguro.
Flash permite definir modo transparente para el contenido. En publish settings selecciona Transparent Windowless.
Más información en esta página de Macromedia (en inglés).
Saludos.
Alexis Bellido - Ventanazul web solutions
Problema con Flash Bajo Menus
Gracias alexis... en realidad esto pasa tanto para IE como para Firefox que son al menos los dos navegadores con los que lo probe.... pero ayer investigando un poco en la web encontre en un foro (god save foros!!!) la solucion
Basta con insertar el parametro en el object : " param name=wmode value="true" "
y en el tag embed wmode="transparent" y funciona.
Hola gonzalezanali, creo que
Hola gonzalezanali, creo que lo estas haciendo mal, Primero, el wmode=transparent sirve para eliminar el fondo de la pelicuca (El SWF), aunque no es muy recomendable, ya que requiere mas recursos del CPU, es una buena opcion para juntar los fondos y esas cosas que tengas en el HTML, lo que puedes hacer es usar wmode=opaque, para el caso que mencionan de la posicion de los menus en la parte de arriba, algo asi tendrias que generar:
Para el object (IE y otros)
param name="wmode" value="opaque"
Para el Embed (Mozilla, netscape entre otros)
embed wmode="opaque" .....
Lo mismo puedes poner para el fondo transparente claro... "wmode=true" creo que no existe y no se si funcionaria bien en otros navegadores, bueno cualquier cosa estamos por aqui :D
Salu2
Erik
porroa.com/erik
El flash es la solución final
Yo no sé flash, pero si hago menús con un programita llamado Koolmoves, bien, pero tengo que aprender porque es la solución final, en cuanto a diseño y efectos, es lo mejor. Nada le puede ganar.
No estoy de acuerdo, prefiero CSS
CSS para mi gusto es mas sencillo que javascript aunque creo que si se combina CSS con AJAX sadría muy muy elegante. Un menú desplegable con AJAX que me gusta es el que muestra www.dattatec.com
Creo que usando etiquetas UL - LI -UL se puede obtener un bonito menú desplegable personalizable.
CixHco Web Business
www.cixhco.com