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

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

Video: Lektion 10: Lagerhantering i Adobe Photoshop 2025

Video: Lektion 10: Lagerhantering i Adobe Photoshop 2025
Anonim

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.

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

Redaktörens val

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...