Ako spraviť web s dynamickým menu?

Dobrý deň,

Volám sa Patrik, som začiatočník v HTML/CSS, zatiaľ som robil len jednoduché vecičky ako layout, backround, vertikálne menu, horizontálne menu a pod. Avšak momentálne stojím pred touto výzvou, chcel by som Vás poprosiť či náhodou niekto nemá skúsenosti s takýmto dynamickým menu https://corona-renderer.com/doc/
Aby som to skrátil, moja idea je urobiť takýto manuál s presne takýmto menu, avšak na iný typ rendereru, chcem aby toto dynamické menu bolo v ľavo, a následne po kliknutí na akýkolvek parameter-hypertext prvok (kde sa zadávajú napr. hodnoty) by som chcel aby sa na pravej strane objavil potrebný obsah, kde by som chcel mať obsah textového typu, možno nejaké médiá, uvažoval som nad 3D flash panoramatickou aplikáciou. Pre vizuálnu predstavu mám na mysli niečo takéto:



0. backround (fixné rozlíšenie)
1. Pravý element: Render settings
2. V prípade že by bolo textu viac alebo otvorené väčšie množstvo render settings rollouts. (Posúvač hore-dole, ospravdlňujem sa, ale neviem presné pomenovanie)
3. Ľavý element, ktorý sa bude meniť na základe aktívne označeného prvku (č. 6)
4. Text v obsahu
5. médiá slúžiace ako prostriedok pre vizualizáciu nejakej teórie, ktorá sa nachádza v texte. Napríklad, video, obrázok, prípadne 3D flash panorama, čiže spravím render scény a poskladám obrázky do panoramy. a rád by som tam nejako vložil tento element
6. Aktívne označený prvok "hyperlink", na základne kliknutia sa zobrazí potrebný obsah



Vopred ďakujem za všetky reakcie, prípadne rady ako by som mohol začať, ktorý software použiť, prípadne po akej literatúre siahnuť. A ešte raz sa ospravdlňujem za neodborné vyjadrovanie. Vzhľadom nato, že tento projekt je pre mňa fatálne dôležitý, za cenné rady a usmernenie sa dokážem odmeniť.

S Pozdravom Patrik

1. nie je to menu, skôr nejaký druh konfigurátora. Pod menu chápem navigáciu.
2. softvér? Ten, čo používaš na písanie stránok.
3. len sa budeš musieť naučiť niečo o dynamických stránkach - ak neovládaš dobre CSS, tak doučiť aj to a hlavne sa naučiť javascript.

to menu nie je menu ako pisal shaggy ale accordeon alebo collapse. mala ukazka ako sa to da urobit http://getbootstrap.com/javascript/#collapse (to nevravim, ze mas pouzit bootstrap, to len ako ukazka ako to funguje a ze kod vobec nieje zlozity). nie je to nic ine ako divy ktore sa po kliknuti pomocou JS otvoria zatvoria.

to co chces dosiahnut s tou webkou, nie je nic zlozite, staci ovladat css, a na generovanie obsahu JS. ale to vsetko je velmi obsirne, musis na tom robit ty. my ti tu mozme pomoct s konkretnym problemom, nie to za teba robit. takze urcite zacni html+css a ked to bude zobrazovat ako ma, tak doplnis funkcionalitu v JS.

ale kedze pises ze je to pre teba fatalne dolezite, mozno by bolo lepsie si to dat niekomu spravit, kto sa na tom nebude ucit, ale bude vediet co robi.

software: su tu o tom temy - nic viac netreba ako textovy editor (notepad++, pspad, sublimetext, bbedit, coda...) a prehliadac (odporucam firefox s pluginom firebug).

dzim palce

Cez jQuery to spravíš bez nejakých veľkých znalostí JavaScriptu. Napíš do googlu len "jQuery collapse".

Pokiaľ vieš po anglicky, tak doporučujem navštíviť codecademy.com a spraviť si pár rýchlokurzov, určite sa potom skôr zorientuješ.

layer, ťažko on bude riešiť jquery, keď zatiaľ poriadne neovláda ani css a html... To sa treba proste len naučiť alebo to dať niekomu urobiť. Ale takto na fóre mu to nikto vypracúvať zadarmo nebude.