Hvordan lage min webside passe enhver skjermstørrelse i Frontpage
De fleste nettsteder vise innhold ved hjelp av elementer med faste størrelser. Det er mange fordeler for denne tilnærmingen. Viktigst, gir fast dimensjonering designere og utviklere pixel-nivå presisjon i etableringen av nettsiden layout, et nivå av kontroll at mange skaperne foretrekker. Men faste størrelser er ikke perfekt for enhver situasjon. Noen forfattere kan i stedet ønsker sine sider for å ekspandere og fylle en viss del av skjermen, uavhengig av skjermstørrelsen på enheten som brukes. Å få til dette problemet er en relativt enkel prosess i Frontpage.
Bruksanvisning
1 Åpne siden din. Etter å ha startet Frontpage, velger du "Fil" fra menylinjen øverst på skjermen, og klikk "Åpne". Finn siden du vil redigere, og deretter dobbeltklikker du på ikonet for å åpne den.
2 Gi ytre layoutelementer relative, ikke absolutte størrelser. Mange nettside skaperne gi layoutelementer som <div> og <table> en bestemt bredde, slik som 960 piksler. Dessverre betyr dette ikke at elementet for å endre størrelse som leseren skjermen vokser eller krymper; bredde blir alltid satt til 960 piksler. Fordi en piksel på en skjerm er samme størrelse som en piksel på en annen, er dette måleenhet regnes som en absolutt verdi.
Motsatt til en absolutt verdi er en relativ verdi. Elementer med relative verdier vises annerledes avhengig av størrelsen på skjermen som de blir sett; deres størrelse er i forhold til den aktuelle skjermen. I stedet for å ha en bredde på 960 piksler, kan en forholdsvis store layout element har en bredde på 90 prosent. Dette betyr at det alltid vil ta opp 90 prosent av bredden av en gitt skjerm, enten at skjermen er meget bred eller meget smal.
For dette eksempelet anta nettstedet ditt er lagt ut med tabeller. Foreløpig bordet er 960 piksler bred. Den venstre kolonnen er 630 piksler bred og høyre kolonne er 330 piksler bred. For å endre tabellen fra en absolutt størrelse på 960 piksler til en relativ størrelse på for eksempel 80 prosent, høyreklikker du på et åpent område i tabellen og velg "Table Properties". I dialogboksen finner Layout delen, finn deretter "Angi bredde" i boksen. I feltet under boksen, angir du en verdi av 80. Klikk deretter på "I Percent" -knappen til høyre.
3 Gi indre elementer relative størrelser. Husk at tidligere i dette eksempel tabellen ble gitt erklært bredder på 630 og 330 piksler på sine søyler. For et bord med ekte relative størrelse, må du justere disse verdiene også. Høyreklikk på venstre celle, velg "Cell Properties" og endre verdien fra 630 piksler til 66 prosent. Gjør det samme for den rette cellen, endre verdien fra 330 piksler til 34 prosent. (Merk at de to prosentverdier må legge opp til 100.)
Nå har du en relativt størrelse bordet. Gjenta denne prosessen for alle <table> eller <div> layoutelementer på siden din for å sikre at hvert vises på ønsket størrelse.
4 Se endringene i nettleseren din. Når du har gjort endringene, velger du "Fil" fra menylinjen øverst, deretter "Lagre". Åpne siden du nettopp endret i nettleseren din. Legg merke til at når du endrer størrelsen på vinduet, størrelsen på websiden din endrer nå også. Din relativt størrelse layout vil nå passe skjermen på en hvilken som helst nettleser.