Hvordan Design en mobiltilpassede webside

En av de store hodepine for web-designere er hvordan man skal designe et nettsted som er egnet for mobile enheter. Siden alle enheter har ulike skjermstørrelser og ulike nivåer av teknologi, er det praktisk talt umulig å få et nettsted for å se rett på alle mulige skjermen. Men her finnes ulike metoder du kan bruke for å sikre dine spill og lage så god en mobilversjon av nettstedet ditt som du kan.

Bruksanvisning

Steps

1 Bestem hva slags informasjon du vil den mobile versjonen av nettstedet skal inneholde. Vanligvis vil du at mobil nettsidene til å ha mindre innhold per side, færre seksjoner, en mer grunnleggende navigasjonssystem og bilder, bare hvis du virkelig, virkelig trenger dem. Ikke bare gjør dette nettstedet lettere å lese det gjør det også raskere å laste; mobilnett har vanligvis mye tregere Internett-tilkoblinger enn Internett-leverandøren du bruker hjemme.

2 Finn eksempler på store mobile nettsider for å få en følelse for hvordan du vil at ditt eget nettsted for å se. Yahoos normal hjemmeside har hundrevis av linker og masse nyheter, mens mobilside har en topp historie og lenker til bare populære tjenester som værmeldinger og aksjer. Best Buy mobil-hjemmeside hjemmeside har bare et produkt søk, en butikk locator og en grunnleggende produkt navigasjon listen.

3 Legg et domenenavn for mobilnettstedet. De vanligste navnekonvensjoner er "m.yoursite.com", "mobile.yoursite.com" eller "yoursite.mobi." For de to første, kan du ganske enkelt opprette et underdomene på eksisterende område gjennom din vert kontrollpanel. For det tredje alternativet, må du for å registrere ditt domenenavn med "mobi" forlengelse. Ideelt sett siden besøkende sannsynlig ikke vil vite mobilen din URL offhand, kan du lage to eller tre sannsynlige adresser og lede ekstra seg til den virkelige mobilside.

4 Lag mobilnettstedet rundt design du har bestemt deg for. Du har et par forskjellige alternativer på hvordan du skal gå om dette. Den raske måten er å bare fjerne fra sidene dine alle presentasjon og stilelementer at mobile enheter kan bli hengt opp på eller vise feil. Du kan gjøre dette ved å fjerne stilark (eller linker til CSS-filer) fra <head> delen av hver av sidene. Dette vil gjøre alle delene på sidene stables oppå hverandre og fjerne alle designelementer, noe som resulterer i enkel navigering og lesbarhet.
Du kan også få hjelp ved hjelp av spesialiserte koden fra MikeIndustries, programvare som Zinadoo, som har en gratis basisversjon, eller til og med en mobil-spesialisert design firma som Origami Studios; se Resources nedenfor.

5 Annonser mobilversjonen av nettstedet. På vanlig nettsted, sørg for å inkludere en link til mobilversjonen nær toppen av siden.