Više od 100 milijuna potrošača koristi svoje pametne telefone za pretraživanje interneta prema com.score Inc. Naučite kako izraditi mobilnu web stranicu posebno za mobilnu publiku. Za ovaj vodič trebat će vam dreamweaver CS5 i noviji. Ovaj članak opisuje kako stvoriti jquery mobilnu web stranicu.
Koraci
Korak 1. Otvorite Dreamweaver i idite na datoteku> Novo
Tada ćete vidjeti prozor "Novi dokument". S lijeve strane želite odabrati opciju "stranica iz uzorka", a zatim u sljedećem stupcu odaberite "Mobilni pokretači", a zatim "jQuery Mobile (CDN)"
Korak 2. Kreirajte stranice
Nakon što otvorite datoteku jQuery Mobile (CDN), vidjet ćete stranicu koja izgleda ovako:
Iako je ovo tehnički dokument od jedne stranice, svako zaglavlje predstavlja različitu "stranicu". Na primjer, "Prva stranica" je početna stranica za mobilnu web stranicu, "Druga stranica" može biti stranica o nama, "Treća stranica" može biti stranica vaših usluga itd
Korak 3. Pogledajte Kodeks
Ovi koraci mogu biti prilično nezgodni ako niste upoznati s osnovnim HTML -om. Da biste stvorili sadržaj, pokušajte raditi u "podijeljenom prikazu" na Dreamweaveru. Kako doći do tog načina rada je ako pogledate lijevi kut Dreamweavera, ispod izbornika datoteka, vidjet ćete četiri opcije "kod, podijeli, dizajniraj i uživo" ovako:
Odaberite istaknutu opciju "split" i vidjet ćete prikaz koda i stvarne web stranice jedan pored drugog. Pogledajte kod
Korak 4. Uredite zaglavlja za svaku stranicu
Postoji (div data-role = "page"), što znači da je to početak nove stranice. Imajte na umu da je svaka stranica povezana s brojem 'div data-role = "page"' je druga stranica, 'div data-role = "page"' je treća stranica i tako dalje
'div data-role = "header"' je područje zaglavlja, a podatke zaglavlja stavljate između dvije oznake "h1" i "/h1".
Korak 5. Uredite sadržaj i stavke izbornika
'div data-role = "Content"' početak je odjeljka sa sadržajem. Ovdje stavljate stvarni sadržaj svake stranice. Imajte na umu da se na prvoj stranici nalazi:
-
a ako pogledate stvarnu web stranicu, vidjet ćete da prva stranica ima popis veza. 'ul data-role = "listview"' znači da želite popis veza u području sadržaja. Kada dodajete bilo koju stavku izbornika ili 'data-role = "listview"', pobrinite se da povežete ispravan tekst s ispravnim stranicama. Na primjer, ako je druga stranica "O nama", treća stranica "Naša usluga", a četvrta stranica "Kontaktirajte nas", tada želite postaviti:
Izradite mobilnu web stranicu s Dreamweaverom Korak 5 Naredba 1 -
Sada za uređivanje sadržaja, jednostavno postavite tekst između oznaka 'div data-role = "content"' i '/div'. Na primjer:
Izradite mobilnu web stranicu s Dreamweaverom Korak 5 Naredba 2
Korak 6. Uredite podnožje
Da biste uredili podnožje, jednostavno postavite svoj tekst umjesto teksta "Podnožje stranice".
Korak 7. Pogledajte svoju web stranicu u "načinu rada uživo"
Sjećate li se gdje ste prešli u "podijeljeni način rada"? točno u tom području postoji gumb na kojem piše "uživo". Kliknite na to i vidjet ćete kako će vaša web stranica izgledati na telefonu!
