Video: Slik setter du inn P-stav 2025
Dreamweaver presenterer forskjellige alternativer for å definere hodeinnhold. En av dem innebærer å legge inn stiler på en side, som ikke anbefales. I stedet lager eksterne stilark - stilark som er separate filer som kan kobles til (brukes på) flere sider på et nettsted.
Når det er sagt, er det en tid og et sted for å definere sidebestemt styling som bare gjelder for en enkelt side. Når vil du gjøre det?
Du kan ty til å definere stiler for en enkelt side når du har stor hast på å prototype en side for teamet eller en klient, og du vil gå tilbake senere og bruke stiler. Eller, hvis du oppretter et enkelttsides nettsted, og det er ikke behov for et eksternt stilark som vil gjelde for flere sider.
Dreamweaver gir verktøy for å gjøre det i dialogboksen Egenskaper for side.
For å åpne dialogboksen Egenskaper for side, klikk på Sideegenskaper-knappen på Egenskapsinspektøren eller velg Endre → Sideegenskaper. Utseende (CSS), Utseende (HTML), Links (CSS) og Overskrift (CSS) -faner genererer hovedkode som definerer hvordan ulike elementer på siden vises. Alternativene er intuitive.
På fanen Utseende kan du for eksempel definere tekstfont, størrelse og farge, samt bakgrunnsfarge (eller bilde) for en side. Figuren viser bakgrunnsfargen som er definert. Andre faner i dialogboksen Egenskaper for side gir tilsvarende intuitive alternativer for å definere funksjoner, for eksempel hvordan koblinger vises og hvordan overskriftene ser ut.
I sitt forsøk på å gjøre webdesign enkelt, og å beskytte designere fra hva som er "under hetten", tilbyr Dreamweaver alternativer som genererer CSS stilarkode "ubevisst. "
Når du for eksempel bruker funksjonene i dialogboksen Egenskaper for side, kan du kanskje ikke innse at når du definerer egenskaper som en sidebakgrunn eller skrifttypestil, genererer du virkelig CSS-kode - men du er. På grunn av dette forholdet mellom CSS og HTML, kan dette "på flukt" -tilnærming til å generere CSS vise seg å være nyttig.
