Dreamweaver e bën të lehtë krijimin e menutë e drop-down për web faqen tuaj. Por, si të gjitha format e HTML, ato mund të jenë paksa të ndërlikuara. Ky tutorial do të ecë nëpër hapat për të krijuar një menu drop-down në Dreamweaver.
Menuja për kërcime Dreamweaver
Dreamweaver 8 gjithashtu siguron një magjistar për të krijuar një meny kërcejnë për navigim në web faqen tuaj. Ndryshe nga menutë bazë të drop-down, kjo menyje do të bëjë diçka kur të mbaroni. Ju nuk do të keni për të shkruar ndonjë JavaScript ose CGIs për të marrë formën tuaj drop-down për të punuar. Ky tutorial gjithashtu shpjegon se si të përdorë magjistarin Dreamweaver 8 për të krijuar një meny kërcejnë.
01 nga 20
Së pari Krijo Formularin
Shënim i Rëndësishëm në lidhje me Format HTML dhe Dreamweaver:
Përveç magjistarëve të veçantë si menyja e kërcimit, Dreamweaver nuk ju ndihmon të bëni "punë" të formave HTML. Për këtë ju nevojitet një CGI ose JavaScript. Ju lutemi shihni tutorialin tim Bëni Formularët HTML Punoni për më shumë informacion.
Kur po shtoni një menu drop-down në web faqen tuaj, gjëja e parë që ju nevojitet është një formular që e rrethon atë. Në Dreamweaver, shkoni te menyja Fut dhe klikoni Formularin, pastaj zgjidhni "Formularin".
02 nga 20
Shfaq formën në pamjen e dizajnit
Dreamweaver tregon pamjen tuaj të formës me sy në pamjen e dizajnit, kështu që ju e dini se ku duhet të vendosni elementët tuaj të formës. Kjo është e rëndësishme, sepse etiketat e menysë së zbritjes nuk janë të vlefshme (dhe nuk do të funksionojnë) jashtë elementit të formës. Siç mund ta shihni në imazh, forma është vija e kuqe e pikëzuar në pamjen e dizajnit.
03 nga 20
Zgjidhni Listën / Menunë
Menutë zbritëse janë quajtur "lista" ose "menu" në Dreamweaver. Pra, për të shtuar një në formën tuaj, ju duhet të shkoni në menynë Form në menynë Fut dhe zgjidhni "Lista / Menu". Sigurohuni që kursori juaj ishte brenda vijës së kuqe me pika të kutisë së formës suaj.
04 nga 20
Dritarja e opsioneve speciale
Në Options Dreamweaver ekziston një ekran për Accessibility. Unë zgjedh që Dreamweaver të më tregojë të gjitha atributet e aksesit. Dhe ky ekran është rezultat i kësaj. Formularët janë një vend ku shumë uebfaqe bien në akses dhe duke plotësuar këto pesë opsione, menytë e juaj do të jenë më të kapshme.
05 nga 20
Forma e aksesit
Opsionet e aksesit janë:
etiketë
Ky është emri i fushës. Do të shfaqet si tekst përkrah elementit tuaj të formës.
Shkruani se çfarë doni të thërrisni menunë tuaj të drop-down. Kjo mund të jetë një pyetje ose një frazë e shkurtër që menuja zbritëse do të përgjigjet.
stil
HTML përfshin një etiketë të etiketave për të identifikuar etiketat e formës suaj në shfletuesin. Zgjedhjet e tua duhet të mbyllin menunë e zbritjes dhe tekstin e etiketës me etiketën, për të përdorur atributin "për" në etiketën e etiketës për të identifikuar se cilat formë i etiketojnë referencat, ose që të mos përdorin fare etiketën etiketuese.
Më pëlqen të përdorë atributin për atribut, pasi sikur të më duhet të zhvendos etiketën për ndonjë arsye, ai do të vazhdojë të jetë i bashkangjitur në fushën e saktë të formularit.
pozitë
Ju mund të vendosni etikën tuaj para ose pas menusë së zbritjes.
Qasja kryesore
Ky është çelësi që mund të përdoret së bashku me çelësat Alt ose Option për të shkuar drejtpërdrejt në atë fushë të formularit. Kjo i bën format tuaja shumë të thjeshta për tu përdorur pa patur nevojë për miun. Si të vendosni një çelës të hyrjes në HTML
Tab Indeksi
Ky është rradha në të cilën duhet të arrihet fusha e formularit kur përdorni tastierën në skedën përmes faqes Web. Kuptimi i Tabindeksit
Kur të keni përditësuar opsionet e aksesit tuaj, klikoni OK.
06 nga 20
Zgjidhni Menunë
Pasi të keni menunë tuaj drop-down që shfaqet në pamjen e dizajnit, ju duhet të shtoni elemente të ndryshëm në të. Së pari zgjidhni menunë e drop-down duke klikuar mbi të. Dreamweaver do të vendosë një vijë tjetër me pika vetëm për menunë e zbritjes, për të treguar se e keni zgjedhur atë.
07 nga 20
Cilësimet e menysë
Menuja e pronave do të ndryshojë në pronat e listës / menutë për atë meny drop-down. Atje mund të jepni menunë një ID (ku thuhet "zgjidhni"), vendosni nëse doni që ajo të jetë një lis ose një meny, t'i jepni një klasë stili nga fleta e stilit tuaj dhe t'i caktoni vlerat në drop-down.
Cili është ndryshimi midis listës dhe menusë?
Dreamweaver e quan një menu drop-down menusë çdo drop-down që lejon vetëm një përzgjedhje. Një "listë" lejon zgjedhje të shumëfishta në drop-down dhe mund të jetë më shumë se një element i lartë.
Nëse doni që një menu drop-down të jetë linja e shumëfishtë e lartë, ndryshoni atë në një "listë" dhe lini kutinë "përzgjedhje" të pakontrolluara.
08 nga 20
Shto artikuj të ri të listës
Për të shtuar objekte të reja në menunë tuaj, klikoni në butonin "Vlerat e listës ...". Kjo do të hapë dritaren e mësipërme. Futni etiketën e artikullit në kutinë e parë. Kjo është ajo që do të shfaqet në faqe. Nëse e lë vlerën bosh, kjo është gjithashtu ajo që do të dërgohet në formë.
09 nga 20
Shtoni më shumë dhe rregullo
Klikoni mbi ikonën plus për të shtuar më shumë artikuj. Nëse doni të ri-renditini ato në kutinë e listës, përdorni shigjetat lart dhe poshtë në të djathtë.
10 nga 20
Jepni të gjitha vlerat e sendeve
Siç e përmenda në hapin 8, nëse e lini vlerën bosh, etiketa do të dërgohet në formë. Por mund t'i jepni të gjitha vlerat e artikujve tuaj - për të dërguar informacionin alternativ në formën tuaj. Ju do ta përdorni këtë shumë për gjëra të tilla si menytë e kërcimit.
11 nga 20
Zgjidhni një Default
Parametrat e ueb faqeve për të shfaqur cilado artikull drop-down renditet i pari si artikulli i parazgjedhur. Por nëse doni një përzgjedhje tjetër, theksojeni atë në kutinë "Fillimisht të zgjedhur" në menunë Properties.
12 nga 20
Shihni Listën Tuaj në Pamjen e Dizajnit
Pasi të keni përfunduar të modifikoni pronat, Dreamweaver do të tregojë listën tuaj të zbritjes me vlerën e parazgjedhur të zgjedhur.
13 nga 20
Shihni Listën Tuaj në Pamjen e Kodit
Nëse kaloni në pamjen e kodit, mund të shihni se Dreamweaver shton menunë tuaj të zbritjes me kodin shumë të pastër. Atributet e vetme shtesë janë ato që i kemi shtuar me mundësitë e aksesit. Kodi është i prerë dhe shumë i lehtë për t'u lexuar dhe kuptuar. Ai madje vendos në atributin e përzgjedhur = "përzgjedhur" sepse i kam thënë Dreamweaver që unë parazgjedhur për të shkruar XHTML.
14 nga 20
Ruaj dhe Shikoni në Shfletues
Nëse e ruani dokumentin dhe e shihni atë në një shfletues web, ju mund të shihni se menyja juaj e drop-down duket ashtu siç do ta prisni.
15 nga 20
Por nuk bën asgjë
Menuja që kemi krijuar më lart duket e mirë, por nuk bën asgjë. Në mënyrë që të merrni atë për të bërë diçka, ju duhet të krijoni një formë veprim në formën e vetë, e cila është një tutorial krejtësisht të tjera.
Për fat të mirë, Dreamweaver ka një formë menu-i të drop-down që mund të përdorësh menjëherë në faqen tënde pa pasur nevojë të mësosh rreth formave, CGI-ve ose shkrimit. Është quajtur një Menstruacion.
Jump Menu Dreamweaver krijon një menu drop-down me emra dhe URL. Pastaj ju mund të zgjidhni një artikull në meny dhe faqja e internetit do të shkojë në atë vend, ashtu si në qoftë se keni klikuar një lidhje.
Shko te menyja Fut dhe zgjidhni Formularin dhe pastaj Menunë Shko.
16 nga 20
Shko Dritarja e Menysë
Ndryshe nga menuja e drop-down standarde, menyja Shko hap një dritare të re për të emërtuar artikujt tuaj të menusë dhe shtoni detaje rreth mënyrës se si duhet të funksionojë formulari.
Për artikullin e parë, ndryshoni tekstin "untitled1" për atë që dëshironi ta lexoni dhe shtoni një URL që lidhja duhet të shkojë.
17 e 20
Shtoni artikujt në menunë e kërcejve
Klikoni tek elementi shtesë për të shtuar një artikull të ri në menunë e kërcimit. Shtoni sa më shumë artikuj që dëshironi.
18 nga 20
Shko opsionet e menysë
Pasi të keni shtuar të gjitha lidhjet që dëshironi, ju duhet të zgjidhni mundësitë tuaja:
Hap URL - të në
Nëse keni një kornizë, mund t'i hapni lidhjet në një kornizë tjetër. Ose mund ta ndryshoni opsionin e dritares kryesore për një objektiv të veçantë në mënyrë që URL të hapet në një dritare të re ose diku tjetër.
Emri i menysë
Jepni menunë tuaj një ID unike për faqen. Kjo kërkohet në mënyrë që skripti të funksionojë si duhet. Gjithashtu ju lejon të keni menyra të shumëfishta të kërcimit në një formë - vetëm jepni të gjitha emrat e ndryshëm.
Vendos butonin Go pas menusë
Më pëlqen ta zgjedh këtë, sepse ndonjëherë skenari nuk funksionon kur menuja ndryshon. Është gjithashtu më e arritshme.
Zgjidhni artikullin e parë pas ndryshimit të URL-së
Përzgjidhni këtë nëse keni një të shpejtë si "Zgjidh një" si artikullin e parë të menusë. Kjo do të sigurojë që ky artikull të mbetet i paracaktuar në faqe.
19 nga 20
Shko Menu Design View
Ashtu si me menunë tuaj të parë, Dreamweaver krijon menunë e kërcimit në pamjen e dizajnit me elementin e parazgjedhur të dukshëm. Ju pastaj mund të redaktoni menunë e drop-down si ju do ndonjë tjetër.
Nëse e editoni atë, sigurohuni që të mos ndryshoni ndonjë ID në artikujt, përndryshe skriptimi mund të mos funksionojë.
20 nga 20
Shko Menu në Browser
Ruajtja e skedarit dhe goditja e F12 do të shfaqë faqen në shfletuesin tuaj të preferuar. Atje mund të zgjidhni një opsion, klikoni "Shko" dhe menuja e kërcimit punon!