Sådan Centrer Min webside Brug Dreamweaver

Sådan Centrer Min webside Brug Dreamweaver Christopher Robbins / Photodisc / Getty Images

Realiseringen af ​​et centreret webside giver dig mulighed for at oprette indhold, der viser vandret på det midterste punkt på siden, selvom browservinduet forstørres eller formindskes.Desuden formatering din side på denne måde sikrer, at dit arbejde pænt defineres i midten, så alle elementerne er synlige.Brug Adobes Dreamweaver ansøgning, kan du bruge de medfølgende værktøjer til at skabe Cascading Style Sheets (CSS) stil regler, der tillader dig at centrere din egen webside med succes.

Instruktioner

  1. Start din Dreamweaver ansøgning, skal du oprette en ny fil eller åbne en eksisterende, og åbn "CSS Styles" panelved at vælge denne indstilling under "Window" menu.

  2. Opret en "krop" stil ved at klikke på "Ny CSS regel" og vælge "Tag."Indtast ordet "krop" i "Tag" tekstfeltet og vælg "kun dette dokument."Den "krop" styrer det generelle udseende af din side, og giver dig mulighed for at angive målinger, der hjælper centre

    re din side.

  3. Vælg "Box" fra den dialogboks, der vises, skal du indtaste et nul i "Padding" og "Margin" tekstfelter og kontroller "Samme for alle" kasser.Klik på "OK", når du er færdig for at få CSS kode automatisk indsat i HTML-side.

  4. Opret en stil, der styrer det område, der holder indholdet på din webside ved at vælge et udtryk, såsom "container", at navne denne regel.Gentag processen i trin 2, men denne gang indtaste ordet efter eget valg i "Tag" tekstfeltet.

  5. Indstil styles til reglen i trin 4 ved at klikke på "Box" og indtaste et nummer, såsom 780 pixels, i "Bredde" tekstfeltet for at styre bredden på din side.Gentag denne proces ved at klikke på kategorien "Positionering" og indtaste den samme værdi i "Bredde" -feltet.Klik på "Kasse" igen, og indtast en måling for "Margin" ved at indtaste nuller i "Top" og "bund" felter.Vælg "Auto" fra "højre" og "venstre" drop-down menuer.

  6. Gem din fil, og vælg "Vis i browser" under "File" for at se din centreret side.

Tips & amp;Advarsler

  • Nogle versioner af Dreamweaver, såsom CS3, giver færdiglavede centreret web-side skabeloner, så du ikke behøver at oprette CSS kode.Få adgang til disse, skal du klikke på "Ny" under "Filer", vælg "HTML" eller "HTML-skabelon" under "Side Type", og vælg en titel med ordet "centreret" i den under "Layout" sektionen.

Ressourcer

  • Adobe Developer Connection: Design med CSS
  • W3Schools.com: CSS Tutorial
686
0
1
Anden Computer Software