Websites bygget til visning på mobiltelefoner webbrowsere adskiller sig på en række vigtige områder fra de mere almindelige websider udviklet til visning på traditionelle edb-systemer. Til at begynde med , mobiltelefon-skærme er mindre og internetforbindelser tendens til at være langsommere på mobiltelefoner. Dette giver visse begrænsninger på, hvad der kan præsenteres ved hjælp af en mobiltelefon web browser. Som sådan har visse standarder, der skal opfyldes for at gøre oplevelsen så enkel som muligt . Hvad du har brug
Computer
webbrowser
Text editor
webserver
Vis Flere Instruktioner
Byg din mobil hjemmeside
1
Byg din mobil hjemmeside, som du ville en typisk hjemmeside . Dette trin varierer meget afhængigt af dit niveau af viden og erfaring . Hvis du bruger et Content Management System (CMS) , såsom WordPress eller Drupal, sæt den op på din egen computer -system , som du ville en almindelig hjemmeside. Ved anvendelsen af denne tutorial , vil vi antage, at du ved, hvordan man opbygger en traditionel hjemmeside . Opbygning af et website til mobiltelefon visning er hovedsagelig en proces skalering tilbage fra traditionel webdesign.
2
Etabler din web hierarki på din egen computer og fylde dit websted med det indhold, du ønsker at medtage. Gennemgå følgende retningslinjer for detaljerne om, hvordan du optimerer dit websted for mobile visning .
3
Fjern eventuelle Javascript og cookies fra din hjemmeside . Mens nogle mobiltelefon webbrowsere tillader brugen af Javascript, mange gør det ikke. I begge tilfælde kan Javascript tendens til at hog regnekraft , så det er bedst undgås .
4
Gør din hjemmeside design og layout så enkle og strømlinede som muligt. Mobiltelefon -skærme er små og ikke navigeret gennem brug af en pointer , som de er på tradition webbrowsere. Hold dit websted mellem en og to kolonner og udnytte enkle navigationsmæssige værktøjer , der let kan rulles igennem.
5.
Opsæt din style sheets eller CSS, med enkelhed for øje . Prøv at begrænse dit vifte af stilarter og fjern eventuelle afskedigelser , du kan ved et uheld ansætter i din style sheets .
6
Afkald unødvendige elementer. Bruge grafik sparsomt og slet ikke for navigation menuer . Hvis du skal bruge reklamer , begrænse antallet af og type, der er inkluderet på dit websted. Husk, at mobile web -browsere ikke kan gengive Flash-animationer , så dem vil blive ignoreret.
7
Optimer dine billedfiler til brug på små mobiltelefon skærme. Skærmstørrelser kan variere meget, men der er nogle relative standarder, der er dukket op . Generelt holder dine billeder under ca 240x320 pixels. Husk, at overdimensionerede billeder vil blive ændret af browseren , selv store billeder vil stadig tage ekstra tid til at hente og gengive .
8
Valider din hjemmeside. Det er ikke et krav at have en hjemmeside programmeret med gyldig HTML og CSS , men det gør ikke ondt , og det kan undersøge, om dit websted vil fungere med de fleste gyldigt web browsing software. Du kan validere din hjemmeside ved blot at indsende kildekoden til validator.w3.org .
9
Upload din mobil hjemmeside til en server. Opsæt Domain Name Service . Endelig kan du ønsker at bruge et underdomæne til at angive, at det er en mobil hjemmeside , såsom m.yourdomain.com . Alternativt kan du købe en top level domæne for at angive det er mobil -ready , såsom www.yourdomain.mobi .