Com.score Inc ma'lumotlariga ko'ra, 100 milliondan ortiq iste'molchilar o'z smartfonlaridan Internetda ko'rish uchun mobil auditoriya uchun maxsus veb -sayt yaratishni o'rganadilar. Ushbu qo'llanma uchun sizga Dreamweaver CS5 va undan yuqori versiyalari kerak bo'ladi. Ushbu maqolada jquery mobil veb -saytini qanday yaratish haqida batafsil ma'lumot berilgan.
Qadamlar
Qadam 1. Dreamweaver -ni oching va fayl> Yangi -ga o'ting
Shundan so'ng siz "Yangi hujjat" oynasini ko'rasiz. Chap tomonda siz "namunadagi sahifa" variantini tanlashni xohlaysiz, keyin keyingi ustunda "mobil boshlanuvchilar" ni, keyin "jQuery Mobile (CDN)" ni tanlang.
Qadam 2. Sahifalarni yarating
JQuery Mobile (CDN) faylini ochganingizda, shunga o'xshash sahifani ko'rasiz:
Garchi bu texnik jihatdan bir sahifali hujjat bo'lsa -da, har bir sarlavha boshqa "sahifani" ifodalaydi. Masalan, "Birinchi sahifa" - bu mobil veb -saytning bosh sahifasi, "Ikkinchi sahifa" biz haqimizda, "Uchinchi sahifa" - sizning xizmatlaringiz sahifasi bo'lishi mumkin va hokazo
Qadam 3. Kodeksga qarang
Agar siz asosiy HTMLni bilmasangiz, bu qadamlar juda murakkab bo'lishi mumkin. Kontent yaratish uchun Dreamweaver -da "bo'linish ko'rinishida" ishlashga harakat qiling. Bu rejimga qanday o'tish mumkin, agar siz Dreamweaver -ning chap burchagiga, fayllar menyusi ostiga qarasangiz, siz "kod, bo'linish, dizayn va yashash" kabi to'rtta variantni ko'rasiz:
Belgilangan "bo'linish" variantini tanlang, shunda siz kodning ko'rinishini va haqiqiy saytni yonma-yon ko'rasiz. Kodni ko'rib chiqing
Qadam 4. Har bir sahifaning sarlavhalarini tahrirlang
U erda (div data-role = "page"), ya'ni bu yangi sahifaning boshlanishi. E'tibor bering, har bir sahifa raqam bilan bog'langan 'div data-role = "page"' ikkinchi sahifa, 'div data-role = "page"' uchinchi sahifa va boshqalar.
"div data-role =" header "'-bu sarlavha maydoni va siz o'z ma'lumotlaringizni ikkita" h1 "va"/h1 "teglari orasiga qo'yasiz.
Qadam 5. Tarkib va menyu elementlarini tahrirlang
'div data-role = "Kontent"-bu tarkib bo'limining boshlanishi. Bu erda siz har bir sahifaning haqiqiy tarkibini joylashtirasiz. E'tibor bering, birinchi sahifada:
-
va agar siz haqiqiy veb -sahifaga qarasangiz, birinchi sahifada havolalar ro'yxati borligini ko'rasiz. "ul data-role =" listview "" kontent sohasidagi havolalar ro'yxatini xohlaganingizni bildiradi. Har qanday menyu elementini yoki "data-role =" listview "'ni qo'shganda, to'g'ri matnni to'g'ri sahifalar bilan bog'laganingizga ishonch hosil qiling.. Masalan, agar ikkinchi sahifa "Biz haqimizda" bo'lsa, uchinchi sahifa "Bizning xizmatimiz", to'rtinchi sahifa "Biz bilan bog'laning" bo'lsa, siz quyidagilarni yozmoqchisiz:
Dreamweaver 5 -qadam bilan mobil veb -sayt yarating 1 -o'q -
Endi tarkibni tahrir qilish uchun matnni 'div data-role = "content" va'/div 'teglari orasiga qo'ying. Masalan:
Dreamweaver 5 -qadam bilan mobil veb -sayt yarating 2 -o'q
Qadam 6. Altbilgini tahrirlash
Altbilgini tahrir qilish uchun "Sahifaning altbilgisi" o'rniga matnni qo'yish kifoya.
Qadam 7. "Jonli rejim" da veb -saytingizni ko'rib chiqing
"Split rejim" ga qayerga o'tganingizni eslaysizmi? aynan o'sha joyda "jonli" degan tugma bor. Buni bosing, shunda siz telefonda veb -saytingiz qanday ko'rinishini ko'rasiz!
