Hvordan få websider til Auto Fit Screen

Hvordan få websider til Auto Fit Screen


Vi har alle sett dem: Nettsteder som er for stort eller for smale. De som er for brede må vi bla fra side til side, men de som er for smale bare ta opp en liten prosentandel av den tilgjengelige plassen.

Du vil nå lære å designe en webside slik at når nettleseren skjermen blir større, så gjør websiden, og når nettleseren skjermen er krympet, er så websiden.

Bruksanvisning

Bygg en tabell ved hjelp av prosenter

1 Start en tabell og angi bredden som dette:

<Table width = 100%>

Bygge en tabell med prosenter forteller tabellcelle for å samsvare med størrelsen på nettleservinduet.

2 Lag en farget bakgrunn celle. Slik at du kan se websiden utvide og krymper, lage en celle med farge som dette:

<Table width = 100%> <tr> <td bgcolor = 000000>

000000 vil gjøre cellen svart.

3 Avslutt bordet. Nå må du angi koden for å fullføre tabellen:

<Table width = 100%> <tr> <td bgcolor = 000000>
</ Td> </ tr> </ table>

4 Lagre websiden. Du har nå gjort en Wweb side som automatisk passer leseren skjermen. Lagre filen i en lett-å-finne katalogen og gi filen et navn, men sørg for å gi filen enten en HTM eller HTML forlengelse.

5 Se websiden med en nettleser. I hvilken som helst nettleser, gå til "File" øverst i venstre hjørne, og klikk. Deretter velger du "Open" eller "Åpne fil" (avhengig av hvilken nettleser du bruker). Naviger til websiden og klikk "OK."

6 Sjekk nettsiden for å se om det passer automatisk på skjermen. Du skal nå se en tykk svart linje øverst på skjermen. Når du utvide og krympe nettleservinduet, bør du se den svarte linjen utvide og kontrakt.

Skriv inn innholdet i tabellen cellen og alt innhold vil samsvare med bredden av nettleseren skjermen.

Hint

  • Noen omtaler slike websider som flytende mastetoppene.
  • Eventuelle tabeller du bygge innenfor denne hovedtabellen må være satt til 100 prosent (eller en annen prosentvis) for å fungere korrekt. Trikset er å ikke bruke noen faste bredde tabeller i webdesign.