Hur man använder en bild som bakgrund i Adobe Dreamweaver CS6 - dummies

Skapa bakgrund för webbsidor i Adobe Dreamweaver CS6 är kul och kan bedrivas på flera sätt än de flesta skulle föreställa sig. Du kan skapa ett upprepande mönster med en enda liten bild, skapa ett vattenstämpel eller använda en stor bild för att fylla en hel bakgrund.

Som standard återgår en HTML-bakgrund till den valda bilden tills den fyller skärmen. I kombination med CSS-egenskaper kan du styra eller eliminera upprepande beteende och till och med ställa in exakt positionering för en enda bakgrundsbild.

Om du fyller en bakgrund med ett mönster, var noga med att skapa en mönsterbild som inte har några urskiljbara kanter.

Gör så här för att använda din standard, repeterad kakel för en bakgrundsbild, genom att följa dessa steg:

1. I Photoshop väljer du Arkiv → Ny om du vill skapa en ny bild.

2. I den nya dialogrutan som visas skapar du en bild som är mycket bredare än den är hög, väljer RGB, väljer 72 dpi och klickar sedan på OK.

   Ange till exempel 1000 i textfältet Bredd och 20 i textfältet Höjdtext.

3. Välj en förgrunds- och bakgrundsfärg för att skapa en blandning; använd sedan Gradient-verktyget till Skift + dra från toppen till botten av bildområdet för att skapa en gradient fyllning.

4. Välj Arkiv → Spara för webben, spara bilden som en JPEG-fil i webbplatsens webbinnehållsmapp och stäng sedan bilden.

5. I Dreamweaver väljer du Ändra → Sidegenskaper eller klickar på Sidegenskaper-knappen i egenskapsinspektören för att placera bilden som en bakgrundsbild på din webbsida.

   Om sidan Egenskaper-knappen inte är synlig klickar du på sidan - var noga med att inte välja ett annat element, till exempel en bild.

   Dialogrutan Sidegenskaper visas.

   

6. I dialogrutan Sidegenskaper klickar du på knappen Bläddra till höger om bakgrundsbilden. I fönstret som visas, navigerar du till platsen för din sparade bakgrundsbild och klickar sedan på OK.

7. Tillbaka i dialogrutan Sidegenskaper klickar du på OK.

   Bilden visas i bakgrunden, upprepar och skapar en cool bakgrundsgradient över hela sidan!

Beroende på storleken och upplösningen på en användares bildskärm kan din bakgrundsbild vara tvungen att upprepa. Upprepa en bakgrundsbild kan ge några kreativa resultat.

I vissa fall kan du inte se din bakgrund tills du klickar på knappen Förhandsgranska / Debuger i webbläsare och förhandsgranskar sidan i din standardwebbläsare.