Dreamweaver erlaabt et dropst ganz drop drop Menüen fir Är Websäit. Mee wéi all HTML Formen si se e bësschen méi schwéier sinn. Dës Tutorial wäert Iech duerch d'Schrëtt goen fir e Dropdown-Menü an Dreamweaver ze kreéieren.
Dreamweaver Spriecher Menue
De Dreamweaver 8 bitt och e Assistent fir e Sprongmenu fir Navigatioun op Är Websäit ze schafen. Am Géigesaz zu den einfachen Drop-Down Menüs gëtt dëst Menü tatsächlech eppes maachen wann Dir sidd fäerdeg. Dir musst keen JavaScript oder CGI ze schreiwen fir Är Drop-down Form ze schaffen. Dëst Tutorial erklärt och, wéi Dir den Dreamweaver 8 Assistent benotzt fir e Sprongmenu ze erstellen.
01 vun 20
Éischt Erstelle de Form
Wichteg Iwwerall Ufroen iwwer HTML Formen an Dreamweaver:
Except for Special Wizards Like the Jump Menu, Dreamweaver hëlleft Iech net HTML Formen "Aarbecht" ze maachen. Dofir brauche Dir eng CGI oder JavaScript. Maacht mein Tutorial fir HTML Formulairen ze maachen fir méi Informatiounen ze maachen.
Wann Dir e Dropdown-Menü op Är Websäit dobäigesat, ass dat éischt wat Dir braucht, ass e Formular fir se ëmzegoen. An Dreamweaver, gitt op d'Menü "Fill" a klickt op Formulairen, a wielt dann "Form".
02 vun 20
Formulär Displays am Design View
Dreamweaver weist Är Formulärsäit visuell an der Entwurfsvisie, fir datt Dir wësst wou Dir Är Formularementen fënns. Dëst ass wichteg, well d'Dropdown-Downgrade-Tags sinn net valabel (an net funktionnéieren) ausserhalb vum Formular Element. Wéi Dir am Bild kënnt, ass d'Form vun der roude faule Linn an der Entwurfsriichtung.
03 vun 20
Lëscht / Menu auswielen
Drop-down Menüs ginn Elementer "Lëscht" an "Menü" an Dreamweaver genannt. Also fir een op Är Form ze addéieren, musst Dir an de Formularmenü am Menu "Insert" goen an "Lëscht / Menu" auswielen. Vergewëssert Iech datt Äre Cursor am richtege Punkt vun Ärem Formulaire war.
04 vun 20
Special Options Window
An der Dreamweaver-Optioun ass e Bildschirm iwwer Accessibilitéit. Ech entscheede fir Dreamweaver ze weisen all Accessibilitéit Attributiounen. An dëser Kaart ass dat Resultat. Formen sinn eng Plaz wou vill Websäiten op Zougänglechkeet falen an duerch fëllen dës fënnef Optionen Är Dropdown Menuen direkt méi zougänglech sinn.
05 vun 20
Form Accessibilitéit
D'Accessibilitéitoptioune sinn:
Label
Dëst ass den Numm fir de Feld. Et wäert als Text nieft Äert Formular Element ze weisen.
Schreift Iech datt Dir Är Dropdown-Menü benotzen wëllt. Dëst ass eng Fro oder kuerz Zeil, datt d'Lëscht drop opmaachen.
Stil
HTML enthält e Labeltage fir Är Formulairen op dem Browser ze identifizéieren. Är Entscheedungen sollen de Dropdown-Menü an de Labeltext mat dem Zertifika ze packen, fir den Attribut op dem Labelbibliothek ze benotzen fir ze identifizéieren wat Form mat engem referenzéierten Zousaz benotzt gëtt oder de Labeltype guer net benotzen.
Ech léiwer déi Aart a Weis benotzen, wéi wann ech mäi Label fir e bestëmmten Viraus bewegen musst et ëmmer nach mat dem korrekten Formularfeld ze verbannen.
Positioun
Dir kënnt Äert Etikett virun oder nodeems de Fichiermenü.
Access Key
Dëst ass de Schlëssel deen Dir zesumme mat den Alt- oder Option-Keys benotzt kënnt fir direkt op dësem Formulaire ze kommen. Dëst mécht Äert Formuléier einfach ze benotzen ouni datt Dir eng Maus brauch. Wéi Dir e Access Key in HTML festleeën
Tab Index
Dëst ass d'Uerdnung, wou de Formulaire zougänglech ass wann Dir d'Tastatur benotzt fir op der Websäit ze klickt. Verständnis vum Tabindex
Wann Dir Är Accessibilitéitoptiounen aktualiséiert hutt, klickt op OK.
06 vun 20
Wielt d 'Menü
Wann Dir Är Dropdown-Menü an der Entwurfsansicht affichéiert hutt, musst Dir déi verschidde Elementer dobäigesat ginn. Zielt éischt d'Fënster opmaachen andeems Dir op klickt. De Dreamweaver gesäit nach eng aner Punkte ronderëm de Knäppchen-Menü, fir ze weisen datt Dir et gewielt hutt.
07 vum 20
Menu Properties
De Propositiounsmapp ännert Äert Menü Lëscht / Menu fir dee Dropdown-Menü. Duerfir kënnt Dir Är Menu eng Identifikatioun benotzen (wou et "sluge" steet), entscheeden ob Dir et e Lis oder e Menü ass, et ass e Stilclass aus Ärem Stylblatt a gitt Wäerter fir de Dropdown.
Wat ass d'Ënnerscheed tëschend Lëscht an Menu?
De Dreamweaver rufft een Dropdown-Menü op all Menü erof, deen nëmmen eng Auswiel erlaabt. Eng "Lëscht" erlaabt verschidde Entscheedungen am Dropdown-Fall a kënnen méi wéi ee Punkt héich sinn.
Wann Dir e Menü "Drop-down" fir méi Linn ze luewen ass, änneren Sie op eng "Lëscht" -Typ a verloosse keng "Select" Box aus.
08 vun 20
Neit Lëscht nei Elementer
Fir nei Menüe nei Elementer ze addéieren, klickt op "List Wäerter ...". Dëst öffnen dësste Fënster. Gitt Ären Item Label an der éischter Këscht. Dëst ass wat op der Säit kënnt. Wann Dir de Wäert lee waart, dat ass och wat an der Form geschéckt gëtt.
09 vun 20
Add More a Reorder
Klickt op d'Plus Symbol fir méi Elementer ze addéieren. Wann Dir se an d'Lëscht eroflueden wëllt, benotzt de Pfeil op upside down on the right.
10 vun 20
All Artikelen Wäerter verëffentlechen
Wéi ech am Schrëtt 8 gesot hunn, wann Dir de Wäert lee waart, gëtt de Label un d'Form geschéckt. Awer Dir kënnt all Är Saachen Elementer - fir alternativ Informatioun un Är Form ze schécken. Dir wäert dat vill fir Saachen ewéi Sprénger Menue benotzen.
11 vun 20
Wielt e Standard
Web-Säiten default fir uewen ze weisen, wéi drop drop Element zënter als de Standardartikel notéiert ass. Awer wann Dir en aner ausgesait wësst, markéiert et an der "ursprünglech ausgewielten" Këscht op de Properties menu.
12 vun 20
Kuckt Iech Är Lëscht an Design kucken
Wann Dir d'Eegeschaften ufänkt, gëtt Dreamweaver Är Dropdown Lëscht mat de Standardwahl ausgewielt.
13 vun 20
Kuckt Är Lëscht op Code View
Wann Dir op Code View gewise gëtt, kënnt Dir kucken dat Dreamweaver fiert Är Dropdown-Menü mat ganz klenge Code. Déi eenzeg Extraattribute sinn déi déi mir mat Accessibilitéit hunn. De Code ass all verankert a ganz einfach ze liesen a verstoen. Et stelle jo och de ausgewielten = "gewielten" Attribut, well ech den Dreamweaver gesot huet datt ech Standard fir XHTML ze schreiwen.
14 vun 20
Späicheren a kucken am Browser
Wann Dir de Dokument gespäichert a se an engem Webbrowser kucken, kënnt Dir kucken datt Äert Drop-Down-Menü genau sou wéi Dir et erwaart.
15 vun 20
Mee et mécht näischt
De Menü dee mir uewen erstallt hunn, kuckt gutt, awer et mécht näischt. Fir dëst z'erreechen, musst Dir eng Formmaachaktioun op der Form selwer setzen, wat e ganz aner Tutorial ass.
Zum Gléck, Dreamweaver huet eng Built-Drop-Down-Formularform, déi Dir direkt op Ärer Säit benotzen kann ouni ze léieren iwwer Formen, CGIs oder Skript. Et gëtt e Sprangmenü genannt.
De Dreamweaver-Sprangmenü set eng Dropdown-Menü mat Numm an URLen. Da kënnt Dir en Element an der Kaart wielen an d'Websäit wäert esou wäit goen, wéi wann Dir en Link geklickt hutt.
Gitt op d'Menüskaart an fëllt Formulaire a gitt duerno Menü.
16 vun 20
Sprange vu mengem Menu
Am Géigesaz zum Standard Dropdown-Menü öffnet de Sprang-Menü eng nei Fënster fir Iech fir Är Menü Element ze notzen an och Detailer ze liesen wéi d'Form sollte funktionnéieren.
Fir den éischte Punkt änneren den Text "untitled1" un wat Dir wëllt liesen an eng URL hinzufügeren, déi dëse Link sollt ginn.
17 vun 20
Elementer op Är Sprangenmenü
Klickt op dës Säit e addéiere fir e neie Menü op Ärem Spréngersmenü ze addéieren. Ech wëll esou vill Elementer wéi Dir wëllt.
18 vun 20
Spréngeg Menüoptiounen
Wann Dir all d'Linken futti hutt, kënnt Dir Är Méiglechkeeten wielen:
Open URLs
Wann Dir e Frameset hutt, kënnt Dir d'Links an engem anere Frame öffnen. Oder Dir kënnt d'Optioun vum Main Window op ee spezielle Zil änneren, fir datt d'URL an der neier Fënster oder soss anzwousch opmaacht.
MenuName
Gitt Ären Menü e unique ID fir dës Säit. Dëst ass erfuerderlech datt de Skript richteg funktionnéiert. Et erméiglecht Iech och verschidde Sprungmenüs an enger Form ze kréien - gitt einfach all aner Nimm.
Gidd weg Knäppchen no Menu
Ech wëll dat gäeren auswielen, well heiansdo d'Skript net funktionnéiert wann d'Menü changéiert. Et ass och méi zougänglech.
Wielt Äischt Element no URL-Changement
Selekthéiert dëst wann Dir eng Ufro esou hutt wéi "Select one" als den éischte Menüpunkt. Dëst garantéiert datt dëst Element Standard gëtt op der Säit.
19 vun 20
Spréngerspezialist View
Just wéi mat Ärem éischte Menu setzt Dreamweaver Är Sprungmenu an der Entwurfsansicht mat dem Standardartikel sichtbar. Dir kënnt d 'Dropdown-Menü wéi Dir eng aner wier.
Wann Dir et ännere musst, vergewëssert Iech datt keng IDen op den Elementer geännert ginn, well soss kënnen d'Skript net funktionnéieren.
20 vun 20
Spréngermenü am Browser
Wann Dir déi Datei gespaart hutt an de F12 klickt, ginn d'Säit an Äre Browser zou. Duerno kënnt Dir eng Optioun auswielen, klickt op "Go" an de Sprongmenü funktionnéiert!