Dreamweaver, Web saytınız üçün açılır menyular yaratmaq üçün asanlaşdırır. Ancaq bütün HTML formaları kimi onlar bir az çətin ola bilər. Bu təlimçi Dreamweaver-da açılan menyu yaratmaq üçün sizə addımlar atacaq.
Dreamweaver Jump Menüler
Dreamweaver 8, Web saytınızda naviqasiya üçün atlama menyusu yaratmaq üçün bir sehrbazdır. Bəzi açılan menyulardan fərqli olaraq, bu menyu həqiqətən başa çatdıqda bir şey edər. Açar şəklinizi işə salmaq üçün hər hansı bir JavaScript və ya CGI yazmaq olmaz. Bu dərslik, Dreamweaver 8 sihirbazını bir atlama menyusu yaratmaq üçün necə istifadə etdiyini izah edir.
01 ilə 20
Əvvəlcə Formu yaradın
HTML Formaları və Dreamweaver haqqında vacib məlumat:
Jump menu kimi xüsusi sehrbazlar istisna olmaqla, Dreamweaver HTML formasını "işləməyə" kömək etmir. Bunun üçün bir CGI və ya JavaScript lazımdır. Daha ətraflı məlumat üçün mənim təlimatım HTML Formaları yaratmaq üçün baxın.
Web saytınıza bir açılır menyu əlavə edərkən, lazım olan ilk şey onu əhatə edən bir formadır. Dreamweaver'da, Ekle menüsüne gidin ve Formu tıklatın, sonra "Form" seçin.
02/20
Form Tasarım görünüşündə göstərilir
Dreamweaver, forma formanızı dizayn baxımından görsel olaraq göstərir, buna görə forma elemanlarınızı nereye qoyacağınızı bilirsiniz. Bu, vacibdir, çünki açılan menyular etiketləri form elementindən kənarda etibarlı (və işləməyəcək). Görünüşdə gördüyünüz kimi forma, dizayn görünüşündə qırmızı nöqtəli xəttdir.
03 ilə 20
Siyahı / Menyu seçin
Açılır menyular Dreamweaver-da "list" və ya "menyu" adlanır. Formanıza bir əlavə etmək üçün Əlavə menyusunda Form menyusuna daxil olmanız və "Siyahı / Menyu" nu seçməlisiniz. İmleciniz formunuzun qırmızı nöqtəli xətti içində olduğundan əmin olun.
04/20
Xüsusi Seçimlər Pəncərəsi
Dreamweaver Seçimlərinizdə Erişilebilirlik ekranı var. Dreamweaver mənə bütün əlçatanlıq xüsusiyyətlərini göstərməyi seçirəm. Və bu ekran bunun nəticəsidir. Formalar, bir çox veb saytlarının əlçatanlığa düşdüyü və bu beş variantları doldurmaqla açılan menyular dərhal daha əlçatan olacaq bir yerdir.
05/20
Forma Erişilebilirlik
Accessibility Seçimləri bunlardır:
Etiket
Bu sahənin adıdır. Form elementinizin yanında mətn kimi göstərilir.
Açılır menyudan zəng etmək istədiyinizi yazın. Bu, açılır menyudan cavab verəcək bir sual və ya qısa ifadə ola bilər.
Stil
HTML brauzerinizə forma etiketlərinizi müəyyən etmək üçün bir etiket etiketi daxildir. Seçimləriniz, açılan menyunu və etiket metnini tag ilə etiketləmək üçün etiket formasındakı "for" atributunu istifadə etmək və ya etiket etiketini heç də istifadə etmir.
Etikam üçün istifadə etməyi üstün tuturam, buna görə etiketi bəzi səbəblərə görə hərəkət etməliyəmsə, hələ də düzgün formaya əlavə olunacaq.
Vəzifə
Etiketi açılır menyudan əvvəl və ya sonra yerləşdirə bilərsiniz.
Access Key
Bu, birbaşa forma ala bilmək üçün Alt və ya Seçim düymələri ilə birlikdə istifadə edilə bilən açardır. Bu siçan ehtiyac olmadan formlarınızı çox asan istifadə edir. HTML-də bir Access düyməsini necə qurmaq olar
Tab Index
Klaviaturadan istifadə edərkən Web səhifəsində nişanlandığında forma sahəsinə daxil olma əmridir. Tabindex'i anlama
Erişilebilirlik seçimlərini yenilədikdə, Tamam'ı basın.
06/20
Menyu seçin
Tasarım görünümünde gösteren açılan menünüze sahip olduğunuzda, bunun üçün müxtəlif öğeleri əlavə etmeniz lazımdır. Əvvəlcə üzərinə tıklayaraq açılır menyudan seçin. Dreamweaver, seçdiyinizi göstərmək üçün yalnız açılır menyuda ətrafında başqa bir nöqtəli xətt qoyacaq.
07 ilə 20
Menyu Özellikleri
Xassələr menyusu bu açılır menyu üçün siyahı / menyu xüsusiyyətlərinə dəyişəcək. Orada menyusuna bir ID verə bilərsiniz ("seç" deyir), lis və ya menyudan olmaq istəsəniz, stilinizdən stil sinfi verin və açılana dəyər verin.
Siyahı və Menyu Arasındaki Fark nədir?
Dreamweaver yalnız bir seçim etməyə imkan verən hər hansı bir açılır menyudan bir menyu açılır menyusunu çağırır. "Siyahı" açılır menyuda birdən çox seçim etməyə imkan verir və birdən çox maddə ola bilər.
Bir açılan menyunun birdən çox xətt olmasını istəyirsinizsə, onu "siyahı" tipinə dəyişin və "seçmələr" qutusunu sərbəst buraxın.
08-dən 20-ə
Yeni Siyahı Məhsullarını Əlavə edin
Menünüzə yeni elementlər əlavə etmək üçün "Siyahı dəyərləri ..." düyməsini basın. Bu yuxarıdakı pəncərəni açacaq. Element etiketinizə ilk qutu daxil edin. Bu səhifədə göstəriləcək. Qiyməti boş buraxırsınızsa, bu da şəklində göndəriləcək.
09 ilə 20
Daha çox əlavə et və yenidən sıralayın
Daha çox element əlavə etmək üçün plus simgesini basın. Onları siyahı qutusuna yenidən sifariş etmək istəyirsinizsə, sağdakı yuxarı və aşağı okları istifadə edin.
20-dən 10-a
Bütün əşyalar dəyərlərini verin
8-ci addımda qeyd etdiyim kimi, dəyəri boş qoyarsanız, etiket forma göndəriləcək. Amma bütün maddələrinizin dəyərlərini verə bilərsiniz - formanıza alternativ məlumat göndərmək. Bunu atlama menyular kimi şeylər üçün çox istifadə edəcəksiniz.
11-dən 20-ə
Bir Default seçin
Hər hansı açılan maddəni göstərmək üçün defolt veb səhifələr əvvəlcə default maddə kimi göstərilir. Farklı birinin seçilməsini isterseniz, Özellikler menüsündeki "Başlanğıcda seçilmiş" kutusuna vurun.
12/20
Dizayn Görünüşünüzdə Siyahınıza baxın
Xassələri düzəldirdikdən sonra, Dreamweaver açılır siyahınızı seçdiyiniz qiymətə görə göstərəcək.
20-dən 13-ə
Siyahı baxımından siyahınıza baxın
Kod görünüşünə keçid etsəniz, Dreamweaver açılır menyunu çox təmiz kodla əlavə etdiyini görə bilərsiniz. Yalnız əlavə xüsusiyyətlər əlçatımlı seçimlərlə əlavə etdiklərimizdir. Kod, oxumaq və anlamaq üçün bütün indented və çox asandır. XHTML yazmaq üçün mənim Dreamweaver'a demişəm, hətta seçilmiş = "seçilmiş" atributu qoyur.
20-dən 14-ə
Brauzerdə Saxla və Bax
Sənədi saxladığınız və onu bir veb brauzerdə keçirsəniz, açılan menyudan bunu gözlədiyiniz kimi göründüyünü görə bilərsiniz.
20-dən 20-ə
Ancaq heç bir şeyi etməz
Yuxarıda yaradılan menyu gözəl görünür, amma heç bir şey yoxdur. Bir şey etmək üçün onu tamamilə başqa bir tutorial olan forma forması üzərinə bir forma hazırlamalısınız.
Xoşbəxtlikdən, Dreamweaver formaları, CGIs və ya scripting haqqında öyrənmək ehtiyac olmadan saytınıza dərhal istifadə edə bilərsiniz daxili açılan menyu formu var. Buna Jump Menu deyilir.
Dreamweaver Jump Menu, adlar və URL'leri olan bir açılır menyunu qurur. Sonra menyuda bir maddə seçə bilərsiniz və Web səhifəsi bir linkə tıkladığınız kimi, həmin yerə keçəcəkdir.
Əlavə menyusuna gedin və Formu seçin və sonra Menyu seçin.
20-dən 20-ə
Menyu Pəncərəsinə Keç
Standart açılır menyudan fərqli olaraq, Jump menyusu menyularınızı adlandırmaq və formanın necə işləməyinə dair məlumatlar əlavə etmək üçün yeni bir pəncərə açır.
Birinci maddə üçün, "untitled1" mətnini oxumaq və istədiyiniz linkə dəyişdirin ki, bu link keçməlidir.
20-dən 17-ə
Get Menyuna Elementlər əlavə edin
Atlama menyusuna yeni bir maddə əlavə etmək üçün əlavə et öğesini basın. İstədiyiniz qədər çox maddə əlavə edin.
20-dən 18-ə
Menyu Seçeneklerini Gedin
İstədiyiniz bütün əlaqələri əlavə etdikdən sonra, seçimlərinizi seçməlisiniz:
Açıq URL'leri daxil edin
Bir çərçivə varsa, əlaqələri fərqli bir çərçivədə aça bilərsiniz. Və ya ana pəncərənin seçimini xüsusi bir hədəfə dəyişə bilərsiniz, belə ki URL yeni bir pəncərədə və ya başqa yerdə açılacaqdır.
Menyu adı
Menyusuna səhifə üçün unikal bir ID verin. Bu, scriptin düzgün işləməsi üçün tələb olunur. Həm də bir formada birdən çox atlama menyusuna sahib olmaq imkanı verir - yalnız onlara müxtəlif adlar verin.
Menudan sonra Go düyməsini daxil edin
Bunu seçməyi çox sevirəm, çünki menyunun dəyişməsi bəzən skript işləmir. Bu da daha əlçatandır.
URL dəyişməsindən sonra ilk elementi seçin
İlk menyudagi maddə kimi "Birini seçin" kimi bir istək varsa, bunu seçin. Bu, həmin maddədə səhifənin default olduğunu qaldıracaqdır.
20-dən 19-ə
Menyu Dizayn Görünüşünü Gedin
İlk menyuda olduğu kimi, Dreamweaver da görünüş görünüşündə görünüş görünüşündə görünüşlü görünüşlü menyu yaradır. Daha sonra hər hansı bir başqa kimi açılır menyunu düzəldə bilərsiniz.
Bunu düzəldirsinizsə, maddələr üzərində heç bir kimlik dəyişdirməyinizə əmin olun, əks halda skript işləməyəcəkdir.
20-dən 20-ə
Brauzerdə Menyu Tullan
Faylın saxlanması və F12-ə vurulması səhifəni seçdiyiniz brauzerinizdə göstərəcəkdir. Orada bir seçim seçə bilərsiniz, "Go" düyməsinə basın və atlama menyusu işləyir!