Meer as 100 miljoen verbruikers gebruik hul slimfone om op die internet te blaai volgens com.score Inc. Lees hoe u 'n mobiele webwerf spesifiek vir die mobiele gehoor kan skep. Vir hierdie tutoriaal benodig u dreamweaver CS5 en hoër. Hierdie artikel beskryf hoe u 'n jquery -mobiele webwerf kan skep.
Stappe
Stap 1. Maak Dreamweaver oop en gaan na lêer> Nuut
U sal dan 'n venster 'Nuwe dokument' sien. Aan die linkerkant wil u die opsie "bladsy uit voorbeeld" kies, en dan in die volgende kolom "mobiele beginners" en dan "jQuery Mobile (CDN)"
Stap 2. Skep die bladsye
Sodra u die jQuery Mobile (CDN) lêer oopgemaak het, sien u 'n bladsy wat so lyk:
Alhoewel dit tegnies 'n eenbladsy -dokument is, verteenwoordig elke opskrif 'n ander 'bladsy'. Byvoorbeeld, "bladsy een" is die tuisblad van die mobiele webwerf, "bladsy twee" kan die bladsy oor ons wees, "bladsy drie" kan u diensbladsy wees, ens
Stap 3. Kyk na die kode
Hierdie stappe kan redelik moeilik wees as u nie die basiese HTML ken nie. Probeer om die inhoud te skep in 'split view' op Dreamweaver. Hoe u na die modus kan kom, is as u in die linkerhoek van Dreamweaver onder die lêermenu kyk, vier opsies "kode, verdeel, ontwerp en leef" soos volg:
Kies die gemerkte opsie "verdeel", en u sal 'n aansig van die kode en die werklike webwerf langs mekaar sien. Kyk na die kode
Stap 4. Wysig die opskrifte vir elke bladsy
Daar is (div data-role = "bladsy"), wat beteken dat dit die begin van 'n nuwe bladsy is. Let daarop dat elke bladsy geassosieer word met 'n getal 'div data-role = "page"' is die tweede bladsy, 'div data-role =' page '' is die derde bladsy ensovoorts
'div data-role = "header"' is die kopgebied, en u plaas u kopinligting tussen die twee "h1" en "/h1" tags.
Stap 5. Wysig die inhoud en spyskaartitems
'div data-role =' Content '' is die begin van die inhoudsafdeling. Dit is waar u die werklike inhoud van elke bladsy plaas. Let daarop dat daar op die eerste bladsy:
-
en as u na die werklike webblad kyk, sien u dat die eerste bladsy 'n lys skakels bevat. 'ul data-role = "listview"' beteken dat u 'n lys skakels in die inhoudsgebied wil hê. As u spyskaartitems of 'data-role =' listview 'byvoeg, moet u die regte teks met die regte bladsye koppel. Byvoorbeeld, as bladsy twee "Oor ons" is, bladsy drie "Ons diens" en bladsy vier "Kontak ons", wil u dit stel:
Skep 'n mobiele webwerf met Dreamweaver Stap 5 Bullet 1 -
Om die inhoud te wysig, plaas u teks eenvoudig tussen die 'div data-role = "content"' en '/div' tags. Byvoorbeeld:
Skep 'n mobiele webwerf met Dreamweaver Stap 5 Bullet 2
Stap 6. Wysig die voettekst
Om die voettekst te wysig, plaas u teks in plaas van die 'Bladsyvoet' -teks.
Stap 7. Kyk na u webwerf in die "lewendige modus"
Onthou jy waar jy oorgeskakel het na 'split mode'? in die omgewing is daar 'n knoppie wat sê "live". Klik daarop en u sal op 'n telefoon sien hoe u webwerf sal lyk!
