Hvordan Sentrer Min webside ved hjelp av Dreamweaver

Hvordan Sentrer Min webside ved hjelp av Dreamweaver


Å gjøre en sentrert nettside lar deg lage innhold som viser horisontalt på midten punkt på siden, selv om nettleservinduet er forstørret eller forminsket. I tillegg, formatering siden din på denne måten sikrer at arbeidet ditt er pent definert i midten, slik at alle elementene er synlige. Ved hjelp av Adobes Dreamweaver program, kan du bruke de medfølgende verktøy for å skape Cascading Style Sheets (CSS) stil regler som tillater deg å sentrere din egen nettside med hell.

Bruksanvisning

1 Start din Dreamweaver program, opprette en ny fil eller åpne en eksisterende, og åpne "CSS Styles" panelet ved å velge dette alternativet under "Window" menyen.

2 Lag en "body" stil ved å klikke på "New CSS Rule" og velge "Tag". Skriv inn ordet "kropp" i "Tag" tekstfeltet og velg "Dette dokumentet bare." "Kroppen" styrer den generelle utseendet på siden din, og lar deg sette mål som bidrar sentrere siden din.

3 Velg "Box" fra dialogboksen som vises, angir et null i "Padding" og "margin" tekstfelt og sjekke "Samme for alle" bokser. Klikk "OK" når du er ferdig å ha CSS-koden automatisk inn i HTML-siden.

4 Lag en stil som kontrollerer området som holder innholdet på websiden din ved å velge en periode, for eksempel "container", som navn denne regelen. Gjenta prosessen i trinn 2, men denne gangen inn ordet du ønsker i "Tag" tekstfeltet.

5 Sett stiler for regelen i trinn 4 ved å klikke på "Box" og skrive inn et tall, for eksempel 780 piksler, i "bredde" tekstfeltet for å kontrollere bredden på siden din. Gjenta denne prosessen ved å klikke på kategorien "Posisjonering" og skrive inn den samme verdien i "Bredde" -feltet. Klikk "Box" igjen, og skriv en måling for "Margin" ved å skrive inn nuller i "Top" og "bottom" feltene. Velg "auto" fra "høyre" og "venstre" drop-down menyer.

6 Lagre filen og velg "Preview in browser" under "File" for å vise sentrert siden.

Hint

  • Noen versjoner av Dreamweaver, for eksempel CS3, gi ferdige sentrert web-side maler, slik at du ikke trenger å lage CSS-koden. For å få tilgang til disse, klikk "Ny" under "File", velg "HTML" eller "HTML-malen" under "Sidetype", og velg en tittel med ordet "sentrert" i den under "Oppsett" -delen.