Več kot 100 milijonov potrošnikov uporablja svoje pametne telefone za brskanje po internetu po podatkih com.score Inc. Naučite se ustvariti mobilno spletno mesto posebej za mobilno občinstvo. Za to vadbo boste potrebovali dreamweaver CS5 in novejše. Ta članek podrobno opisuje, kako ustvariti mobilno spletno mesto jquery.
Koraki
Korak 1. Odprite Dreamweaver in pojdite na file> New
Nato boste videli okno »Nov dokument«. Na levi strani želite izbrati možnost »stran iz vzorca«, nato v naslednjem stolpcu izberite »mobilni zaganjalniki«, nato »jQuery Mobile (CDN)«
Korak 2. Ustvarite strani
Ko odprete datoteko jQuery Mobile (CDN), boste videli stran, ki je podobna tej:
Čeprav je to tehnično dokument z eno stranjo, vsaka glava predstavlja drugačno "stran". "Prva stran" je na primer domača stran spletnega mesta za mobilne naprave, "druga stran" je lahko stran o nas, "tretja stran" je lahko vaša stran storitev itd
Korak 3. Oglejte si kodo
Ti koraki so lahko precej zapleteni, če ne poznate osnovnega HTML -ja. Če želite ustvariti vsebino, poskusite delati v "razdeljenem pogledu" na Dreamweaverju. Do tega načina pridete tako, da če pogledate v levi kot Dreamweaverja, pod menijem datotek, boste videli štiri možnosti »koda, razdelitev, oblikovanje in v živo«, kot je ta:
Izberite označeno možnost »split« in drug ob drugem boste videli pogled kode in dejanskega spletnega mesta. Oglejte si kodo
Korak 4. Uredite glave za vsako stran
Obstaja (div data-role = "page"), kar pomeni, da je to začetek nove strani. Upoštevajte, da je vsaka stran povezana s številko 'div data-role = "page"' je druga stran, 'div data-role = "page"' je tretja stran itd.
'div data-role = "header"' je področje glave, informacije glave pa postavite med dve oznaki "h1" in "/h1".
Korak 5. Uredite vsebino in elemente menija
'div data-role = "Content"' je začetek vsebinskega razdelka. Tu vnesete dejansko vsebino vsake strani. Upoštevajte, da je na prvi strani:
-
in če pogledate dejansko spletno stran, vidite, da ima prva stran seznam povezav. 'ul data-role = "listview" "pomeni, da želite seznam povezav na področju vsebine. Ko dodajate katere koli elemente menija ali" data-role = "listview" ", se prepričajte, da pravilno besedilo povežete s pravilnimi stranmi. Na primer, če je druga stran "O nas", tretja stran "Naša storitev", četrta stran pa "Pišite nam", potem želite vnesti:
Ustvarite mobilno spletno mesto s Dreamweaver Step 5 Bullet 1 -
Zdaj za urejanje vsebine preprosto vstavite besedilo med oznaki 'div data-role = "content"' in '/div'. Na primer:
Ustvarite mobilno spletno mesto s programom Dreamweaver Step 5 Bullet 2
Korak 6. Uredite nogo
Če želite urediti nogo, preprosto postavite besedilo namesto besedila »Noga strani«.
Korak 7. Oglejte si svojo spletno stran v načinu "v živo"
Se spomnite, kje ste preklopili v "razdeljeni način"? prav na tem področju je gumb, ki pravi "v živo". Kliknite na to in videli boste, kako bo videti vaše spletno mesto na telefonu!
