Više od 100 miliona potrošača koristi svoje pametne telefone za pretraživanje interneta prema com.score Inc. Naučite kako stvoriti mobilnu web stranicu posebno za mobilnu publiku. Za ovaj vodič trebat će vam dreamweaver CS5 i novije verzije. 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ćoj koloni odaberite "Mobilni pokretači", a zatim "jQuery Mobile (CDN)"
Korak 2. Kreirajte stranice
Kada otvorite jQuery Mobile (CDN) datoteku, vidjet ćete stranicu koja izgleda slično ovome:
Iako je ovo tehnički dokument od jedne stranice, svako zaglavlje predstavlja različitu "stranicu". Na primjer, "Prva stranica" je početna stranica za web stranicu za mobilne uređaje, "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 kreirali sadržaj, pokušajte raditi u "podijeljenom prikazu" na Dreamweaveru. Kako doći do tog načina rada je ako pogledate u lijevi kut Dreamweavera, ispod izbornika datoteka, vidjet ćete četiri opcije "kod, podijeli, dizajniraj i uživo" ovako:
Odaberite označenu 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 pridružena broju '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 informacije zaglavlja stavljate između dvije oznake "h1" i "/h1".
Korak 5. Uredite sadržaj i stavke menija
'div data-role = "Content"' je početak 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:
Kreirajte 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:
Kreirajte mobilnu web stranicu s Dreamweaverom Korak 5 Naredba 2
Korak 6. Uredite podnožje
Da biste uredili podnožje, jednostavno postavite 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?" upravo u tom području postoji dugme na kojem piše "uživo". Kliknite na to i vidjet ćete kako će vaša web stranica izgledati na telefonu!
