Gör en ny mapp css i din mapp webbsidor (sites)
om du inte gjort detta redan.
Starta Dreamweaver.
Gör en Ny Site Med Site name: CSS. Om du gjort det öppna saiten CSS.
Välj mappen css som din Local root folder.
Vi gör några grundinställningar.
- File/ New/ Blank Page/ HTML <none>/ Create.
- Spara som cssdw.html i en ny mapp cssdw i mappen css i webbsidor.
- Window/ CSS Style om det inte redan är öppet, välj All. Se bild!
- Längst ned i fönstret klicka på +, New CSS Rule.
- Fyll i enligt bild. OK!
- När en stor dialogruta öppnas klicka på Background och fyll i så här!
- Sedan klickar du för Box och fyller i så här! OK!
Nu är bakgrunden vit och utfyllnad och marginaler satta till 0, så vi kan fortsätta med sidan.
Nu gör vi en yttre Container (Behållare), som kommer att innehålla alla andra Container.
- Window/ CSS Style om det inte redan är öppet, välj All. Se bild!
- Längst ned i fönstret klicka på +, New CSS Rule.
- Fyll i enligt bild. OK!
- När den stora dialogrutan öppnas klicka på Block och fyll i så här.
- Sedan klickar du för Box och fyller i så här! OK!
OBS!
Nu skall göra fler Containar, vi börjar med header.
- Gå upp till css-fönstret och klicka på +. New CSS Rule.
- Fyll i enligt bild. OK!
- I den stora dialogrutan väljer du Box och fyller i så här. OK!
Nu skall göra fler Containar, vi fortsätter med main.
- Längst ned i css-fönstret klicka på +, New CSS Rule.
- Fyll i som förut, men vid Selector skriv #main. OK!
- Sedan klickar du för Box och fyller i så här! OK!
Nu skall göra fler Containar, vi fortsätter med footer.
- Längst ned i css-fönstret klicka på +, New CSS Rule.
- Fyll i som förut, men vid Selector skriv #footer. OK!
- Klick OK även i stora fönstret.
Spara! Än så länge syns ingenting i html-dokumentet.