Adobe CS5 Dreamweaver Bakgrundsbilder - dummies

Skapa bakgrund för webbsidor i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver 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.

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

2. Skapa en bild som är mycket bredare än den är hög i den nya dialogrutan som visas, välj RGB, välj 72 dpi och klicka 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 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. Öppna din Dreamweaver-sida.

   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.

6. Dialogrutan Sidegenskaper visas.

   Klicka på knappen Bläddra till höger om bakgrundsbilden, navigera till platsen för din sparade bakgrundsbild och klicka sedan på Välj / OK; klicka på OK i dialogrutan Sidegenskaper.

   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.

Som standard en bild upprepas horisontellt och vertikalt.

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.