Användarhandbok Avbryt

Om Dreamweaver-mallar

 

 

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.

Obs!

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.

Obs!

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.

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" -->
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
<!-- 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)@@
@@(firstName+lastName)@@
@@(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" -->
<!-- TemplateParam name="Dept" type="number" value="1" -->
<!-- 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 -->
<!-- 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 -->
<!-- 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.

Få hjälp snabbare och enklare

Ny användare?