- 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 om hur du använder Dreamweaver-mallar för att utforma en ”fast” sidlayout och sedan skapa dokument som är baserade på mallen som ärver dess sidlayout.
En mall är en särskild typ av dokument som du använder för att utforma en ”fast” sidlayout. Du kan sedan skapa dokument som är baserade på mallen som ärver dess sidlayout. När du utformar en mall anger du innehåll som ”redigerbart” som användare kan redigera i ett dokument som är baserat på den mallen. Med mallar kan mallskaparen styra vilka sidelement användarna, t.ex. författare, grafiska formgivare eller andra webbutvecklare, kan redigera. Det finns flera typer av mallområden som mallskaparen kan inkludera i ett dokument.
Med mallar kan du styra ett stort designområde och återanvända hela layouter. Om du vill återanvända enskilda designelement, t.ex. upphovsrättsinformation eller en logotyp, skapar du biblioteksposter.
Med mallar kan du uppdatera flera sidor samtidigt. Ett dokument som skapas från en mall förblir kopplad till den mallen (såvida du inte kopplar loss dokumentet senare). Du kan ändra en mall och direkt uppdatera designen i alla dokument som baseras på den.
Mallar i Dreamweaver skiljer sig från mallar i vissa andra Adobe Creative Cloud-program på så sätt att sidavsnitten i Dreamweaver-mallar som standard är fasta (inte går att redigera).
Typer av mallområden
När du sparar ett dokument som en mall är de flesta områden i ett dokument låsta. Som mallskapare anger du vilka områden i ett mallbaserat dokument som ska gå att redigera genom att infoga ändringsbara regioner eller redigerbara parametrar i mallen.
När du skapar mallen kan du ändra både redigerbara och låsta regioner. I ett dokument som baseras på en mall kan dock användaren bara göra ändringar i ändringsbara regioner. Låsta områden går inte att ändra.
Det finns fyra typer av mallområden:
En ändringsbar region: Ett olåst område i ett mallbaserat dokument, ett avsnitt som mallanvändaren kan redigera. En mallskapare kan ange ett område i en mall som redigerbart. För att en mall ska vara effektiv bör den innehålla minst en ändringsbar region, annars kan inte sidor som är baserade på mallen redigeras. Mer information om redigerbara områden finns i Skapa redigerbara områden i mallar.
En upprepande region: Ett avsnitt i dokumentlayouten som är angivet så att mallanvändaren kan lägga till eller ta bort kopior av den upprepande regionen som är baserad på mallen vid behov. Du kan t.ex. ange att en tabellrad ska upprepas. Upprepade avsnitt är redigerbara så att mallanvändaren kan redigera innehållet i det upprepade elementet medan själva designen styrs av mallskaparen.
Det finns två typer av upprepande regioner som du kan infoga i en mall: upprepande region och upprepande tabell. Mer information om hur du arbetar med upprepande regioner finns i Skapa upprepande regioner och tabeller i Dreamweaver.
En valfri region: Ett avsnitt i en mall som har ett innehåll, t.ex. text eller en bild, som kan visas eller ej i ett dokument. På den mallbaserade sidan styr oftast mallanvändaren om innehållet visas eller ej. I avsnittet Valfri region finns mer information.
Ett ändringsbart taggattribut: Gör att du kan låsa upp ett taggattribut i en mall så att du kan redigera attributet på en mallbaserad sida. Du kan t.ex. låsa vilken bild som visas i dokumentet, men låta mallanvändaren ange justeringen som vänster, höger eller mitten. Mer information finns i Definiera redigerbara taggattribut i Dreamweaver.
Länkar i mallar
När du skapar en mallfil genom att spara en befintlig sida som en mall uppdateras den nya mallen i mappen Mallar och länkar i filen så att deras dokumentberoende sökvägar är korrekta. När du sedan skapar ett dokument som är baserat på den mallen och sparar det uppdateras alla dokumentberoende länkar på nytt för att peka på de rätta filerna.
När du lägger till en ny dokumentberoende länk i en mallfil är det lätt att skriva fel namn på sökvägen om du skriver in sökvägen i länktextrutan i egenskapskontrollen. Den rätta sökvägen i en mallfil är sökvägen från mappen Mallar till det länkade dokumentet, inte sökvägen från det mallbaserade dokumentets mapp till det länkade dokumentet. Se till att det är rätt sökvägar för länkarna genom att använda antingen mappikonen eller ikonen Peka på fil i egenskapskontrollen när du skapar länkar i mallar.
Serverskript i mallar och mallbaserade dokument
Vissa serverskript infogas i början eller slutet av ett dokument (före <html>-taggen eller efter </html>-taggen). Sådana skript kräver särskild hantering i mallar och mallbaserade dokument. I vanliga fall gör du ändringar i skriptkoden före <html>-taggen eller efter </html>-taggen i en mall. Ändringarna kopieras inte till dokument som är baserade på den mallen. Detta kan orsaka serverfel om andra serverskript i huvuddelen av mallen som är beroende av skripten inte kopieras. Du får en varning om du ändrar skript före <html>-taggen eller efter </html>-taggen i en mall.
Om du vill undvika det här problemet kan du infoga följande kod i head-sektionen i mallen:
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
När den här koden finns i mallen kopieras ändringar av skript före <html>-taggen eller efter </html>-taggen till dokument som är baserade på den mallen. Du kommer dock inte längre kunna redigera dessa skript i dokument som är baserade på mallen. Men du kan välja att antingen kunna redigera dessa skript i mallen eller i dokument som är baserade på mallen, men inte båda.
Mallparametrar
Mallparametrar anger värden för att styra innehåll i dokument som är baserade på en mall. Använd mallparametrar för valfria regioner eller redigerbara taggattribut eller för att ange värden som du vill skicka till ett kopplat dokument. Välj ett namn, en datatyp och ett standardvärde för varje parameter. Varje parameter måste ha ett unikt namn som är skiftlägeskänsligt. De måste vara någon av dessa fem tillåtna datatyper: text, boolesk, färg, URL-adress eller siffra.
Mallparametrar skickas till dokumentet som instansparametrar. I de flesta fall kan en mallanvändare redigera parameterns standardvärde för att anpassa det som visas i ett mallbaserat dokument. I andra fall kan mallskaparen bestämma vad som visas i dokumentet baserat på värdet för ett malluttryck.
Malluttryck
Malluttryck är satser som beräknar eller utvärderar ett värde.
Du kan använda ett uttryck för att spara ett värde och visa det i ett dokument. Ett uttryck kan t.ex. vara så enkelt som värdet för en parameter, t.ex. @@(Param)@@ eller tillräckligt komplicerat för att beräkna värden som växlar bakgrundsfärg i en tabellrad, t.ex. @@((_index & 1) ? röd : blå)@@.
Du kan även definiera uttryck för if- och multiple if-villkor. När ett uttryck används i en villkorssats utvärderar Dreamweaver det som sant eller falskt. Om villkoret är sant visas den valfria regionen i det mallbaserade dokumentet. Om det är falskt visas det inte.
Du kan definiera uttryck i kodvyn eller i dialogrutan Valfri region när du infogar en valfri region.
I kodvyn finns två sätt att definiera malluttryck: använd kommentaren <!-- TemplateExpr expr="ditt uttryck"--> eller @@(ditt uttryck)@@. När du infogar uttrycket i mallkoden visas en uttrycksmarkör i designvyn. När du använder mallen utvärderar Dreamweaver uttrycket och visar värdet i det mallbaserade dokumentet.
Språk för malluttryck
Språket för malluttryck är en liten delmängd med JavaScript och använder JavaScript-syntax och företrädesregler. Använd JavaScript-operatörer för att skriva ett uttryck som detta:
@@(firstName+lastName)@@
Följande funktioner och operatörer stöds:
numeriska konstanter, strängkonstanter (endast syntax med dubbla cittatecken), booleska konstanter (sant eller falskt)
variabelreferens (se listan med definierade variabler senare i det här avsnittet)
fältreferens (”punktoperatören”)
unära operatörer: +, -, ~, !
binära operatörer: +, -, *, /, %, &, |, ^, &&, ||, <, <=, >, >=, ==, !=, <<, >>
villkorsstyrd operatör: ?:
parenteser: ()
Följande datatyper används: boolesk, flyttal med IEEE 64 bitar per kanal, sträng och objekt. Dreamweaver-mallar stöder inte användning av JavaScript-typerna ”null” eller ”undefined”. Scalar-typer tillåts inte heller att underförstått konverteras till ett objekt, därmed skulle uttrycket "abc".length framkalla ett fel istället för att ge värdet 3.
De enda objekten som är tillgängliga är de som definieras av objektsmodellen för uttryck. Följande variabler är definierade:
_document
Innehåller malldata på dokumentnivå med ett fält för varje parameter i mallen.
_repeat
Endast definierad för uttryck som visas inuti en upprepad region. Innehåller inbyggd information om regionen
_index
Det numeriska indexet (från 0) för den aktuella posten
_numRows
Det totala antalet poster i denna upprepade region
_isFirst
Sant om den aktuella posten är den första posten i dess upprepade region
_isLast
Sant om den aktuella posten är den sista posten i dess upprepade region
_prevRecord
_repeat-objektet för den föregående posten. Det är fel att öppna denna egenskap för den första posten i regionen.
_nextRecord
_repeat-objektet för nästa post. Det är fel att öppna denna egenskap för den sista posten i regionen.
_parent
I en kapslad upprepad region ger detta _repeat-objektet för den avgränsande (yttre) upprepade regionen. Det är fel att öppna denna egenskap utanför en kapslad upprepad region.
Under utvärderingen av uttrycket är alla fält för _document-objektet och _repeat-objektet tillgängliga. Du kan t.ex. ange title istället för _document.title för att öppna dokumentets rubrikparametrar.
I de fall där det förekommer en fältkonflikt har fälten för _repeat-objektet företräde före fälten för _document-objektet. Därför ska du inte behöva hänvisa uttryckligen till _document eller _repeat förutom att _document kan behövas inuti en upprepad region för att hänvisa till dokumentparametrar som är dolda av parametrar för upprepade regioner.
När kapslade upprepade regioner används är endast fält för de innersta upprepade regionerna tillgängliga. Yttre regioner måste uttryckligen hänvisas till med _parent.
Multiple If-villkor i mallkod
Du kan definiera malluttryck för if- och multiple if-villkor. I det här exemplet visas hur du anger en parameter som heter ”Dept”, anger ett första värde och definierar ett multiple if-villkor som avgör vilken logotyp som ska visas.
Följande är ett exempel på koden som du kan ange i head-sektionen i mallen:
<!-- TemplateParam name="Dept" type="number" value="1" -->
Följande villkorssats kontrollerar värdet som tilldelats parametern Dept. När villkoret är sant eller överensstämmer visas lämplig bild.
<!-- TemplateBeginMultipleIf --> <!-- checks value of Dept and shows appropriate image--> <!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause --> <!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause--> <!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause --> <!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause --> <!-- TemplateEndMultipleIf -->
När du skapar ett mallbaserat dokument skickas mallparametrarna automatiskt till det. Mallanvändaren avgör vilken bild som ska visas.