Skapa ett dokument från mallen som du vill basera den kapslade mallen i. Gör något av följande:
- 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 skapar kapslade mallar för att styra innehåll på sidor som delar designelement i Dreamweaver.
En kapslad mall är en mall vars design och redigerbara områden är baserade på en annan mall. Kapslade mallar är användbara när du vill kontrollera innehåll på en plats som delar flera designelement, men har ett fåtal varianter mellan sidorna. En basmall kan t.ex. innehålla bredare designområden och vara användbar för flera innehållsmedarbetare på en plats, medan en kapslad mall kan definiera de redigerbara områdena på sidorna ytterligare för ett visst avsnitt på en plats.
Redigerbara områden i en basmall skickas till den kapslade mallen och förblir redigerbara på sidor som skapas från en kapslad mall såvida inte nya mallområden infogas i dessa områden.
Ändringar i en basmall uppdateras automatiskt i mallar som är baserade på basmallen och i alla mallbaserade dokument som är baserade på huvudmallarna och de kapslade mallarna.
I följande exempel innehåller mallen trioHome tre redigerbara områden som heter Body, Nav Bar och Footer:
Om du vill skapa en kapslad mall baserar du ett nytt dokument på mallen som skapades och sparar det sedan som en mall och ger den namnet TrioNested. I den kapslade mallen har två redigerbara områden lagts till i det redigerbara området som heter Body.
När du lägger till ett nytt redigerbart område i ett redigerbart område som skickats till den kapslade mallen kommer markeringsfärgen i det redigerbara området att ändras till orange. Innehåll som du lägger till utanför det redigerbara området, t.ex. grafiken i editableColumn, är inte längre redigerbart i dokument som är baserade på den kapslade mallen. De blåmarkerade redigerbara områdena förblir redigerbara i dokument som är baserade på den kapslade mallen, oavsett om områdena läggs till i den kapslade mallen eller skickas från basmallen. Mallområden som inte innehåller ett redigerbart område skickas till mallbaserade dokument som redigerbara områden.
Skapa en kapslad mall
Med kapslade mallar kan du skapa varianter på en basmall. Du kan kapsla in flera mallar för att definiera alltmer specifika layouter.
Som standard skickas alla redigerbara mallområden från basmallen via den kapslade mallen till dokument som är baserade på den kapslade mallen. Det betyder att om du skapar ett redigerbart område i en basmall och sedan skapar en kapslad mall, så kommer det redigerbara området att visas i dokument som är baserade på den kapslade mallen (om du inte infogar några nya mallområden i det området i den kapslade mallen).
Du kan infoga mallkod inuti ett redigerbart område så att det inte passerar som ett redigerbart område i dokument som är baserade på den kapslade mallen. Sådana områden har en orange kant istället för en blå.
-
Klicka på Mallar till vänster i resurspanelen. Välj Ny mall i det nedersta fönstret.
Klicka på Arkiv > Nytt. I dialogrutan Nytt dokument väljer du kategorin Sida från mall och väljer sedan platsen som innehåller mallen som du vill använda. Dubbelklicka på mallen i listan Mallar för att skapa ett nytt dokument.
-
Välj Arkiv > Spara som. I dialogrutan Spara som väljer du Mallfiler i listrutan för Spara som.
-
Ange ett namn i rutan Spara som och klicka på OK för att spara det nya dokumentet som en kapslad mall.
Förhindra att ett redigerbart område skickas vidare till en kapslad mall
I kapslade mallar har vidarebefordrade redigerbara områden en blå kant. Du kan infoga mallkod inuti ett redigerbart område så att det inte passerar som ett redigerbart område i dokument som är baserade på den kapslade mallen. Sådana områden har en orange kant istället för en blå.
-
I kodvyn letar du reda på det redigerbara området som du inte vill vidarebefordra.
Redigerbara områden definieras av kommentartaggar för mallen.
-
Lägg följande kod till koden för det redigerbara området:
@@(" ")@@
Den här mallkoden kan placeras varsomhelst i <!-- InstanceBeginEditable --><!-- InstanceEndEditable --> -taggar som omringar det redigerbara området. Exempel:
<!-- InstanceBeginEditable name="EditRegion1" --> <p>@@("")@@ Editable 1 </p> <!-- InstanceEndEditable -->