Hvordan lage en mobil versjon av nettstedet

Hvordan lage en mobil versjon av nettstedet


Muligheter og begrensninger av nettsteder er svært forskjellig avhengig av om du surfer via en nettleser på en vanlig PC eller på en mobil nettleser på mobiltelefonen eller smarttelefon. Mens stasjonære datamaskiner med høyhastighets Internett-tilgang er i stand til å behandle store mengder data, mobiltelefoner begrenset i størrelse, tilkoblingshastighet og prosessorkraft. Imidlertid har profesjonelle organisasjoner begynt å innføre standarder for nettsteder rettet mot mobile enheter, og dette gjør utvikle mobile nettsider litt enklere.

Bruksanvisning

1 Last ned hele nettstedet til den lokale datamaskinen, hvis du ikke allerede har gjort det.

2 Opprett en ny fil i nettstedets rotmappe for mobilversjonen av nettstedet ditt. For å få til denne opplæringen, vil vi kalle denne mappen "mobi", men du kan kalle det hva du vil.

3 Kopier den grunnleggende strukturen til nettstedet ditt inn i "mobi" -mappen, og pass på å oppdatere noen relative linker som kan inngå i filene.

4 Fjern alle Javascript og informasjonskapsler fra mobilversjonen av nettstedet ditt. Mobile nettlesere vanligvis ikke kan bruke disse alternativene.

5 Forenkle oppsettet av nettstedet ditt. Skjermer på mobiltelefoner tendens til å være liten i forhold til dataskjermer. Nettstedet oppsett bør begrenses til en kolonne med navigasjon menyer på toppen og bunnen.

6 Forenkle CSS på ditt nettsted. De fleste moderne nettsider sette alle designelementer og instruksjoner i CSS-filer. Hvis det er mulig, kan du kombinere alle CSS-instruksjoner til ett dokument. Fjern eventuelle overflødige eller unødvendige layout instruksjoner.

7 Fjern eventuelle unødvendige elementer av ditt nettsted. Dette kan inkludere reklame, prangende designelementer og grafiske elementer. Alle disse tingene tar opp båndbredden på Internett, og derfor vil ta lengre tid for brukere å laste ned til sin mobilnettleser.

8 Endre størrelsen på bilder for å passe dem til en mobiltelefon skjerm. Mobile browser størrelser er svært variabelt. Generelt, prøv å holde bilder under 240 x 320 piksler i størrelse på det absolutte maksimum. Dessuten inkluderer bildestørrelse informasjon i HTML på websiden.

9 Validere nettstedets HTML og CSS. Dette vil sikre at nettstedet er tilgjengelig for flest nettlesere. Du kan validere hele nettstedet ved å sende den til World Wide Web Consortium bekreftelse service på validator.w3.org.

10 Last opp mobilnettstedet til webserveren.