Dreamweaver veb-saytingiz uchun ochiladigan menyularni yaratishni osonlashtiradi. Lekin barcha HTML formatlari kabi ular biroz qiyin bo'lishi mumkin. Ushbu qo'llanma Dreamweaver-dagi ochiladigan menyuni yaratish uchun sizga qadamlarni qo'yadi.
Dreamweaver jumboq menyusi
Dreamweaver 8 veb-saytida navigatsiya uchun o'tish menyusini yaratish uchun sehrgarni ham beradi. Asosiy ochiladigan menyulardan farqli o'laroq, ushbu menyu, siz tugallangandan keyin aslida biror narsalarni amalga oshiradi. Sizning ochiladigan formani ishlash uchun JavaScript yoki CGI-lar yozishingiz shart emas. Ushbu qo'llanmada shuningdek, o'tish menyusini yaratish uchun Dreamweaver 8 sehrgaridan qanday foydalanishni tushuntiriladi.
01dan 20gacha
Avval Formani yarating
Muhim eslatma HTML formalari va Dreamweaver haqida:
O'tish menyusi kabi maxsus sehrgarlardan tashqari Dreamweaver siz HTML formatlarini "ish" qilishda sizga yordam bermaydi. Buning uchun sizga CGI yoki JavaScript kerak. Qo'shimcha ma'lumot olish uchun iltimos HTML formatini yaratish haqida ma'lumot bering.
Veb saytingizga ochiladigan menyuni qo'shganingizda, sizga kerak bo'lgan birinchi narsa uni qamrab oladigan formadir. Dreamweaver ilovasida Qo'shish menyusiga o'ting va Shakl tugmasini bosing, so'ngra "Form" ni tanlang.
02dan 20gacha
Forma Ustasi ko'rinishida ko'rsatiladi
Dreamweaver ariza joylashuvingizni ingl. Sifatida dizayn ko'rinishida ko'rsatadi, shuning uchun ariza ma'lumotlaringizni qaerga qo'yish kerakligini bilasiz. Bu muhimdir, chunki ochiladigan menyu teglari form elementidan tashqarida haqiqiy emas (va ishlamaydi). Rasmda ko'rib turganingizdek, shakl dizayn ko'rinishidagi qizil nuqta chiziq.
03 dan 20gacha
List / Menyudan tanlang
Drop-down menyusi Dreamweaver-da "list" yoki "menu" elementlari deb nomlanadi. Shaklingizga birovni qo'shish uchun, Qo'shish menyusidagi Forma menyusiga kirib, "Ro'yxat / Menu" ni tanlashingiz kerak. Kursoringiz ariza qutingizdagi qizil nuqta chiziq ichida ekanligiga ishonch hosil qiling.
04dan 20gacha
Maxsus imkoniyatlar oynasi
Dreamweaver-ni tanlash uchun Accessibility-ning ekrani mavjud. Dreamweaver menga barcha mavjudlik xususiyatlarini ko'rsata olishni tanladim. Va bu ekran natijasidir. Shakllar juda ko'p veb-saytlar mavjudligi uchun tushadigan joy bo'lib, ushbu beshta variantni to'ldirib, sizning ochiladigan menyularingiz darhol foydalanish mumkin bo'ladi.
05 dan 20 ga qadar
Imkoniyatlarning mavjudligi
Kirish imkoniyati quyidagilardan iborat:
Yorliq
Bu maydon uchun nom. Formadagi elementingiz yonida matn sifatida ko'rsatiladi.
Sizning ochiladigan menyudagi qo'ng'iroqni xohlagan narsani yozing. Bu ochiladigan menyu javob beradigan savol yoki qisqa ibora bo'lishi mumkin.
Uslub
HTML brauzerda sizning arizangiz belgilaringizni aniqlash uchun sanasi yorlig'i mavjud. Sizning tanlovlaringiz ochilgan menyuni va teg matnini teg bilan o'rash, etiket yorlig'idagi "for" xususiyati bilan bog'lanish uchun yoki qaysi yorliq yorlig'i bilan bog'lanishini aniqlash uchun ishlatishingiz mumkin.
Men uni atributlardan foydalanishni afzal ko'raman, chunki agar biron bir sababga ko'ra yorlig'i ko'chirish kerak bo'lsa, u hali ham to'g'ri shakl maydoniga biriktiriladi.
Obyekt
Siz yorliqni ochiladigan menyuning oldidan yoki undan keyin qo'yishingiz mumkin.
Kirish uchun kalit
Bu to'g'ridan-to'g'ri ushbu ariza maydoniga ega bo'lish uchun Alt yoki Option tugmalari bilan birga ishlatilishi mumkin kalit. Bu sizning shakllaringizni sichqonga ehtiyoj sezmasdan juda oson ishlatadi. HTMLda kirish kalitini qanday sozlash kerak
Teg ko'rsatkichi
Ushbu veb-sahifada klaviatura orqali yorliqda foydalanilganda ariza maydoniga kirish kerak bo'lgan tartibdir. Tabindexni tushunish
Qulaylik imkoniyatlarini yangilaganingizda, OK ni bosing.
06 dan 20gacha
Menyuni tanlang
Dizayn ko'rinishida ochiladigan menyuningiz bo'lsa, unga turli elementlarni kiritishingiz kerak. Avval bosib ochiladigan menyuni tanlang. Dreamweaver siz tanlaganingizni ko'rsatish uchun faqat ochilgan menyuning atrofida yana bir nuqtali chiziq qo'yadi.
07 dan 20gacha
Menyu xususiyatlari
Xususiyatlar menyusi ushbu ochilgan menyuning list / menyu xususiyatlariga o'zgaradi. U erda menyusga identifikator ("tanlash" deb aytiladi) berishi mumkin, uni lis yoki menyudan bo'lishini xohlaysizmi, uni stil sahifangizdan uslublar sinfiga berasiz va ochiladigan narsalarga qadriyatlarni belgilashingiz mumkin.
Ro'yxat va menyu o'rtasidagi farq nima?
Dreamweaver har bir ochiladigan menyuni faqat bitta tanlov uchun ruxsat beruvchi menyu ochadi. "Ro'yxat" ochiladigan ro'yxatda bir nechta variantni tanlash imkonini beradi va bir nechta elementlardan yuqori bo'lishi mumkin.
Agar ochiladigan menyuning bir nechta satrlar bo'lishini xohlasangiz, uni "ro'yxat" turiga o'zgartiring va "saylovlar" qutisini belgilanmasdan qoldiring.
20 dan 20gacha
Yangi ro'yxat elementlarini qo'shing
Menyularga yangi elementlar qo'shish uchun "Ro'yxat qiymatlari ..." tugmasini bosing. Bu yuqoridagi oynani ochadi. Element yorlig'ini birinchi qutiga kiriting. Bu sahifada ko'rsatiladi. Agar qiymatni bo'sh qoldirsangiz, bu ham formada yuboriladi.
09 dan 20gacha
Qo'shimcha qo'shish va qayta tartiblashtirish
Qo'shimcha ma'lumotlar qo'shish uchun ortiqcha belgisini bosing. Agar siz ularni ro'yxatga olish qutisiga buyurtma qilishni xohlasangiz, o'ngdagi yuqoriga va pastga o'qlarni ishlating.
10 dan 20gacha
Barcha narsalar qiymatlarini bering
8-qadamda aytib o'tganimdek, qiymatni bo'sh qoldiradigan bo'lsangiz, bu teg shaklga yuboriladi. Lekin siz barcha narsalaringizning qiymatlarini berishingiz mumkin - sizning arizangizga muqobil ma'lumot yuborish uchun. Buni o'tish menyuslari kabi narsalar uchun juda ko'p foydalanasiz.
11dan 20gacha
Standartni tanlang
Birlamchi ochilgan elementni avval ko'rsatadigan veb-sahifalar aslida standart element sifatida ko'rsatiladi. Agar siz boshqa tanlanganni xohlasangiz, uni "Xususiyatlar" menyusidagi "Dastlab tanlangan" qutisiga o'ting.
12 of 20
Ro'yxatni Ustasi ko'rinishida ko'ring
Xususiyatlarni tahrirlashni tugatganingizdan so'ng, Dreamweaver ochiladigan ro'yxatni tanlangan asl qiymati bilan ko'rsatib beradi.
13 dan 20gacha
Ro'yxatni Kod ko'rinishida ko'ring
Agar siz kod ko'rinishiga o'tmoqchi bo'lsangiz, Dreamweaver ochilgan menyuni juda toza kod bilan qo'shib qo'yishini ko'rishingiz mumkin. Faqatgina qo'shimcha fazilatlarimiz - mavjudlik imkoniyatlari bilan qo'shilgan narsalar. Kod barcha o'qilgan va o'qish va tushunish juda oson. U tanlagan = "tanlangan" atributiga ham ega, chunki men Dreamweaverga XHTML yozishni default deb aytganman.
14 of 20
Brauzerda Saqlash va Ko'rish
Agar siz hujjatni saqlab, uni veb-brauzerda ko'rsangiz, ochiladigan menyuning siz kutganingiz kabi ko'rinishini ko'rishingiz mumkin.
20 dan 20gacha
Lekin hech narsa qilmaydi
Yuqorida yaratilgan menyu yaxshi ko'rinadi, lekin hech narsa qilmaydi. Buning uchun biror narsa qilish uchun, siz formada o'zingiz uchun form-harakatni yaratishingiz kerak, bu butunlay boshqa darslik.
Yaxshiyamki, Dreamweaver formasi, CGI yoki skript haqida bilishingiz kerak bo'lmasdan saytingizda darhol foydalanishingiz mumkin bo'lgan ichki o'rnatilgan ochiladigan menyu shakliga ega. "O'tish" menyusi.
Dreamweaver tugmasi menyusi nomlari va URL manzillari bo'lgan ochilgan menyuni o'rnatadi. Keyin menyudagi elementni tanlay olasiz va veb-sahifadagi manzilga o'tishingiz mumkin.
Qo'shish menyusiga o'ting va Shakl va keyin O'tish menyusini tanlang.
20 dan 20gacha
O'tish Menyu oynasi
Standart ochiladigan menyudan farqli o'laroq, O'tish menyusi sizning menyu ma'lumotlaringizni nomlash va ariza qanday ishlashi kerakligi haqidagi ma'lumotlarni kiritish uchun yangi oyna ochadi.
Birinchi maqola uchun, "untitled1" matnini o'qishni xohlaganingizga o'zgartiring va ushbu havolaga o'tish kerak bo'lgan URLni qo'shing.
20 dan 20gacha
O'tish menyusiga narsalarni qo'shish
O'tish menyusiga yangi element qo'shish uchun qo'shimchani bosing. Istaganingizcha ko'proq narsani qo'shing.
18 of 20
O'tish Menyu Variantlari
Siz istagan barcha havolalarni qo'shganingizdan so'ng, o'zingizga kerakli variantlarni tanlashingiz kerak:
URL manzillarini ochish
Agar sizda freym mavjud bo`lsa, siz linklarni boshqa freymda ochishingiz mumkin. Yoki URLni yangi oynada yoki boshqa joyda ochish uchun Asosiy oyna opsiyasini maxsus maqsadga o'zgartirishingiz mumkin.
Menyu nomi
Menyusiga sahifa uchun noyob identifikatorni bering. Bu skript to'g'ri ishlashi uchun talab qilinadi. Bundan tashqari, siz bir nechta o'tish menyusiga ega bo'lishingiz mumkin - faqat ularga har xil nom bering.
Menyudan keyin Go Button ni kiriting
Men buni tanlashni yaxshi ko'raman, chunki menyu o'zgarganda ba'zan skript ishlamaydi. Bundan ham osonroq.
URLni o'zgartirgandan keyin birinchi elementni tanlang
Agar siz birinchi menyu punkti sifatida "Select one" kabi ko'rsatgich bo'lsa, buni tanlang. Bu maqola qo'yilgan sahifada sukut saqlanganligini kafolatlaydi.
19-qism
O'tish Menyu Ustasi ko'rinishi
Sizning birinchi menyuingiz singari, Dreamweaver sizning o'tish oynangizni standart ko'rinishda paydo bo'lishi bilan dizayn ko'rinishida sozlaydi. Keyin boshqa menyudagi kabi ochiladigan menyuni tahrirlashingiz mumkin.
Agar siz uni tahrir qilsangiz, ob'ektlardagi identifikatorlarni o'zgartirmang, aks holda skript ishlamasligi mumkin.
20 dan 20gacha
Brauzerda o'tish menyusi
Faylni saqlash va F12ga urish siz sahifani afzal ko'rgan brauzerda ko'rsatadi. U erda bir variantni tanlashingiz mumkin, "O'tish" tugmasini bosing va o'tish menyusi ishlaydi!