Hvordan gjør jeg min webside Stretch å passe Alle lesere?

Hvordan gjør jeg min webside Stretch å passe Alle lesere?


Ingen nettleser er like. Selv om du kanskje foretrekke Mozilla Firefox, kan din medarbeider være en fan av Internet Explorer. Det kan være en plage for webutviklere som ønsker at deres design å vise likt innenfor hver nettleser. Ikke bekymre deg. Det er en måte å lage en nettside tilpasse seg hver skjermstørrelse, slik at det passer til hver nettleser.

Bruksanvisning

1 Start din HTML editor. Hvis du ikke har denne typen programvare, bruker TextEdit (Mac) eller Notepad (PC). Begge disse programmene er allerede installert på Apple- eller Windows-baserte operativsystemer.

2 Velg "File" og "Open" fra programmets navigasjonsmenyen. Finn din nettside dokumentet og velg det. Hvis du ikke har et dokument som allerede er opprettet, velger du "Fil" og deretter "Ny" i stedet.

3 Bygg en tabell i sidens <body> </ body> koder. Dekk bordet grensen til "0" og rett inn til "sentrum" og høyden og bredden til "100%". Innstilling av høyde og bredde på 100% gjør bordet for å utvide eller kontrakt avhengig av størrelsen nettleseren.

Eksempel:

<Body>

<Table border = "0" align = "center" width = "100%" height = "100%">

</ Table>

</ Body>

4 Plasser innholdet i tabellen koder.

Eksempel:

<Body>

<Table border = "0" align = "center" width = "100%" height = "100%">

innhold her

</ Table>

</ Body>

5 Velg "File" og "Save" fra programmets navigasjonsmenyen. Last opp filen til din webserver.

6 Start nettleseren. Vis HTML-dokumentet du nettopp lastet opp. Kontroller at innholdet nå strekker seg til å passe på skjermen. Hvis du har flere nettlesere, gjenta dette trinnet for å sikre konsistens.

Hint

  • Ifølge W3Schools.com, er Mozilla Firefox den mest populære nettleseren, fulgt av Google Chrome og Internet Explorer 8 (juli 2010).