Dreamweaver li faci fà fà simplice di creà menù dispunibile per u vostru situ web. Ma cum'è tutte tutti i furmi HTML puderanu esse un pocu bellu. Questu tutorialu vi farà u passaghju per creà un menu di cullizzioni in Dreamweaver.
Dreamweaver Jump Menus
Dreamweaver 8 hè ancu un magia per creà un menu di saltu per a navigazione in u vostru situ web. A manera di menu di menü priziosele, questu menù mudificà da fà qualcosa quandu avete finitu. Ùn avete bisognu di scrive micca JavaScript o CGIs per piglià a vostra forma di cullizzioni in u travagliu. Stu tutorialu spiega ancu cumu utilizà l'assistante di Dreamweaver 8 per cresce un menu di saltà.
01 di 20
Prima Puderanu u Forme
Nota impurtante nantu à i formule HTML è Dreamweaver:
Aduprate per maglie especialu cum'è u menù di u salto, Dreamweaver ùn aiuta micca à fà furmà formi HTML "travagliu". Per questa hè bisognu di CGI o JavaScript. Vede u tutoriale Esempiu Forme HTML Forme per più infurmazione.
Quandu aghjunghjenu un menù di cullizzioni in u vostru situ web, u primu chì hà bisognu hè una forma di circundà. In Dreamweaver, andate à u menu Inseritu è cliccate Form, dopu sceglite "Forme".
02 di 20
Forme Displays in Design View
Dreamweaver vi mostra a vostra situazione di forma in visualmente in u vinu di u disignu, cusì sapere ciò chì cuntene i vostri elementi di forma. Questu hè impurtante, perchè u menghjulu di menù di cullizzioni ùn sò micca validu (è micca travagliatu) fora di l'elementu di forma. Comu pudete vede in l'imaghjini, a forma hè a linea rossa rossa in u vinu di design.
03 di 20
Sceglite Liste / Menu
Menù abandunate sò chjamati "lista" o "menu" in Dreamweaver. Cusì per aghjunghje unu a vostra forma, avete bisognu à andà in u menù di u Funtime nantu à u menu Inseritu è sceglite "Lista / Menu". Assicuratevi chì u cursore hè in a linea rossa di i vostri furmulieri.
04 di 20
Opis Opéra Window
In l'idee Dreamweaver hè una scatula per accessibilità. Puderaghju esse Dreamweaver m'attestanu tutti attributi d'accessibilità. E sta schermu hè u risultatu di quellu. I formi sò un locu induve parechji siti di l'Internet àccana à l'accessibilità è fendu quandu quì scelte e vostre menù dispusibule serete più accessibile.
05 di 20
Form Accessibilità
L'opzioni di accessibilità sò:
Etichetta
Questu hè u nome per u campu. Hè vultatu cum'è testu in parte à u vostru elementu di forma.
Scrivite ciò chì vulete chjamà u vostru menù. Questa pò esse una questa o essa curretta chì u menù di cullà ghjustizia contesta.
Style
L'HTML hà include un tag etiche per identificà e vostre etichettivi formate à u navigatore. I so scelte sò di imbuligheghja u menù prugrammu è u testu di l'etichetta cù l'tag, per utilizà l'attributu "per" in l'etichetta di etichetta per identificà chì furmulà l'alimanu di riferenzi, o per ùn utilizà l'etichetta d'etiquetas in tuttu.
Preferiscenu aduprà l'attribu, perchè cusì esse da esse mudificate l'etichetta per qualchissia parcorsu, hè sempri attaccatu à u campu di e corrette.
Posizione
Pudete posà a vostra etichetta prima o dopu à u menù dispunibile.
Chjave d'Accessu
Questa hè a chjave chì pò esse usata cù i chjavi Alt o Option per vene direttamente à questu campu di furmazione. Questu facenu e vostre formi assai faciule d'utilizà senza avè necessariu un ghjornu. Cumu Set Ascending una Chjave d'Accessu in HTML
Tab Index
Questu hè l'ordine in u quale u campu di a furmazione deve esse accede à l'usu di u teclatu per tabulazione per a pàgina Web. Fattu u Tabindex
Quandu avete aghjurnata u vostru accessibilità, fate clicate.
06 di 20
Select the Menu
Quandu avete u vostru menettu di culligatu chì vede in vista di u disignu, avete bisognu di aghjunghje i diversi elementi à questu. Prima di sceglie u menù prugettu fare clicu. Dreamweaver pudarà un'altra linea spuntata annantu à u menù dispunibile, per vede chì l'avete sceltu.
07 di 20
Menu Properties
U menù di a prughjettu mudificate di a lista / menu di pruprietà per quellu menu abandone. Eccu pudete furnisce u vostru menù un identitariu (induve dice "selezzione"), decide si vulete esse un lis o un menù, dà una classificazione di u vostru articulu di stile, è assignate i valori à u drop-down.
Qual è la Difference Between List è Menu?
Dreamweaver chjamà un menù qualchì menüe menù qualchì menù di cullizzioni chì solu permette una selezzione. A "lista" permette parechje scelte in u cullettivu è pò esse più di un articulu altu.
Se vulete un menù di cullizzioni chì sò assai linii altìssimi, cambiassi à un "liste" tipu è abbandunate a "selezioni" di casella senza scaccià.
08 di 20
Aggiungi Articuli di novità
Per aghjunghje elementi novi à u menu, fate un clicu nantu à u "Liste values ...". Questu avete apartu a finestra davanti. Scrivite in u vostru articulu in u primu casu. Questu serà quellu chì vede nantu à a pagina. Se ùn abbandunate u valore in voce, hè ancu ciò chì serà mandatu in a forma.
09 di 20
Add More è Retefogu
Cliccate nantu à l'icona di più per aghjà più elementi. Se vulete torna l'ordenazione in a lista, utilice e flussu di cursu à u dirittu.
10 di 20
Dognu tutti l'elementi Valuri
Comu sugnu à u passu 8, se ti lasciate u valore in voce, l'etichettimu serà mandatu à a forma. Ma pudete darà tutti i vostri elementi valutà - per mandà l'infurmazioni nantu à a vostra forma. Puderete dinò assai per cose cum'è menus di salto.
11 di 20
Sceglite u Default
Pagine web per predefinitu per vede qualse elencu minimu hè listatu prima com'è l'oghje predeterminatu. Ma se vulete un altru seleziunatu, suttalje in a casella "Inicialmente seleziata" in u menù di a pruduzzioni.
12 di 20
Vede a vostra lista in Design View
Quandu hà fatto editatu i pruprietà, Dreamweaver mostrarà a vostra lista despedida cù u valore predeterminado seleccionatu.
13 di 20
Vede a vostra lista in Vista Code
Se cambia à u verificatu di u codice, pudete vede chì Dreamweaver aghjunghjenu u menu di a cullizzioni cù un codi assai limu. L'attributi più extra sò quelli chì aghjustemu cù l'opzioni di accessibilità. U codice hè tutta indentata è assai faciule per leghje è capisce. Ancu ponu in l'attributu sceltu qualchì "sceltu" perchè aghju dettu à Dreamweaver chì u difettu per scritta XHTML.
14 di 20
Scaricate è vede in u Navigatore
Sè guarda u documentu è vede in un navigatore Web, pudete vede chì u vostru menù di culligamentu vi pare cusì cumu circate.
15 di 20
Ma ùn importa micca
A menu chì avemu criatu quì sopra bella, ma ùn faci micca nunda. Per fà avè da fà qualcosa, avete bisognu di fà una forma accetta nantu à a forma stessu, chì hè un tutoriale altru tutale.
Per sfurtunamentu, Dreamweaver hà una forma di menu di cullizzioni chì pudete utilizà immediatamente in u vostru situ senza avè necessariu di sapè infurmatu formi, CGIs, o scripting. Hè chjamatu Saltu Menu.
U Menu Dreamweaver Jump fette un menù di cullizzioni cù nomi è URL. Allora pudete sceglie un articulu in a menzione è a pagina web trasladarà quellu locu, cum'è s'ellu avete clicutu un ligame.
Andate à u menu Inseritu è sceglie u Modu è da seguite Menu.
16 di 20
Salmu Menu Ventana
A u cuntenutu di u menù di stilunata standard, u menzu di Salto opens una finestra nova per voi per nome di i vostri articuli di menù è aghjunghje infurmazioni nantu à a manera chì a forma puderia di travaglià.
Per u primu articulu, cambiassi u testu "untitled1" di ciò chì vulete à leghje è aghjunghje un URL chì u ligame averebbe da esse.
17 di 20
Add Items à u vostru salto Menu
Cliccate nantu à l'elementu d'aghjunghje per aghjunghje un novu elementu in u menu di u salto Aggieghjanu parechji elementi cum'è vo vulete.
18 di 20
Opzioni di Saltu Menu
Una volta chì aghjunghjenu tutti i ligami chì vulete, deve sceglie i vostri opzioni:
Open URLs in
Se tenete un marcatu, pudete apre u ligame in un marco diferenutu. O pudete cambià l'opzione di a finestra principale per un destinazione speziale per chì l'URL abandunà in a nova finestra o in altrò.
Menu Name
Dà le menu un identità unicu pè a pagina. Hè necessariu per chì u script scriptureghjanu bè. Hè ancu permette di cunsiderà parechji menus di salto in una forma - aghju datu tutti i nomi diversi.
Insert Go Button Dopu Migliu
Mi piace di sceglie questu, chì alcuni a scrittura ùn funziunà quandu a menu cambia. Hè ancu più accessibile.
Select First Item after URL Change
Select this if you have a prompt such as "Select one" cum'è u primu articulu di menù. Questu avete da assicurà chì questu artighjenu ùn sò stati predeterminati in a pagina.
19 di 20
Salto Menu Design View
Cumu cù u vostru prima menù, Dreamweaver inconi à u salto di menu in a vista di designu cù l'elementu predeterminatu visibile. Puderete pudite dopu edità u menù prugrammu cum'è chì avete un altru.
Se fate l'edizione, fate da cambià micca identità nantu à l'articuli, altri chì a script ma pò micca travagliatu.
20 di 20
Salto Menu in Browser
Saving the file and fitting to F12 will display the page in u vostru navigatore predilettu. Quì pudete selezziunate una opzione, cliccate "Ghjustu" è u menzu di u menu di salto!