100 milyondan çox istehlakçı com.score Inc saytına görə internetə baxmaq üçün ağıllı telefonlarından istifadə edir. Bu dərs üçün Dreamweaver CS5 və yuxarıya ehtiyacınız olacaq. Bu məqalədə jquery mobil veb saytının necə yaradılacağı izah olunur.
Addımlar
Addım 1. Dreamweaver proqramını açın və fayl> Yeni bölməsinə keçin
Sonra "Yeni Sənəd" Pəncərəsini görəcəksiniz. Sol tərəfdə "nümunədən səhifə" seçimini, sonra növbəti sütunda "mobil başlanğıclar" ı, sonra "jQuery Mobile (CDN)" seçin.
Addım 2. Səhifələr yaradın
JQuery Mobile (CDN) faylını açdıqdan sonra buna bənzər bir səhifə görəcəksiniz:
Bu texniki cəhətdən bir səhifəlik sənəd olsa da, hər başlıq fərqli bir "səhifə" təmsil edir. Məsələn, "Birinci Səhifə" mobil veb saytının ana səhifəsidir, "İkinci Səhifə" bizim haqqımızda, "Üçüncü Səhifə" xidmətlər səhifəniz ola bilər və s
Addım 3. Məcəlləyə baxın
Əsas HTML ilə tanış deyilsinizsə, bu addımlar olduqca çətin ola bilər. Məzmun yaratmaq üçün Dreamweaver -da "bölünmüş görünüşdə" işləməyə çalışın. Bu rejimə necə çatmaq olar, Dreamweaver -in sol küncünə, fayl menyusunun altına baxsanız, bunun kimi "kod, bölünmə, dizayn və yaşamaq" kimi dörd variant görürsünüz:
Vurğulanan "bölün" seçimini seçin və kodun və faktiki saytın yan-yana görünməsini görəcəksiniz. Kodu nəzərdən keçirin
Addım 4. Hər bir səhifə üçün başlıqları düzəldin
Var (div data-role = "səhifə"), yəni yeni bir səhifənin başlanğıcıdır. Hər səhifənin bir nömrə ilə əlaqəli olduğunu 'div data-role = "page"' ikinci səhifə, 'div data-role = "səhifə"' üçüncü səhifə və s.
'div data-role = "header"' başlıq sahəsidir və başlıq məlumatlarınızı iki "h1" və "/h1" etiketləri arasına qoyursunuz.
Addım 5. Məzmunu və Menyu maddələrini redaktə edin
'div data-role = "Məzmun"' məzmun hissəsinin başlanğıcıdır. Hər səhifənin həqiqi məzmununu bura qoyduğunuz yerdir. Qeyd edək ki, ilk səhifədə:
-
və həqiqi veb səhifəsinə baxsanız, ilk səhifədə bağlantıların siyahısı olduğunu görürsünüz. 'ul data-role = "listview"', məzmun sahəsindəki bağlantıların siyahısını istədiyinizi bildirir. Hər hansı bir menyu maddəsi və ya 'data-role = "listview"' əlavə edərkən, doğru mətni doğru səhifələrlə bağladığınızdan əmin olun.. Məsələn, ikinci səhifə "Haqqımızda", üçüncü səhifə "Xidmətimiz" və dördüncü səhifə "Bizimlə Əlaqə" dirsə, qoymaq istədiyiniz:
-
İndi məzmunu düzəltmək üçün mətninizi 'div data-role = "content" və'/div 'etiketləri arasına qoyun. Misal üçün:
Addım 6. Altbilgiyə düzəliş edin
Altbilgiyi redaktə etmək üçün sadəcə "Səhifə Altbilgisi" mətninin yerinə mətninizi qoyun.
Addım 7. Veb saytınıza "canlı rejimdə" baxın
"Bölmə rejimi" nə keçdiyinizi xatırlayın? bu sahədə "canlı" yazan bir düymə var. Bunun üzərinə vurun və veb saytınızın telefonda necə görünəcəyini görəcəksiniz!