Ved at bruge baggrundspanelet i Dreamweavers CSS Designer-panel kan du angive en baggrundsfarve eller et billede for en stil – og kontrollere, hvordan baggrunden vises på siden. Du kan bruge indstillinger for baggrundsstil til ethvert element på din webside, der kan vise en baggrund - inklusive ,
, overskrift og billedmærker.
For eksempel kan du ændre tagget til at inkludere baggrundsindstillinger, der gælder for hele siden, eller du kan oprette en stil med klasse- eller ID-vælgeren og angive en baggrund, der kun vises bag en person
tag.
Ved at inkludere baggrunden i klassen eller ID-stilen for en
tag, kan du begrænse baggrunden til kun at blive vist på skærmen, hvor
tag er brugt. Bemærk, at indstillingen Baggrund kun virker med et billede, hvis du først indstiller en margen omkring billedet.
Du kan vælge mellem disse baggrundsmuligheder:
Baggrundsfarve: Angiv baggrundsfarven for en defineret stil ved hjælp af en af flere metoder. Du kan klikke på farvebrønden og vælge en foruddefineret farve eller oprette en brugerdefineret farve. Eller brug pipetten til at prøve en hvilken som helst farve på skærmen. Til sidst 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 baggrund i din stildefinition. Indtast en hvilken som helst URL til et billede på din computer eller på internettet, eller klik på mappeikonet for at gennemse din harddisk og vælge et billede.
Baggrundsposition: Angiv placeringen af baggrundsbilledet fra venstre og toppen af det overordnede element ved at indtaste et tal i hvert felt. Denne mulighed er kun synlig, hvis du klikker på den lille pil ud for URL-feltet i sektionen Baggrund 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 ønsker til baggrunden. Hvis du lader feltet Størrelse være indstillet til auto (standard), vises billedet i den faktiske størrelse.
Baggrundsklip: Angiv, om baggrunden begynder grænsen, udfyldningen eller indholdet af et bokselement, som f.eks.
tag.
Background-Repeat: Klik på det tilsvarende ikon for at angive, hvordan og om baggrundsbilledet gentages, eller fliser, på tværs og ned ad siden. Baggrundsbilleder fliser som standard, så du skal vælge en mulighed, hvis du ikke ønsker, at din baggrund skal gentages, eller du vil angive, hvordan den gentages.
Bemærk også, at hvis billedet er større end det element, det er anvendt på, vil kun så meget af billedet, som der passer ind i elementets visningsområde, være synligt. For eksempel, hvis du bruger et 600 pixel bredt billede som baggrund for en
tag, der er indstillet til 300 pixels bred, vil kun halvdelen af billedet være synligt.Indstillingerne for Gentag, anført i rækkefølge efter udseendet af deres ikoner, følger:
Nedarv: Medmindre en anden mulighed er valgt, arver hvert element adfærden for dets overordnede element. Denne standardindstilling skal ikke angives.
Gentag: Baggrundsbilledet gentages lodret og vandret i elementets baggrund.
Gentag-X: Baggrunden gentages vandret, men ikke lodret, i baggrunden af elementet.
Gentag-Y: Baggrunden gentages lodret, men ikke vandret, i baggrunden af elementet.
Ingen gentagelse: Baggrunden vises én gang øverst til venstre i elementet.
Oprindelse: Angiv, om oprindelsen af baggrunden begynder ved kanten, udfyldningen eller indholdet af et bokselement, som f.eks.
tag.
Vedhæftet fil: Bestem, hvordan baggrunden opfører sig, når siden rulles. Mulighederne er
Nedarv: Medmindre en anden mulighed er valgt, arver hvert element adfærden for dets overordnede element. Dette er en standardindstilling og skal ikke specificeres.
Rettet: Baggrunden forbliver klistret til ét sted i visningsområdet og ruller ikke ud af syne, selv når websiden rulles.
Rul: Baggrunden ruller sammen med websiden.
Gradient: Klik på farvefeltet ud for Gradient for at åbne Dreamweavers nye visuelle gradientvælger.
Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.
Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]
Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]
Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]
Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]
Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]
Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]
Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]
Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]
Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]
