Hvordan lage et nettsted som kan tilpasses alle nettlesere

På trykk design, hver person ser den samme logoen, de samme fargene, de samme skriftene og samme layout. Denne likhet er svært viktig i reklame fordi det etablerer en konsistent merkevare. I Web design, men nettsteder ser ofte forskjellig fra en datamaskin til den neste, på grunn av leser forskjeller og individuelle brukerinnstillinger. Profesjonelle Webdesignere bekjempe disse forskjellene ved hjelp av de vanligste skrifttyper og hacking sine stilark for å gjøre dem arbeide i eldre versjoner av Internet Explorer. Noen designere også foretrekker å gjøre sine oppsett "flytende" for å tilpasse seg varierende skjermstørrelser.

Bruksanvisning

1 Design ditt nettsted for å se flott ut i Firefox, Chrome eller Safari. Disse nettleserne alle tolker koden til World Wide Web Consortium (W3C) standarder. Ved bruk av Cascading Style Sheets versjon tre (CSS3), sørg for å inkludere nettleserspesifikke versjoner av hvert CSS3 stil. For eksempel, når du angir "border-radius," bruke både "-khtml-border-radius" og "-moz-border-radius."

2 Angi størrelsen på all tekst og <div> koder til prosenter i stedet for spesifikke tall. Å gjøre dette gjør at nettstedet til å presse og utvide avhengig av brukerens skjermstørrelse og innstillinger. Bare sette visse designelementer - for eksempel en sidebar som inneholder reklame eller navigasjon - til et bestemt antall piksler. Test design ved å åpne nettstedet i en nettleser. Endre størrelsen på nettleservinduet flere ganger for å teste oppsettet fleksibilitet.

3 Velg en god font stabel som inneholder fonter som er felles for de fleste datamaskiner. Skrift stabler er lister over skrifter nettsiden benytter for hvert element i CSS, for eksempel "p {font-family: Arial, Helvetica, sans-serif}". Når det gjelder dette eksempelet bruker nettstedet Arial for alle ledd på siden, eller det vil bruke Helvetica hvis Arial er ikke tilgjengelig. Hvis brukerens datamaskin ikke har noen av disse skriftene er installert, vil nettstedet bruker nettleserens standard sans-serif font.

4 Legg til linjen <! - [If lt 9 IE]> før noen annen link eller stil koder i nettsidens HTML-kode. Etter denne linjen, legger en link tag å angi en ny style sheet fil du vil skape for Internet Explorer. Avslutt denne "hack" ved å legge linjen <[endif] -> etter link tag. Nå opprette en ny stil ark. Åpne opp ditt nettsted i Internet Explorer 6 og begynne å fikse nettstedets design. Legg endringene du gjør som nye stilregler i den nye stilark. Når en person blar ditt nettsted bruker en versjon av IE eldre enn 9, vil de se området stylet med disse reglene.