Hvordan bygge Mobile Web Page

Hvordan bygge Mobile Web Page


Trafikk til mobile nettsteder fortsetter å vokse, ifølge Nielsen Media Research. Hvert år flere forbrukere begynner å bruke mobile enheter for nettsurfing som smartphones - funksjonsrike mobile enheter utstyrt med flere web-applikasjoner - begynner å ta over mobiltelefonen markedet. Nettsteder bygd for mobil surfing er i essensen nedstrippet versjoner av tradisjonelle områder og er optimalisert ved hjelp av Wireless Markup Language (WML).

Bruksanvisning

Domene og Dokumentoppsett

1 Sett opp en mobil domene, hvis mobilnettstedet vil bli en følgesvenn til en full side du allerede eier. Du kan sette opp et domene som mobile.yourdomain.com via kontrollpanelet på din web hosting service.

2 Åpne din tekst editor for å lage en WML dokument. Sidene på et mobilt nettsted er også referert til som kort. Hvis du bruker Dreamweaver, kan du velge WML blant de filtypene som er oppført i kategorien "Annet" når du velger "Ny" fra "Fil" -menyen.

3 Skriv de to linjene:

<? Xml version = "1.0" encoding = "utf-8"?>
<! DOCTYPE html PUBLIC "- // WAPFORUM // DTD XHTML Mobile 1.0 // EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd&quot;>

Disse linjene forteller en mobilnettleser hva slags dokument det er å lese, og at WML standard bør brukes til å tolke dokumentet.

4 Skriv inn følgende overskrift kode:

<Html>
<Head>
<Title> Domain Name - Tile på siden </ title>
<Style type = "text / css"> body {margin: 0 0 0 2; color: # 000; bakgrunn: #fff; font: 10px Verdana, Arial, sans-serif;} p {margin: 5px 0 3px;} </ style>
<Body>

5 Bytt tittelen tag informasjon i koden med ditt domenenavn og tittelen på siden. Erstatte informasjonen stil med Cascading Style Sheet informasjon hvis du foretrekker å legge til flere stiler til siden din. Stilen inkludert ovenfor er for en enkel layout.

Innhold

6 Hvis du har en liten versjon av logoen i GIF eller JPEG-format du kan ta den på toppen av dokumentet for å indikere din merkevare. Hold størrelsen på bildene veldig små. Phonescoop.com har en liste over de mest populære telefonene på markedet med sine skjermoppløsning data for å hjelpe deg å bestemme den beste bredden for bilder.

7 Sett inn HTML-kode som inneholder innholdet. Hvis du vil inkludere et avsnitt, surround innholdet med avsnittet tag.

<P> Dette er en linje med tekst </ p>

8 Inkluder en lenke til en annen side ved hjelp av ankerkoden:

<a href="Set" rel="nofollow" target="_blank"> http://yourdomain.com/page2.wml&quot;>Set eller endre PIN </a>

9 Skriv inn følgende kode når du er ferdig, inkludert innhold:

</ Body>
</ Html>

10 Lagre filen med et .wml forlengelse

nameofyourfile.wml

Last opp din fil til din web hosting plass.