Hvordan lage et nettsted Juster til større resolusjoner

May 24

Som du designe nettsteder for offentlig visning, kan det være vanskelig å lage sider som passer alle skjermoppløsninger (piksler på skjermen) fordi seerne kan maksimere sine web nettleservinduer og noen skjermer er så stor at nettstedet kan vise med ekstra plass rundt den. Bruk Cascading Style Sheets (CSS) i forbindelse med Hypertext Markup Language (HTML) for å gjøre nettstedet ditt fleksibel slik at den tilpasser seg større oppløsninger og samtidig beholde sine proporsjoner.

Bruksanvisning

1 Starte et HTML tekst editor og begynne en ny side.

2 Skriv inn en "body" stil med en "width" attributt å lage en regel som styrer bredden på sidene dine. For eksempel:

body {width:}

3 Skriv inn en verdi på 100 prosent (%) etter tykktarmen for å tillate siden for å justere med alle typer skjermoppløsning. For eksempel:

body {width: 100%; }

4 Lagre filen med CSS forlengelse og plassere den på din web host i samme katalog som du holde web-filer i. Pass på å merke stedet slik at du kan koble til den.

5 Åpne alle sidene på nettstedet ditt og finne "<head> </ head>" delen på toppen av koden. Legg en link til din CSS fil (trinn 4) mellom disse elementene og gjenta dette for alle sidene på nettstedet ditt. Å illustrere:

6 Lagre filen og legg alle nettsidene tilbake på din web host. Hvis du bestemmer deg for å endre denne bredden senere, redigere CSS-filen og legg den tilbake på verten, slik at alle nettsidene blir oppdatert automatisk.

Hint

Hvis du ikke ser CSS endringer på nettleservinduet, kan du prøve å oppdatere siden din, og deretter se igjen.