Dreamweaver ndadekake gampang nggawe menu drop-down kanggo situs web sampeyan. Nanging kaya kabeh formulir HTML, dheweke bisa dadi rada angel. Tutorial iki bakal mbukak sampeyan langkah-langkah kanggo nggawe menu drop-down ing Dreamweaver.
Dreamweaver Jump Menus
Dreamweaver 8 uga menehi tuntunan kanggo nggawe menu lompat kanggo pandhuan ing situs Web sampeyan. Boten kados menu drop-down dhasar, menu punika badhé nindakaken punapa mawon nalika sampeyan rampung. Sampeyan ora kudu nulis sembarang JavaScript utawa CGIs kanggo njaluk formulir gulung mudhun kanggo bisa. Tutorial iki uga nerangake cara nggunakake panuntun dhumateng Dreamweaver 8 kanggo nggawe menu lompat.
01 saka 20
Pisanan nggawe Formulir
Wigati Penting babagan Wangun HTML lan Dreamweaver:
Kecuali para penyihir khusus kaya menu lompat, Dreamweaver mbantu sampeyan mbentuk formulir "karya" HTML. Iki perlu CGI utawa JavaScript. Deleng formulir Pendhaftaran nggawe Tutorial HTML kanggo informasi luwih lengkap.
Nalika sampeyan nambah menu gulung menyang situs web, sampeyan kudu ngowahi wangun sing paling dhisik. Ing Dreamweaver, pindhah menyang menu Insert lan klik Formulir, banjur pilih "Formulir".
02 saka 20
Formulir Nampilake ing Desain Tampilan
Dreamweaver nuduhake lokasi wangun kanthi visual ing tampilan desain, supaya sampeyan ngerti ngendi sampeyan bakal nemtokake unsur wangune. Iki penting, amarga tag menu drop-down ora sah (lan ora bakal bisa) ing sanjabane elemen wangun. Minangka sampeyan bisa ndeleng ing gambar, wangun iku garis petik abang ing tampilan desain.
03 saka 20
Pilih List / Menu
Menu drop-down diarani "dhaptar" utawa "menu" item ing Dreamweaver. Supaya nambah siji wangun, sampeyan kudu pindhah menyang menu Formulir ing menu Insert lan pilih "List / Menu". Priksa manawa kursor sampeyan ana ing garis petik abang saka kotak formulir.
04 saka 20
Jendhela Pilihan Khusus
Ing Pilihan Dreamweaver ana layar Aksesibilitas. Aku milih nduwe Dreamweaver nampilake kabeh atribut aksesibilitas. Lan layar iki minangka asil saka iku. Bentuk minangka panggonan ing ngendi akeh situs web bisa mudhun ing aksesibilitas lan ngisi lima pilihan iki, menu drop-down bakal langsung diakses.
05 saka 20
Bentuk Akses
Pilihan aksesibilitas yaiku:
Label
Iki jenenge lapangan. Bakal katon minangka teks ing jejere elemen wangunmu.
Tulis apa sing pengin diarani menu gulung mudhun. Iki bisa dadi pitakonan utawa tembung sing cendhak sing bakal ditulungi.
Gaya
HTML kalebu tag label kanggo ngenali label wangun menyang browser. Pilihan sampeyan kanggo mbungkus menu gulung lan teks label kanthi tag, nggunakake "kanggo" atribut ing tag label kanggo ngenali sing mbentuk tag kasebut, utawa ora nggunakake tag label ing kabeh.
Aku luwih seneng nggunakake atribut, kayadene yen aku kudu mindhah label sakperangan alesan kasebut isih bakal ditempelake ing kolom formulir sing bener.
Posisi
Sampeyan bisa nulis label sadurunge utawa sawise menu gulung mudhun.
Akses Kunci
Iki tombol sing bisa digunakake bebarengan karo tombol Alt utawa Opsi kanggo langsung menyang kolom formulir kasebut. Iki nggawe formulir sampeyan gampang banget tanpa nggunakake mouse. Cara Nyiyapake Kunci Akses ing HTML
Tab Indeks
Iki supaya kolom formulir bisa diakses nalika nggunakake keyboard tab liwat kaca Web. Understanding the Tabindex
Yen sampeyan wis nganyari pilihan aksesibilitas, klik OK.
06 saka 20
Pilih Menu
Yen sampeyan duwe menu gulung mudhun ing tampilan rancangan, sampeyan kudu nambah macem-macem unsur kasebut. Pisanan pilih menu gulung kanthi ngeklik. Dreamweaver bakal nempatake garis liya ing sakubenge menu gulung mudhun, kanggo nuduhake yen sampeyan wis milih.
07 saka 20
Properti Menu
Menu sifat bakal ganti menyang dhaptar / menu kanggo menu kasebut. Ana sampeyan bisa menehi ID menu (ing ngendi kasebut "milih"), milih yen sampeyan pengin dadi lis utawa menu, menehi kelas gaya saka lembar gaya, lan nemtokake nilai-nilai sing ana ing drop-down.
Apa Prabédan Antarane Dhaftar lan Menu?
Dreamweaver nyebat menu drop-down menu sembarang drop-down sing mung ngidini siji pilihan. A "dhaptar" ngidini macem-macem pilihan ing lunyu lan bisa luwih saka siji item dhuwur.
Yen sampeyan pengin menu gulung mudhun dadi pirang-pirang baris dhuwur, ganti menyang jinis "daftar" lan ninggalake kothak "pamilihan" sing dicenthang.
08 saka 20
Nambah New List Items
Kanggo nambah item anyar menyang menu sampeyan, klik tombol "Dhaftar daftar ...". Iki bakal mbukak jendhela ing ndhuwur. Ketik label item ing kothak pisanan. Iki bakal katon ing kaca. Yen sampeyan ninggalake nilai sing kosong, sing uga bakal dikirim ing formulir.
09 saka 20
Nambah Liyane lan Suspensi
Klik ing lambang plus kanggo nambah item liyane. Yen pengin ngisi maneh ing kotak dhaftar, gunakake panah munggah lan mudhun ing sisih tengen.
10 saka 20
Menehi Kabeh Aturan Item
Nalika aku kasebut ing langkah 8, yen sampeyan ninggalake angka sing kosong, label kasebut bakal dikirim menyang formulir. Nanging sampeyan bisa menehi kabeh item item - kanggo ngirim informasi alternatif menyang formulir. Sampeyan bakal nggunakake iki akèh kanggo bab kaya menu mlumpat.
11 saka 20
Pilih Default
Default kaca web kanggo nampilake item drop-down sing kadhaptar kasebut minangka item gawan. Nanging yen sampeyan pengin sing dipilih siji, nyorot ing kothak "Kaping pisanan" ing menu Properties.
12 saka 20
Waca Dhaftar ing Tampilan Desain
Sawise sampeyan rampung nyunting properti, Dreamweaver bakal nuduhake dhaptar gulung mudhun kanthi nilai standar sing dipilih.
13 saka 20
Waca dhaptar ing Kode View
Yen sampeyan pindhah menyang tampilan kode, sampeyan bisa ndeleng manawa Dreamweaver nambah menu gulung mudhun nganggo kode sing resik banget. Atribut ekstra mung ana sing ditambahake karo opsi aksesibilitas. Kodhe kabeh wis mlebu lan gampang diwaca lan dingerteni. Iku malah nampilake ing atribut = "dipilih" sing dipilih amarga aku wis ngandhani Dreamweaver sing aku asli kanggo nulis XHTML.
14 saka 20
Simpen lan Deleng ing Browser
Yen nyimpen dokumen lan ndeleng ing browser Web, sampeyan bisa ndeleng manawa menu gulung mudhun katon kaya sing bakal dituju.
15 saka 20
Nanging ora nggawe apa-apa
Menu sing digawe ing ndhuwur katon apik, nanging ora nindakake apa-apa. Supaya bisa nindakake apa wae, sampeyan kudu nyiyapake formulir ing wangun kasebut, sing minangka tutorial liyane.
Untunge, Dreamweaver nduweni wangun menu gulung dhasar sing bisa digunakake langsung ing situs tanpa perlu sinau babagan formulir, CGI, utawa skrip. Punika disebut Menu Langsung.
Menu Dreamweaver Jump nggawe menu tarik-mudhun karo jeneng lan URL. Banjur sampeyan bisa milih item ing menu lan kaca Web bakal pindhah menyang lokasi kasebut, kaya yen sampeyan ngeklik link.
Bukak menu Insert banjur pilih Formulir banjur lompang Menu.
16 saka 20
Langsung Window Menu
Boten kados menu drop-down standar, menu Langsung mbukak jendhela anyar kangge ngandhani item menu lan nambah rincian babagan cara mbentuk formulir.
Kanggo item sing kapisan, ganti tulisan "untitled1" menyang apa sing arep diwaca lan tambahake URL sing bakal dituju.
17 saka 20
Tambah Item menyang Menu Langsung
Klik ing item tambahan kanggo nambah item anyar menyang menu mlumpat. Nambahake akeh item sing dikarepake.
18 saka 20
Milih Pilihan Menu
Sawise sampeyan nambahake kabeh pranala sing pengin, sampeyan kudu milih opsi sampeyan:
URL Bukak Ing
Yen sampeyan duwe frameset, sampeyan bisa mbukak pranala ing bingkai sing beda. Utawa sampeyan bisa ngganti pilihan Window Utama menyang target khusus supaya URL bakal mbukak ing jendhela anyar utawa ing panggon liya.
Jeneng menu
Menehi menu unik ID kanggo kaca kasebut. Iki dibutuhake supaya skrip bisa dianggo kanthi bener. Sampeyan uga ngidini sampeyan duwe sawetara menu mlumpat ing siji wangun - mung menehi kabeh jeneng beda.
Pasang Tombol Go Sawise Menu
Aku milih iki amarga kadang script ora bisa digunakake nalika menu diganti. Iku uga luwih gampang diakses.
Pilih Item Pisanan Sawise Ganti URL
Pilih iki yen sampeyan duwe pituduh kayata "Pilih siji" minangka item menu pisanan. Iki bakal nyathet yen item tetep asli ing kaca.
19 saka 20
Langsung Menu Design View
Kaya karo menu pisanan sampeyan, Dreamweaver nggawe menu mlumpat ing tampilan desain kanthi item gawan katon. Sampeyan banjur bisa ngowahi menu gulung mudhun kaya sampeyan liyane.
Yen sampeyan nyunting, priksa manawa ora ngganti ID wae ing item, mula skrip bisa uga ora bisa digunakake.
20 saka 20
Langsung Menu ing Browser
Nyimpen file lan ngengingi F12 bakal nampilake kaca ing browser sing disenengi. Ana sampeyan bisa milih opsi, klik "Go" lan menu mlumpat karya!