- Användarhandbok för Dreamweaver
- Introduktion
- Dreamweaver och Creative Cloud
- Arbetsytor och vyer i Dreamweaver
- Skapa webbplatser
- Om Dreamweaver-platser
- Skapa en lokal version av din webbplats
- Ansluta till en publiceringsserver
- Ställa i ordning en testserver
- Importera och exportera inställningarna för en Dreamweaver-plats
- För över befintliga webbplatser från en fjärrserver till din lokala platsrot
- Tillgänglighetsfunktioner i Dreamweaver
- Avancerade inställningar
- Ange platsinställningar för överföring av filer
- Ange proxyserverinställningar i Dreamweaver
- Synka inställningarna för Dreamweaver med Creative Cloud
- Använda Git i Dreamweaver
- Hantera filer
- Layout och design
- CSS
- Förstå Cascading Style Sheets (CSS)
- Utforma sidor med hjälp av CSS Designer
- Använda CSS-förbehandlare i Dreamweaver
- Ange CSS-formatinställningar i Dreamweaver
- Flytta CSS-regler i Dreamweaver
- Konvertera infogad CSS till en CSS-regel i Dreamweaver
- Arbeta med div-taggar
- Använda övertoningar på bakgrunden
- Skapa och redigera CSS3-övergångseffekter i Dreamweaver
- Formatera kod
- Sidinnehåll och resurser
- Ange sidegenskaper
- Ange CSS-rubrikegenskaper och CSS-länkegenskaper
- Arbeta med text
- Sök och ersätt text, taggar och attribut
- DOM-panel
- Redigera i live-vyn
- Koda dokument i Dreamweaver
- Markera och visa element i dokumentfönstret
- Ange textegenskaper i egenskapskontrollen
- Stavningskontrollera en webbsida
- Använda vågräta linjer i Dreamweaver
- Lägga till och ändra teckensnittskombinationer i Dreamweaver
- Arbeta med resurser
- Infoga och uppdatera datum i Dreamweaver
- Skapa och hantera favoritresurser i Dreamweaver
- Infoga och redigera bilder i Dreamweaver
- Lägga till medieobjekt
- Lägga till videor i Dreamweaver
- Infoga HTML5-video
- Infoga SWF-filer
- Lägga till ljudeffekter
- Infoga HTML5-ljud i Dreamweaver
- Arbeta med biblioteksobjekt
- Använda arabisk och hebreisk text i Dreamweaver
- Länkar och navigering
- jQuery-widgetar och effekter
- Koda webbplatser
- Om kodning i Dreamweaver
- Kodningsmiljön i Dreamweaver
- Ange kodningspreferenser
- Anpassa kodfärger
- Skriva och redigera kod
- Kodtips och kodkomplettering
- Komprimera och utöka kod
- Återanvända kod med fragment
- Granska kod
- Optimera kod
- Redigera kod i designvyn
- Arbeta med head-innehåll för sidor
- Infoga SSI i Dreamweaver
- Använda taggbibliotek i Dreamweaver
- Importera egna taggar i Dreamweaver
- Använda JavaScript-beteenden (allmänna instruktioner)
- Använda inbyggda JavaScript-beteenden
- Om XML och XSLT
- Utföra XSL-omvandlingar på servern i Dreamweaver
- Utföra XSL-omvandlingar på klienten i Dreamweaver
- Lägga till teckenentiteter för XSLT i Dreamweaver
- Formatera kod
- Arbetsflöden mellan produkter
- Installera och använda tillägg i Dreamweaver
- Uppdateringar i appen i Dreamweaver
- Infoga Microsoft Office-dokument i Dreamweaver (endast Windows)
- Använda Fireworks och Dreamweaver
- Redigera innehåll på Dreamweaver-webbplatser med Contribute
- Integrering mellan Dreamweaver och Business Catalyst
- Skapa anpassade e-postkampanjer
- Mallar
- Om Dreamweaver-mallar
- Känna igen mallar och mallbaserade dokument
- Skapa en Dreamweaver-mall
- Skapa ändringsbara regioner i mallar
- Skapa upprepande regioner och tabeller i Dreamweaver
- Använd valfria regioner i mallar
- Definiera redigerbara taggattribut i Dreamweaver
- Skapa kapslade mallar i Dreamweaver
- Redigera, uppdatera och ta bort mallar
- Exportera och importera XML-innehåll i Dreamweaver
- Lägga till eller ta bort en mall från ett befintligt dokument
- Redigera innehåll i Dreamweaver-mallar
- Syntaxregler för malltaggar i Dreamweaver
- Ange markeringsinställningar för mallområden
- Fördelar med att använda mallar i Dreamweaver
- Mobiler och flera skärmar
- Dynamiska webbplatser, sidor och webbformulär
- Förstå webbprogram
- Konfigurera datorn för programutveckling
- Felsöka databasanslutningar
- Ta bort anslutningsskript i Dreamweaver
- Utforma dynamiska sidor
- Översikt över källor med dynamiskt innehåll
- Definiera källor med dynamiskt innehåll
- Lägga till dynamiskt innehåll på sidor
- Ändra dynamiskt innehåll i Dreamweaver
- Visa databasposter
- Ange och felsöka livedata i Dreamweaver
- Lägga till anpassade serverbeteenden i Dreamweaver
- Bygga formulär med Dreamweaver
- Använda formulär för att samla in information från användarna
- Skapa och aktivera ColdFusion-formulär i Dreamweaver
- Skapa webbformulär
- Förbättrat HTML5-stöd för formulärelement
- Använda Dreamweaver för att utveckla ett formulär
- Bygga program visuellt
- Bygga huvud- och detaljsidor i Dreamweaver
- Bygga sök- och resultatsidor
- Bygga en postinmatningssida
- Bygga en postuppdateringssida i Dreamweaver
- Bygga postborttagningssidor i Dreamweaver
- Förändra en databas med hjälp av ASP-kommandon i Dreamweaver
- Bygga en registreringssida
- Bygga en inloggningssida
- Bygga en sida som bara behöriga användare har åtkomst till
- Skydda mappar i ColdFusion med Dreamweaver
- Använda ColdFusion-komponenter i Dreamweaver
- Testa, förhandsgranska och publicera webbplatser
- Felsökning
Läs det här avsnittet om du vill lära dig hur du använder och redigerar övertoningar på din webbsidas bakgrund med hjälp av panelen CSS Designer.
Med CSS Designer-panelen kan du använda övertoningar på bakgrunden på dina webbplatser. Egenskapen gradient är tillgänglig i bakgrundskategorin.
Klicka på 
intill egenskapen gradient. Då öppnas panelen för övertoningar. Med den här panelen kan du:
- Välja färger från olika färgmodeller (RGBa, Hexadecimal eller HSLa). Spara därefter olika färgkombinationer som färgrutor.
- Om du vill återgå från den nya färgen till ursprungsfärgen klickar du på ursprungsfärgen (K).
- Om du vill ändra färgrutornas inbördes ordning drar du dem till önskad position.
- Om du vill ta bort en färgruta drar du ut den från panelen.
- Använd färgsteg för att skapa komplexa övertoningar. Klicka var du vill mellan standardfärgstegen för att skapa ett färgsteg. Om du vill ta bort ett färgsteg drar du ut det från panelen.
- Ange vinkeln för linjär övertoning.
- Om du vill upprepa mönstret redigerar du egenskapen background-repeat.
- Spara anpassade övertoningar som färgrutor.
Så här fungerar följande kod:
background-image: linear-gradient(57deg,rgba(255,255,255,1.00) 0%,rgba(21,8,8,1.00) 46.63%,rgba(255,0,0,1.00) 100%)
- 57deg: Anger vinkeln för den linjära övertoningen
- rgba(255, 255, 255, 1.00): Färg för det första färgsteget
- 0%: Anger färgsteget
Bara %-värden för färgstegen stöds av Dreamweaver. Om du använder andra värden, till exempel px eller em, läser Dreamweaver dem som ”nil”. Dreamweaver stöder inte CSS-färger. Om du anger sådana färger i koden läses de som ”nil”.
Återge övertoningar i webbläsare
Om du använder övertoningar som bakgrund kan du konfigurera Dreamweaver så att övertoningarna återges rätt i olika webbläsare. Dreamweaver lägger till rätt leverantörsprefix i koden så att övertoningar kan visas i webbläsarna.
Dreamweaver kan skriva följande leverantörsprefix tillsammans med w3c-format:
- Webkit
- Firefox
- Opera
Som standard skriver Dreamweaver leverantörsprefix för Webkit och Dreamweaver Live-vyn. Du kan välja övriga önskade leverantörer via dialogrutan Inställningar (Inställningar > CSS-format).
Webkit- och w3c-prefix genereras alltid för rutskugga, oberoende av om du har valt dem i dina Inställningar eller inte.
Ändringar av övertoningarna återspeglas också i de leverantörsspecifika syntaxerna. Om du öppnar en befintlig fil som innehåller leverantörsspecifika syntaxer i Dreamweaver CC bör du kontrollera att du väljer rätt leverantörsprefix i Inställningar. Dreamweaver uppdaterar som standard bara kod som är relaterad till Webkit och Dreamweaver Live-vyn när du använder eller ändrar övertoningar. Övriga leverantörsspecifika syntaxer i din kod uppdateras alltså inte.
Växla bakgrundsbilder och övertoningar
Du kan ändra visningsordningen (i koden) för bakgrundsbilderna och övertoningarna med en klickning.
Klicka på pilen bredvid egenskapen url eller gradient i CSS Designer.
Dreamweaver CC innehåller en grundläggande implementering av funktionen för att växla bakgrund. Om du har flera värden eller bilder kan det hända att växlingen inte fungerar som den ska. Låt oss säga att du har en bild, en ytterligare bild och dessutom en övertoning på bakgrunden. Om du växlar övertoningen ändras ordningen och övertoningen hamnar först, sedan den andra bilden och sist den första bilden.
