Mbi 100 milionë konsumatorë përdorin telefonat e tyre inteligjentë për të shfletuar internetin sipas com.score Inc. Mësoni si të krijoni një faqe interneti celulare posaçërisht për audiencën celulare. Për këtë tutorial, do t'ju duhet dreamweaver CS5 e lart. Ky artikull detajon se si të krijoni një faqe në internet jquery për celular.
Hapa
Hapi 1. Hapni Dreamweaver dhe shkoni te skedari> E re
Pastaj do të shihni një Dritare "Dokument i Ri". Në anën e majtë, ju doni të zgjidhni opsionin "faqe nga mostra" pastaj në kolonën tjetër, zgjidhni "Mobile Starters", pastaj "jQuery Mobile (CDN)"
Hapi 2. Krijoni Faqet
Pasi të hapni skedarin jQuery Mobile (CDN), do të shihni një faqe që duket e ngjashme me këtë:
Edhe pse kjo teknikisht është një dokument me një faqe, secila kokë përfaqëson një "faqe" të ndryshme. Për shembull, "Page One" është faqja kryesore për uebfaqen e celularëve, "Page Two" mund të jetë faqja për ne, "Page Three" mund të jetë faqja e shërbimeve tuaja etj
Hapi 3. Shikoni Kodin
Këto hapa mund të jenë mjaft të ndërlikuar nëse nuk jeni të njohur me HTML -në bazë. Për të krijuar përmbajtjen, provoni të punoni në "split view" në Dreamweaver. Si të arrini në atë mënyrë është nëse shikoni në këndin e majtë të Dreamweaver, nën menunë e skedarëve, do të shihni katër opsione "kod, ndarje, dizajnim dhe drejtpërdrejt" si kjo:
Zgjidhni opsionin e theksuar "ndarje" dhe do të shihni një pamje të kodit dhe sitit aktual krah për krah. Hidhini një sy kodit
Hapi 4. Redaktoni titujt për secilën faqe
Ekziston (div data-role = "faqe"), që do të thotë se është fillimi i një faqeje të re. Vini re se çdo faqe është e lidhur me një numër 'div data-role = "page"' është faqja e dytë, 'div data-role = "page" është faqja e tretë dhe kështu me radhë
'div data-role = "header"' është zona e titullit, dhe ju vendosni informacionin tuaj të kokës midis dy etiketave "h1" dhe "/h1".
Hapi 5. Ndryshoni përmbajtjen dhe artikujt e menysë
'div data-role = "Përmbajtja"' është fillimi i seksionit të përmbajtjes. Këtu vendosni përmbajtjen aktuale të secilës faqe. Vini re se në faqen e parë ka:
-
dhe nëse shikoni uebfaqen aktuale, shihni se faqja e parë ka një listë lidhjesh. 'ul data-role = "listview"' do të thotë që dëshironi një listë të lidhjeve në zonën e përmbajtjes. Kur shtoni ndonjë artikull menuje ose 'data-role = "listview", sigurohuni që të lidhni tekstin e saktë me faqet e sakta Me Për shembull, nëse faqja dy është "Rreth Nesh", faqja e tretë është "Shërbimi ynë" dhe Faqja katër është "Na Kontaktoni", atëherë dëshironi të vendosni:
Krijoni një Uebfaqe Mobile me Dreamweaver Hapi 5 Bullet 1 -
Tani për të redaktuar përmbajtjen, thjesht vendoseni tekstin tuaj midis etiketave 'div data-role = "content"' dhe '/div'. Për shembull:
Krijoni një Uebfaqe Mobile me Dreamweaver Hapi 5 Bullet 2
Hapi 6. Redaktoni Shënimin
Për të redaktuar futbollin, thjesht vendosni tekstin tuaj në vend të tekstit "Fundi i faqes".
Hapi 7. Hidhini një sy faqes suaj të internetit në "Mode live"
Mos harroni se ku kaluat në "modalitetin e ndarjes?" pikërisht në atë zonë, ka një buton që thotë "live". Klikoni mbi të dhe do të shihni se si do të duket faqja juaj e internetit në një telefon!
