Dreamweaver-ek zure webguneko goitibeherako menuak erraz sortzeko aukera ematen du. Baina HTML formatu guztiekin bezala, pixka bat zaila izan daiteke. Tutorial honek Dreamweaver-eko goitibeherako menua sortzerakoan urratsak emango dizkizu.
Dreamweaver salto menuak
Dreamweaver 8k zure webguneko nabigazio-saltoa sortzeko morroia ere eskaintzen du. Ohiko goitibeherako menuak ez bezala, menu honek zerbait amaituko du. Ez duzu JavaScript edo CGIrik idatzi behar zure goitibeherako inprimakia lortzeko. Tutorial honek ere erakusten du Dreamweaver 8 morroi bat nola erabili saltoa sortzeko.
01 de 20
Lehenengo formularioa sortu
HTML formatuei eta Dreamweaveri buruzko ohar garrantzitsua.
Salto-menua bezalako laguntzaile bereziak izan ezik, Dreamweaver-ek ez du "lan" HTML formak egiten laguntzen. Horretarako, CGI edo JavaScript bat behar duzu. Mesedez, ikusi nire tutoriala HTML Formulazioen Lana egiteko informazio gehiagorako.
Zure webguneko goitibeherako menua gehitzen duzunean, behar duzun lehenengo gauza inguratzen duen inprimakia da. Dreamweaver-en, sartu Txertatu menua eta egin klik formularioan eta hautatu "Inprimakia".
02 de 20
Forma diseinuaren ikuspegian bistaratzen da
Dreamweaver-ek zure inprimakiaren kokapena erakusten du ikusmen diseinu ikuspegian, beraz, non zure inprimaki elementuak jarri behar dituzu. Garrantzitsua da, goitibeherako menuko etiketak ez badira formatuaren elementutik kanpo (eta ez du funtzionatzen). Irudian ikus dezakezunez, inprimakia diseinuaren ikuspegitik lerro gorri puntua da.
03/20
Aukeratu zerrenda / menua
Goitibeherako menuak Dreamweaver-en "zerrenda" edo "menu" elementuak deitzen dira. Beraz, bat zure inprimakia gehitzeko, Menuko menuan Insert menu menuan sartu eta "Zerrenda / Menu" aukeratu. Ziurtatu zure kurtsorea zure inprimaki kutxa puntuko puntu gorriaren barruan dagoela.
04 de 20
Aukera bereziak leihoan
Dreamweaver aukerak irisgarritasunean pantaila bat dago. Dreamweaver-ek erakutsi dit irisgarritasun atributuak. Pantaila hau horren emaitza da. Inprimakiak webgune askok irisgarritasunean erortzen diren leku bat dira eta bost aukera horiek betetzen dituztelarik, goitibeherako menuak errazagoak izango dira.
05 de 20
Forma erabilerraztasuna
Irisgarritasun aukerak honakoak dira:
Label
Eremuaren izena da. Inprimaki-elementuaren ondoan dagoen testua erakutsiko du.
Idatzi zure goitibeherako menua deitu nahi diozun. Hau goitibeherako menuan erantzungo duen galdera edo esaldi laburra izan daiteke.
Style
HTML etiketa etiketa bat dauka zure inprimakien etiketak arakatzailean identifikatzeko. Zure aukerak goitibeherako menuan eta etiketa testua etiketa batekin itzulbiratzen dira, etiketa etiketa "atributua" erabiltzeko, zein formako etiketak aipatzen dituen edo etiketa etiketa ez erabiltzeko.
Nahiago dut atributua erabiltzea, orduan etiketa mugitu beharra dudalako arrazoi batzuei jarraitzen badiogu, inprimakiaren eremu egokira erantsiko da.
Kargua
Zure etiketa goitibeherako menuan aurretik edo ondoren jar dezakezu.
Sarbide gakoa
Hau Alt edo Option gakoak batera erabil daitekeen gakoa da horrelako eremura zuzenean lortzeko. Honek zure inprimakiak oso errazak dira sagua erabili beharrik gabe. Sarbide-gakoa HTML formatuan nola konfiguratu
Tabaren indizea
Horretarako, inprimaki-eremua web orrian zehar teklatua fitxara mugitzeko erabili behar den ordena da. Tabindex ulertzea
Zure irisgarritasun aukerak eguneratu dituzunean, egin klik Ados botoian.
20ko 6
Hautatu Menua
Behin diseinu ikuspegian bistaratzen zaren goitibeherako menuan, elementu batzuk gehitu behar dituzu. Lehenik eta behin, hautatu goitibeherako menuan klik eginez. Dreamweaver-ek beste puntu lerro bat jarriko du goitibeherako menuan, hautatu duzula.
07 de 20
Menu-propietateak
Propietateen menua menu goitibeherako zerrenda / menuko propietateetara aldatuko da. Hemen zure menuaren IDa eman dezakezu ("aukeran" esaten duenean), erabaki lis edo menu bat izan nahi baduzu, estilo-orri bat eman ezazu zure estilo-orriaren bidez eta balioei jar diezaiekezu goitibeherako.
Zer da zerrendaren eta menuaren arteko aldea?
Dreamweaver-ek menu bat goitibeherako menuan deitzen du, hautapen bat bakarrik uzten duen edozein goitibeherako. "Zerrenda" aukera anitz aukera ematen du goitibeherakoan eta elementu bat baino gehiago izan daiteke.
Goitibeherako menua lerro anitzetako bat izan nahi baduzu, aldatu "zerrenda" mota bat eta utzi "hautapenak" koadroa ez da hautatuta.
08 de 20
Gehitu zerrenda elementu berriak
Elementu berriak menuan gehitzeko, egin klik "Zerrenda balioak ..." botoian. Hau goiko leihoa irekiko da. Idatzi zure elementuaren etiketa lehenengo kutxan. Hau da orrian agertuko dena. Balioa hutsik uzten baduzu, hori ere bidaliko da formularioan.
09 de 20
Gehitu gehiago eta berrantolatzea
Egin klik plus ikonoan elementu gehiago gehitzeko. Zerrenda laukian berriro ordenatu nahi badituzu, erabili gora eta behera geziak eskuinera.
10tik 20ra
Eman elementu guztien balioak
8. urratsean aipatu dudan bezala, balioa hutsik uzten baduzu, etiketa formularioara bidaliko da. Baina elementu guztien balioak eman ditzakezu zure informazioan ordezko informazioa bidaltzeko. Salto-menuak bezalako gauza asko erabiliko dituzu.
11 de 20
Aukeratu lehenetsia
Webgune lehenetsiak lehenetsitako elementu lehenetsia den goitibeherako elementua zerrendatzen duen lehenetsia da. Aukeratutako beste bat nahi baduzu, nabarmendu ezazu Propietateen menuan "Hasitako hautatutako" koadroan.
12tik 20ra
Ikusi zerrenda diseinuaren ikuspegian
Propietateak editatzen amaitutakoan, Dreamweaver-ek zure goitibeherako zerrenda erakutsiko du hautatutako balio lehenetsiarekin.
13 de 20
Ikusi zerrenda Kodearen ikuspegian
Kodearen ikuspegira aldatzen baduzu, Dreamweaver-ek zure goitibeherako menua gehitzen lagunduko dizu kode garbi batekin. Atributu gehigarri bakarrak irisgarritasun aukerei gehitu zaizkigunak dira. Kodea guztiz koska dago eta oso erraz irakurtzen eta ulertzen da. Hautatutako = "hautatutako" atributuan ere jartzen du, Dreamweaver-ek esan dudan bezala XHTMLa idazten dudanean.
14 de 20
Gorde eta ikusi arakatzailean
Dokumentua gordetzen eta web arakatzailean ikusten baduzu, zure goitibeherako menuan espero bezala espero dezakezu.
20ko 20
Baina ez du ezer egiten
Goian sortu dugun menua ondo dago, baina ez du ezer egiten. Zerbait egiteko, formako ekintza bat konfiguratu behar duzu inprimaki berean, tutoretza guztiz beste bat baita.
Zorionez, Dreamweaver-ek goitibeherako menu-formularioa eraiki du berehala zure webgunean erabili ahal izateko formatu, CGI edo scripting-ei buruz ikasi beharrik izan gabe. Salto menua deitzen zaio.
Dreamweaver Jump Menuak izenak eta URLak dituzten goitibeherako menua konfiguratzen du. Orduan menuko elementu bat aukeratu dezakezu eta web orrialdeak kokaleku horretara mugituko du, estekan klik eginda.
Joan Txertatu menuan eta aukeratu Inprimakia eta, gero, Salto menua.
20 guztira 20
Saltatu menua leihoan
Goitibeherako menuan ez bezala, Jump menuek leiho berri bat irekitzen du zure menu-elementuak izendatzeko eta inprimakiak nola funtzionatzen duen zehazteko.
Lehenengo elementurako, aldatu "untitled1" testua zer irakurri nahi duzun eta esteka hori estekatzeko URLa gehitzeko.
17 de 20
Gehitu elementuak zure Salto menura
Egin klik elementu gehigarrian elementu berri bat gehitzeko salto menuan. Gehitu nahi dituzun elementu guztiak.
18 de 20
Joan Menu aukerak
Beharrezko esteken guztiak gehitu ondoren, zure aukerak aukeratu beharko dituzu:
Ireki URLak hemen
Marko-markoa baldin baduzu, beste marko batean estekak ireki ditzakezu. Edo leiho nagusiaren aukera xede berezi batera aldatzeko, URLa leiho berrian edo beste nonbait irekiko da.
Menu izena
Eman zure menu orriaren ID bakarra. Beharrezkoa da scriptak behar bezala funtziona dezan. Halaber, hainbat salto-menuak inprimaki batean izan ditzakezu: besterik ez eman izen desberdinei.
Txertatu Go Button Menu ondoren
Gertakari hau aukeratu nahi dut batzuetan scriptak ez baitu funtzionatzen menuak aldatzean. Are gehiago eskuragarria.
Hautatu lehen elementua URLaren aldaketa ondoren
Hautatu hau lehenbailehen bezala "Hautatu bat" bezalako galdera bat baduzu. Honek ziurtatuko du elementua orrialdean default dagoela.
20ko hamarkadan
Saltatu Menu diseinuaren ikuspegia
Zure lehen menuarekin bezala, Dreamweaver-ek zure salto-menua diseinuaren ikuspegian konfiguratzen du elementu lehenetsi ikusgaiarekin. Beste edozein zu bezalako goitibeherako menua edita dezakezu.
Editatzen baduzu, ziurtatu elementuetan IDa ez aldatzea, bestela scriptak agian ez du funtzionatuko.
20ko 20
Salto menua nabigatzailean
Fitxategia gordetzea eta F12 sakatuz gero, zure nabigatzaile hobetsia erakutsiko du. Aukera bat hauta dezakezu, sakatu "Joan" eta jauzi menua funtzionatzen du.