Over 100 millioner forbrugere bruger deres smartphones til at surfe på internettet ifølge com.score Inc. Lær, hvordan du opretter et mobilwebsted specifikt til mobilpublikummet. Til denne vejledning skal du bruge dreamweaver CS5 og opefter. Denne artikel beskriver, hvordan du opretter et jquery -mobilwebsted.
Trin
Trin 1. Åbn Dreamweaver, og gå til fil> Ny
Du vil derefter se et "Nyt dokument" vindue. På venstre side vil du vælge indstillingen "side fra prøve", og derefter vælge "mobilstartere" og derefter "jQuery Mobile (CDN)" i den næste kolonne
Trin 2. Opret siderne
Når du har åbnet jQuery Mobile (CDN) filen, vil du se en side, der ligner denne:
Selvom dette teknisk set er et dokument på én side, repræsenterer hvert overskrift en anden "side". For eksempel er "Side Én" startsiden for mobilwebstedet, "Side To" kan være siden om os, "Side tre" kan være din serviceside og så videre
Trin 3. Se på koden
Disse trin kan være ret vanskelige, hvis du ikke er bekendt med grundlæggende HTML. For at oprette indholdet, prøv at arbejde i "delt visning" på Dreamweaver. Sådan kommer du til den tilstand, hvis du ser på venstre hjørne af Dreamweaver under filmenuen, vil du se fire muligheder "kode, split, design og live" sådan her:
Vælg den fremhævede indstilling "split", og du vil se en visning af kode og det faktiske websted side om side. Tag et kig på koden
Trin 4. Rediger overskrifterne for hver side
Der er (div data-role = "side"), hvilket betyder, at det er begyndelsen på en ny side. Bemærk, at hver side er forbundet med et nummer 'div data-role = "side"' er den anden side, 'div data-role = "side"' er den tredje side og så videre
'div data-role = "header"' er header-området, og du placerer dine header-oplysninger mellem de to "h1" og "/h1" tags.
Trin 5. Rediger indhold og menupunkter
'div data-role = "Content" "er begyndelsen på indholdssektionen. Det er her, du placerer det faktiske indhold på hver side. Bemærk, at der på den første side er:
-
og hvis du ser på den faktiske webside, ser du, at den første side har en liste med links. 'ul data-role = "listview"' betyder, at du vil have en liste med links i indholdsområdet. Når du tilføjer menupunkter eller 'data-role = "listview"', skal du sørge for at linke den korrekte tekst til de korrekte sider. For eksempel hvis side to er "Om os", side tre er "Vores service", og side fire er "Kontakt os", så vil du sætte:
Opret et mobilwebsted med Dreamweaver Trin 5 Bullet 1 -
Nu for at redigere indhold skal du blot sætte din tekst i mellem 'div data-role = "content"' og '/div' tags. For eksempel:
Opret et mobilwebsted med Dreamweaver Trin 5 Bullet 2
Trin 6. Rediger sidefoden
For at redigere sidefoden skal du blot sætte din tekst i stedet for teksten "Sidefod".
Trin 7. Tag et kig på dit websted i "live -tilstand"
Kan du huske, hvor du skiftede til "split mode?" lige i det område er der en knap, der siger "live". Klik på det, og du vil se, hvordan dit websted vil se ud på en telefon!
