100 миллионнан астам тұтынушы смартфондарын com.score Inc. сайтының мәліметтері бойынша интернетті шолу үшін пайдаланады, мобильді аудиторияға арнайы мобильді веб -сайт жасауды үйреніңіз. Бұл оқулық үшін сізге Dreamweaver CS5 және одан жоғары нұсқасы қажет болады. Бұл мақалада jquery мобильді веб -сайтын қалай құру керектігі айтылады.
Қадамдар
Қадам 1. Dreamweaver бағдарламасын ашып, файл> Жаңа тармағына өтіңіз
Содан кейін сіз «Жаңа құжат» терезесін көресіз. Сол жақта сіз «үлгідегі бет» опциясын таңдап, келесі бағаннан «мобильді бастаушыларды», содан кейін «jQuery Mobile (CDN)» таңдаңыз.
Қадам 2. Беттерді жасаңыз
JQuery Mobile (CDN) файлын ашқаннан кейін сіз келесіге ұқсас бетті көресіз:
Бұл техникалық жағынан бір беттік құжат болғанымен, әр тақырып әр түрлі «бетті» білдіреді. Мысалы, «Бірінші бет» - бұл мобильді веб -сайттың басты беті, «Екінші бет» біз туралы, «Үшінші бет» сіздің қызмет парағыңыз болуы мүмкін және т.б
Қадам 3. Кодекске қараңыз
Егер сіз негізгі HTML тілін білмесеңіз, бұл қадамдар өте қиын болуы мүмкін. Мазмұнды жасау үшін Dreamweaver бағдарламасында «бөлінген көріністе» жұмыс істеп көріңіз. Бұл режимге қалай жетуге болады, егер сіз Dreamweaver бағдарламасының сол жақ бұрышына, файлдар мәзірінің астына қарасаңыз, келесідей төрт кодты, кодты, бөлуді, жобалауды және өмір сүруді көресіз:
Белгіленген «бөлу» опциясын таңдаңыз, сонда сіз кодтың көрінісін және нақты сайтты көресіз. Кодты қараңыз
Қадам 4. Әр бет үшін тақырыптарды өңдеңіз
Бар (div data-role = «page»), бұл жаңа беттің басталуын білдіреді. Әр бет санмен байланысты екенін ескеріңіз 'div data-role = «page»' екінші бет, 'div data-role = «page»' үшінші бет және т.б.
'div data-role = «header»'-бұл тақырып аймағы, және сіз тақырып туралы ақпаратты екі «h1» және «/h1» тегтерінің арасына қоясыз.
Қадам 5. Мазмұн мен мәзір элементтерін өңдеңіз
'div data-role = «Content»'-мазмұн бөлімінің басы. Мұнда сіз әр беттің нақты мазмұнын қоясыз. Назар аударыңыз, бірінші бетте:
-
ал егер сіз нақты веб -бетті қарасаңыз, онда бірінші бетте сілтемелер тізімі бар екенін көресіз. 'ul data-role = «listview»' мазмұн аймағындағы сілтемелер тізімін алғыңыз келетінін білдіреді. Кез келген мәзір элементтерін немесе 'data-role = «listview»' қосқанда, дұрыс мәтінді дұрыс беттермен байланыстырғаныңызға көз жеткізіңіз.. Мысалы, егер екінші бет - «Біз туралы», үшінші бет - «Біздің қызмет», ал төртінші бет - «Бізбен хабарласыңыз» болса, онда сіз мынаны қойғыңыз келеді:
Dreamweaver көмегімен мобильді веб -сайт жасаңыз 5 -қадам 1 -
Енді мазмұнды өңдеу үшін мәтінді 'div data-role = «content» және'/div 'тегтерінің арасына қойыңыз. Мысалға:
Dreamweaver көмегімен мобильді веб -сайт жасаңыз 5 -қадам 2
Қадам 6. Төменгі деректемені өңдеңіз
Төменгі деректемені өңдеу үшін мәтінді «Бет төменгі колонтитул» мәтінінің орнына қою жеткілікті.
Қадам 7. Сіздің веб -сайтыңызға «тірі режимде» қараңыз
«Бөлу режиміне» қайда ауысқаныңыз есіңізде ме? дәл осы аймақта «тірі» деген батырмасы бар. Оны басыңыз, сонда сіздің веб -сайтыңыз телефонда қалай болатынын көресіз!
