Slik bruker du et bilde som bakgrunn i Adobe Dreamweaver CS6 - dummies

Å lage bakgrunner for nettsider i Adobe Dreamweaver CS6 er morsomt og kan forfølges på flere måter enn de fleste kan forestille seg. Du kan lage et gjentatt mønster med et enkelt lite bilde, lage et vannmerke, eller bruk et stort bilde for å fylle en hel bakgrunn.

Som standard gjentar en HTML-bakgrunn det valgte bildet til det fyller skjermen. I forbindelse med CSS-egenskaper kan du kontrollere eller eliminere gjentakende oppførsel og til og med angi nøyaktig posisjonering for et enkelt bakgrunnsbilde.

Hvis du fyller en bakgrunn med et mønster, må du sørge for å lage et mønsterbilde som ikke har noen merkbare kanter.

Følg disse trinnene for å bruke din standard, gjentatte fliser for et bakgrunnsbilde:

1. I Photoshop velger du Arkiv → Nytt for å opprette et nytt bilde.

2. I den nye dialogboksen som vises, opprett et bilde som er mye bredere enn det er høyt, velg RGB, velg 72 dpi, og klikk deretter OK.

   Skriv for eksempel 1000 i tekstfeltet Bredde og 20 i tekstfeltet Høyde.

3. Velg en forgrunns- og bakgrunnsfarge for å lage en blanding; bruk deretter Gradient-verktøyet til å skifte + dra fra toppen til bunnen av bildeområdet for å lage en gradientfylling.

4. Velg Arkiv → Lagre for web, lagre bildet som en JPEG-fil i webområdets innholdsmappe, og lukk bildet.

5. I Dreamweaver velger du Endre → Sideegenskaper eller klikker på Sideegenskaper-knappen i Egenskapsinspektøren for å plassere bildet som et bakgrunnsbilde på websiden din.

   Hvis siden Egenskaper-knappen ikke er synlig, klikker du på siden - vær sikker på ikke å velge et annet element, for eksempel et bilde.

   Dialogboksen Egenskaper for side vises.

   

6. I dialogboksen Egenskaper for side klikker du Bla gjennom-knappen til høyre for bakgrunnsbildet. I vinduet som vises, naviger til plasseringen til det lagrede bakgrunnsbildeet ditt, og klikk deretter OK.

7. Tilbake i dialogboksen Egenskaper for side, klikk OK.

   Bildet vises i bakgrunnen, gjentar og lager en kul bakgrunnsgradient på tvers av siden!

Avhengig av størrelsen og oppløsningen til en brukers skjerm, kan bakgrunnsbildet ditt bli tvunget til å gjenta. Gjenta et bakgrunnsbilde kan gi noen kreative resultater.

I enkelte tilfeller ser du kanskje ikke bakgrunnen før du klikker på Forhåndsvis / Feilsøking i nettleser og forhåndsviser siden i standard nettleseren din.