Du bruger baggrundspanelet i Dreamweaver's CSS Designer panel. kan angive en baggrundsfarve eller et billede til en stil - og kontrollere, hvordan baggrunden vises på siden. Du kan bruge baggrundsstilindstillinger til ethvert element på din webside, der kan vise en baggrund - herunder, overskrift og billedkoder.
Du kan for eksempel ændre mærket til at inkludere baggrundsindstillinger, der gælder for hele siden, eller du kan oprette en stil med klassen eller idvælgeren og angive en baggrund, der kun vises bag et individ tag.
Ved at inkludere baggrunden i klassen eller ID-stilen på et tag, kan du begrænse baggrunden til kun at vises på skærmen, hvor mærket bruges. Bemærk, at baggrundsindstillingen kun fungerer med et billede, hvis du først angiver en margen omkring billedet.
Du kan vælge mellem disse Baggrundsindstillinger:
-
Baggrundsfarve: Angiv baggrundsfarven for en defineret stil ved hjælp af en af flere metoder. Du kan klikke på farven og vælge en foruddefineret farve eller oprette en brugerdefineret farve. Eller brug eyedropper til at prøve enhver farve på skærmen. Endelig kan du indtaste en hexadecimal farvekode - sørg for at inkludere #, som i # 000000 for farven sort eller #ffffff for farven hvid.
-
Baggrundsbillede: Vælg et billede, der skal fungere som baggrunden i din stildefinition. Indtast en webadresse til et billede på din computer eller på internettet, eller klik på mappeikonet for at gennemse harddisken og vælg et billede.
-
Baggrundsstilling: Angiv placeringen af baggrundsbilledet fra venstre og øverst på overordnet element ved at indtaste et nummer i hvert felt. Denne indstilling er kun synlig, hvis du klikker på den lille pil ud for URL-feltet i baggrundsafsnittet for at afsløre de yderligere felter, der følger.
-
Størrelse: Vælg målingen i pixels, ems eller en anden mulighed, og indtast derefter den størrelse, du vil have til baggrunden. Hvis feltet Stor størrelse er sat til automatisk (standard), vises billedet med den faktiske størrelse.
-
Baggrunds-klip: Angiv, om baggrunden begynder grænsen, polstring eller indholdet af et bokselement, f.eks. Et tag.
-
Background-Repeat: Klik på det tilsvarende ikon for at angive, hvordan og om baggrundsbilledet gentages eller fliser på tværs og ned på siden. Baggrundsbilleder fliser som standard, så du skal vælge en indstilling, hvis du ikke vil have din baggrund gentaget, eller du vil angive, hvordan den gentages.
Bemærk også, at hvis billedet er større end det element, som det bliver anvendt på, vil kun så meget af billedet som passer ind i elementets displayområde være synligt.Hvis du for eksempel bruger et 600 pixel bredt billede som baggrunden for et tag, der er indstillet til 300 pixels bredt, vil kun halvdelen af billedet være synligt.
Gentag mulighederne, angivet i rækkefølge af deres ikoner, følger:
-
Arve: Medmindre en anden mulighed er valgt, arver hvert element opførslen af dets overordnede element. Denne standardindstilling behøver ikke angives.
-
Gentag: Baggrundsbilledet gentages lodret og vandret i elementets baggrund.
-
Gentag-X: Baggrunden gentages horisontalt, men ikke lodret i elementets baggrund.
-
Gentag-Y: Baggrunden gentages vertikalt, men ikke vandret i elementets baggrund.
-
No-Repeat: Baggrunden vises en gang øverst til venstre på elementet.
-
Oprindelse: Angiv, om baggrunden for baggrunden begynder ved grænsen, polstring eller indholdet af et bokselement, f.eks. Et tag.
-
-
Vedhæftning: Bestem, hvordan baggrunden opfører sig, når siden rulles. Indstillingerne er
-
Arve: Medmindre en anden mulighed er valgt, arver hvert element opførslen af dets overordnede element. Dette er en standardindstilling og behøver ikke angives.
-
Fast: Baggrunden forbliver limet til et sted i visningsområdet og ruller ikke ud af syne, selv når websiden rulles.
-
Rul: Baggrunden ruller sammen med websiden.
-
-
Gradient: Klik på farvebrønden ved siden af Gradient for at åbne Dreamweaver's nye visuelle gradientvælger.