Vairāk nekā 100 miljoni patērētāju izmanto savus viedtālruņus, lai pārlūkotu internetu saskaņā ar com.score Inc. Uzziniet, kā izveidot vietni mobilajām ierīcēm, kas paredzēta tieši mobilajai auditorijai. Šai apmācībai jums būs nepieciešams Dreamweaver CS5 un jaunāks. Šajā rakstā ir sīki aprakstīts, kā izveidot vietni jquery mobilajām ierīcēm.
Soļi
1. solis. Atveriet Dreamweaver un dodieties uz failu> Jauns
Pēc tam jūs redzēsit logu "Jauns dokuments". Kreisajā pusē vēlaties izvēlēties opciju "lapa no parauga", pēc tam nākamajā slejā izvēlieties "Mobilie starteri", pēc tam "jQuery Mobile (CDN)"
2. solis. Izveidojiet lapas
Atverot failu jQuery Mobile (CDN), jūs redzēsit lapu, kas izskatās līdzīgi šim:
Lai gan tehniski tas ir vienas lapas dokuments, katra galvene attēlo atšķirīgu "lapu". Piemēram, “Pirmā lapa” ir mobilās vietnes sākumlapa, “Otrā lapa” varētu būt lapa par mums, “Trešā lapa” - jūsu pakalpojumu lapa un tā tālāk
3. solis. Apskatiet kodu
Šīs darbības var būt diezgan sarežģītas, ja neesat pazīstams ar pamata HTML. Lai izveidotu saturu, izmēģiniet Dreamweaver “sadalīto skatu”. Kā nokļūt šajā režīmā, skatoties Dreamweaver kreisajā stūrī zem failu izvēlnes, jūs redzēsit četras iespējas "kods, sadalījums, dizains un tiešraide":
Izvēlieties iezīmēto opciju “sadalīt”, un blakus redzēsit koda skatu un faktisko vietni. Apskatiet kodu
4. solis. Rediģējiet katras lapas galvenes
Ir (div data-role = "page"), kas nozīmē, ka tas ir jaunas lapas sākums. Ņemiet vērā, ka katra lapa ir saistīta ar numuru 'div data-role = "page"' ir otrā lapa, 'div data-role = "page"' ir trešā lapa un tā tālāk
'div data-role = "header"' ir galvenes apgabals, un jūs ievietojat galvenes informāciju starp diviem "h1" un "/h1" tagiem.
5. solis. Rediģējiet satura un izvēlnes vienumus
'div data-role = "Content"' ir satura sadaļas sākums. Šeit jūs ievietojat katras lapas faktisko saturu. Ņemiet vērā, ka pirmajā lapā ir:
-
un, aplūkojot faktisko tīmekļa lapu, redzat, ka pirmajā lapā ir saišu saraksts. 'ul data-role = "listview"' nozīmē, ka vēlaties satura saišu sarakstu. Pievienojot izvēlnes vienumus vai 'data-role = "listview"', pārliecinieties, vai esat saistījis pareizo tekstu ar pareizajām lapām. Piemēram, ja otrā lapa ir “Par mums”, trešā lapa ir “Mūsu pakalpojums” un ceturtā lapa ir “Sazinieties ar mums”, tad vēlaties ievietot:
Izveidojiet vietni mobilajām ierīcēm, izmantojot Dreamweaver. 5. darbība. Aizzīme 1 -
Tagad, lai rediģētu saturu, vienkārši ievietojiet tekstu starp tagiem “div data-role =" content "" un "/div". Piemēram:
Izveidojiet vietni mobilajām ierīcēm, izmantojot Dreamweaver. 5. darbība. 2. aizzīme
6. solis. Rediģējiet kājeni
Lai rediģētu kājeni, vienkārši ievietojiet tekstu teksta "Lapas kājene" vietā.
7. solis. Apskatiet savu vietni “tiešajā režīmā”
Atcerieties, kur jūs pārslēdzāt "sadalīšanas režīmu"? tieši šajā apgabalā ir poga, kas saka "dzīvot". Noklikšķiniet uz tā, un jūs redzēsit, kā jūsu vietne izskatīsies tālrunī!
