Kaip sukurti išskleidžiamąjį meniu "Dreamweaver"

Galite įdėti savo etiketę prieš arba po išskleidžiamojo meniu.

Prieigos raktas

Tai raktas, kuris gali būti naudojamas kartu su "Alt" arba "Option" klavišais, norint tiesiogiai patekti į formos lauką. Dėl to jūsų formas labai lengva naudoti be pelės.

"Tab" indeksas

Tai yra tvarka, kuria turėtų būti pasiekiamas formos laukas, kai naudojate klaviatūrą tinklalapio skirtuke.

Kai atnaujinsite pasiekiamumo parinktis, spustelėkite Gerai.

Pasirinkite meniu

Kai išskleidžiamajame meniu rodomas "Dreamweaver" dizaino vaizdas, jums reikia pridėti įvairius elementus. Pirmiausia pasirinkite išskleidžiamąjį meniu spustelėdami jį. Dreamweaver įdės kitą taškinę liniją aplink išskleidžiamajame meniu, kad parodytumėte, jog ją pasirinkote.

Meniu savybes

Nuosavų meniu bus pakeistas sąrašo / meniu ypatybėmis išskleidžiamajame meniu. Čia galite nurodyti savo meniu ID (kur jis sako "pasirinkite"), nuspręsti, ar norite, kad jis būtų lis arba meniu, pateikite stiliaus klasę iš savo stiliaus lapo ir priskirkite reikšmes išskleidžiamajame meniu.

Koks skirtumas tarp sąrašo ir meniu?

Dreamweaver skleidžia meniu išskleidžiamąjį meniu bet kurį išskleidžiamąjį meniu, leidžiantį pasirinkti tik vieną. "Sąrašas" leidžia išskleisti meniu kelis pasirinkimus ir gali būti didesnis nei vienas elementas.

Jei norite, kad išskleidžiamasis meniu būtų kelios eilutės, pakeiskite jį į "sąrašo" tipą ir palikite langelį "Pasirinkimai" nepažymėta.

Pridėti naują sąrašo elementus

Norėdami pridėti naujų elementų į savo meniu, spustelėkite mygtuką "Įrašyti vertes …". Tai atidarys pirmiau pateiktą langą. Pirmame laukelyje įveskite savo prekės etiketę. Tai bus rodoma puslapyje. Jei paliksite tuščią vertę, tai taip pat bus ir tai, kas bus išsiųsta formoje.

Pridėti daugiau ir pertvarkyti

Norėdami pridėti daugiau elementų, spustelėkite pliuso piktogramą. Jei norite iš naujo užsisakyti sąrašo lauke, dešinėje naudokite rodyklę aukštyn ir žemyn.

Nurodykite visų daiktų vertes

Kaip minėjau 8 veiksme, jei paliekate tuščią vertę, etiketė bus išsiųsta į formą. Bet galite pateikti visas savo vertybių reikšmes - siųsti alternatyvią informaciją į savo formą. Jūs daug naudosite tokiems dalykams kaip peršokti meniu ir hipersaitus.

Pasirinkite numatytąjį

Pagal numatytuosius tinklalapius numatytasis rodomas tas, kuris išplečiamasis elementas yra išvardytas pirmiau. Bet jei norite pasirinkti kitą, pažymėkite jį langelyje "Iš pradžių pasirinktas" meniu "Ypatybės".

Žiūrėkite savo sąrašą dizaino rodinyje

Kai baigsite redaguoti savybes, "Dreamweaver" parodys jūsų išskleidžiamąjį sąrašą pasirinkus numatytąją vertę.

Žiūrėkite savo sąrašą kodo rodinyje

Jei pereisite į kodo rodinį, pamatysite, kad Dreamweaver prideda išskleidžiamąjį meniu su labai švariu kodu. Vieninteliai papildomi atributai yra tie, kuriuos pridėjome su galimybėmis naudotis. Kodas yra išsibarstytas ir labai lengvas skaityti ir suprasti. Tai netgi perkelia atributą "selected =" selected ", nes" Dreamweaver "pasakė, kad pagal nutylėjimą rašau XHTML.

Išsaugoti ir peržiūrėti naršyklėje

Jei išsaugosite dokumentą ir peržiūrėsite jį žiniatinklio naršyklėje, pamatysite, kad išskleidžiamasis meniu atrodo taip, kaip tikėtumėte.

Bet tai nieko nedaro …

Meniu, kurį sukūrėme pirmiau, atrodo gerai, bet nieko nedaro. Norint, kad kažkas kažką darytų, jums reikia sukurti formos veiksmą pačioje formoje.

Laimei, "Dreamweaver" turi įmontuotą išskleidžiamojo meniu formą, kurią galite naudoti iš karto savo svetainėje, nereikia mokytis apie formas, CGI ar scenarijus. Tai vadinama Jump Menu.

"Dreamweaver Jump Menu" nustato išskleidžiamąjį meniu su pavadinimais ir URL. Tada galite pasirinkti elementą meniu, o tinklalapis pereis į tą vietą, tarsi jei spustelėjote nuorodą.

Eikite į "Įterpti" meniu ir pasirinkite "Form", tada "Jump" meniu.

Peršokti meniu langą

Skirtingai nuo standartinio išskleidžiamojo meniu, peršokimo meniu atidaromas naujas langas, kuriame galite įvardyti meniu punktus ir pateikti išsamią informaciją apie tai, kaip ši forma turėtų veikti.

Pirmajam elementui pakeisti tekstą "untitled1" į tai, ką norite jį skaityti ir pridėti URL, į kurį turėtų būti nukreipta ši nuoroda.

Pridėti elementus į savo naršymo meniu

Spustelėkite elementą pridėti, kad pridėtumėte naują elementą į savo šuolių meniu. Pridėkite tiek daug elementų, kiek norite.

Jump Menu Options

Kai pridėsite visas norimas nuorodas, turėtumėte pasirinkti savo parinktis:

Atidaryti URL adresus

Jei turite rėmelių rinkinį, galite atidaryti nuorodas kitame rėmelyje. Arba galite pakeisti pagrindinio lango parinktį į specialųjį tikslą, kad URL būtų atidarytas naujame lange arba kitur.

Meniu pavadinimas

Pateikite meniu unikalų šio puslapio ID. Tai reikalinga, kad scenarijus tinkamai veiktų. Tai taip pat leidžia jums turėti kelias šokinėjimo meniu vienoje formoje - tiesiog nurodykite jiems visus skirtingus pavadinimus.

Įterpti Go mygtuką po meniu

Man patinka tai pasirinkti, nes kartais scenarijus neveikia, kai meniu pasikeičia. Tai taip pat yra labiau prieinama.

Pasirinkite pirmąjį elementą po URL keitimo

Pasirinkite šį variantą, jei pirmą meniu elementą turite kaip "Pasirinkite vieną". Tai užtikrins, kad šis elementas lieka numatytasis puslapyje.

Peršokti meniu dizaino rodinys

Kaip ir pirmame meniu, "Dreamweaver" nustato jūsų šuolių meniu dizaino rodinyje su numatytuoju elementu. Tada galite redaguoti išskleidžiamąjį meniu, kaip ir kitas.

Jei ją redaguosite, įsitikinkite, kad nepakeitėte jokių elementų ID, kitaip scenarijus gali neveikti.

Peršokti meniu naršyklėje

Išsaugant failą ir paspaudus F12, rodomas puslapis jūsų pageidaujamoje naršyklėje. Čia galite pasirinkti parinktį, spustelėkite "Eiti" ir šokinėja veikia!