Välj Arkiv > Sidegenskaper eller klicka på knappen Sidegenskaper i egenskapskontrollen för text.
Senast uppdaterad den
2 maj 2021
- 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är dig hur du anger HTML-sidegenskaper och CSS-egenskaper, till exempel egenskaper för teckensnitt, bakgrundsfärg och bakgrundsbild, för din Dreamweaver-sida.
Du kan ange layout- och formategenskaper för varje sida som du skapar i Dreamweaver. Det gör du i dialogrutan Sidegenskaper (Arkiv > Sidegenskaper). I dialogrutan Sidegenskaper kan du ange standardtypsnittfamiljen och typsnitts standardstorlek, bakgrundfärgen, marginaler, länkformat och många andra aspekter av sidans design. Du kan ange nya sidegenskaper för varje sida som du skapar och du kan ändra egenskaper för befintliga sidor. Ändringarna som du gör i dialogrutan Sidegenskaper gäller för hela sidan.
Dreamweaver har två metoder för att ändra sidegenskaper: CSS eller HTML. Adobe rekommenderar att du använder CSS för att ange bakgrunder och ändra sidegenskaper.
Obs!
Sidegenskaper som du väljer gäller enbart det aktiva dokumentet. Om en sida har en extern CSS-formatmall ersätts inte taggarna som anges i formatmallen, eftersom den påverkar alla andra sidor där mallen används.
Ange egenskaper för CSS-sidans typsnitt, bakgrundsfärg och bakgrundsbild
Du kan ange flera grundläggande layoutalternativ för webbsidorna i dialogrutan Sidegenskaper. Det gäller bland annat typsnittet, bakgrundsfärgen och bakgrundsbilden.
-
-
Välj kategorin Utseende (CSS) och ange alternativen.
Typsnitt på sidan
Anger webbsidornas standardtypsnittsfamilj. Dreamweaver använder den typsnittsfamilj du anger, såvida du inte uttryckligen väljer ett annat typsnitt för ett textelement.
Storlek
Anger typsnittets standardstorlek på webbsidorna. Dreamweaver använder den typsnittsstorlek du anger, såvida du inte uttryckligen väljer en annan storlek för ett textelement.
Textfärg
Anger typsnittens färg.
Bakgrundsfärg
Ställer in bakgrundsfärg för sidan. Klicka på rutan Bakgrundsfärg och välj en färg i färgväljaren.
Bakgrundsbild
Ställer in en bakgrundsbild. Klicka på Bläddra och bläddra sedan till bilden och markera den. Du kan även ange sökvägen till bakgrundsbilden i rutan Bakgrundsbild.
Dreamweaver visar bakgrundsbilden upprepade gånger om den inte fyller hela fönstret, precis som webbläsare gör. (Vill du inte att bakgrundsbilden ska upprepas bör du använda CSS och stänga av funktionen.)
Upprepa
Anger hur bakgrundsbilden visas på sidan:
Välj alternativet Ingen upprepning om du bara vill att bakgrundsbilden ska visas en gång.
Välj alternativet Upprepa om du vill att bilden ska visas upprepade gånger i både vertikal och horisontell ledd.
Välj alternativet Upprepa x om du vill att bilden ska visas upprepade gånger i horisontell ledd.
Välj alternativet Upprepa y om du vill att bilden ska visas upprepade gånger i vertikal ledd.
Vänstermarginal och Högermarginal
Anger storleken på vänster och höger sidmarginal.
Toppmarginal och Bottenmarginal
Anger storleken på den topp- och bottenmarginalen.
Ange egenskaper för HTML-sidor
Om du anger egenskaper i den här kategorin i dialogrutan Sidegenskaper kommer sidan att HTML-formateras i stället för CSS-formateras.
-
Välj Arkiv > Sidegenskaper eller klicka på knappen Sidegenskaper i egenskapskontrollen för text.
-
Välj kategorin Utseende (HTML) och ange alternativen.
Bakgrundsbild
Ställer in en bakgrundsbild. Klicka på Bläddra och bläddra sedan till bilden och markera den. Du kan även ange sökvägen till bakgrundsbilden i rutan Bakgrundsbild.
Dreamweaver visar bakgrundsbilden upprepade gånger om den inte fyller hela fönstret, precis som webbläsare gör. (Vill du inte att bakgrundsbilden ska upprepas bör du använda CSS och stänga av funktionen.)
Bakgrund
Ställer in bakgrundsfärg för sidan. Klicka på rutan Bakgrundsfärg och välj en färg i färgväljaren.
Text
Anger typsnittens färg.
Länk
Anger länktextens färg.
Besökta länkar
Anger färgen på texten i besökta länkar.
Aktiva länkar
Anger vilken färg som visas då användaren klickar på en länk.
Vänstermarginal och Högermarginal
Anger storleken på vänster och höger sidmarginal.
Toppmarginal och Bottenmarginal
Anger storleken på den topp- och bottenmarginalen.
Ange rubrik och kodningsegenskaper för en sida
Alternativen Titel/Kodning i Sidegenskaper gör det möjligt att ange dokumentets teckenuppsättning. Den gäller det språk som du skriver webbsidorna på. Med de här alternativen kan du också ange vilket normaliseringsformat för Unicode som teckenuppsättningen används med.
-
Gör något av följande:
- Klicka på Arkiv > Sidegenskaper
- Klicka på Fönster > Egenskaper och klicka sedan på Sidegenskaper i egenskapskontrollen för text.
-
Välj Titel/kodning i panelen Sidegenskaper. Du kan konfigurera följande alternativ:
- Titel: Anger sidrubriken som visas i namnlisten i dokumentfönstret och i de flesta webbläsare.
- Dokumenttyp (DTD): Anger en dokumenttypsdefinition. Du kan t.ex. göra ett HTML-dokument XHTML-kompatibelt genom att välja XHTML 1.0 transitional eller XHTML 1.0 strict på snabbmenyn.
- Kodning: Anger kodningen som används för tecken i dokumentet. Om du väljer (UTF-8) som dokumentkodning behövs ingen entitetskodning, eftersom alla tecken kan representeras i UTF-8 utan problem. Om du väljer någon annan dokumentkodning kan vissa tecken behöva representeras genom entitetskodning. Mer information om teckenentiteter finns på www.w3.org/TR/REC-html40/sgml/entities.html.
- Läs in: Konverterar ett befintligt dokument eller öppnar det med en annan kodning.
- Normaliseringsformat för Unicode: Går endast att välja om du väljer UTF-8 som dokumentkodning. Det finns fyra normaliseringsformer för Unicode. Den viktigaste är normaliseringsform C, eftersom den är den vanligaste formen som används i teckenmodellen för webben. Adobe tillhandahåller de tre övriga normaliseringsformerna för Unicode för fullständighets skull. I Unicode ser vissa tecken likartade ut, men de kan lagras på olika sätt i dokumentet. Tecknet ”ë” (e med trema) kan till exempel representeras som ett enda tecken, ”e-omljud”, eller som två tecken, ”vanligt e i latinkodning” + ”omljud”. Ett kombinationstecken i Unicode är ett tecken som är kopplat till det föregående, så omljudet visas ovanför latinskt e. Bägge formerna ger samma resultat, men vad som sparas i filen är olika för varje form. Normaliseringen är en process som ser till att alla tecken som kan sparas i olika format verkligen sparas i samma format. Alla ”ë”-tecken i dokumentet sparas alltså som ”e-omljud” eller som ”e” + ”omljud”. Bägge formerna används inte i samma dokument. Mer information om Unicode-normalisering och de särskilda former du kan använda finns på Unicode-webbplatsen på www.unicode.org/reports/tr15.
- Inkludera Unicode-signatur (Byte Order Mark – BOM): Inkluderar en byteordningsmarkering (BOM) i dokumentet. En BOM är en två till fyra byte lång kod i början av textfilen. Den visar att filen är i Unicode-format och de efterföljande bytens byteordning. Eftersom UTF-8 saknar byteordning är det valfritt att lägga till en BOM med UTF-8-format. I formaten UTF-16 och UTF-32 är det obligatoriskt.
