Hur man skapar en ny Dreamweaver Template - dummies

Du skapar en ny mall i Dreamweaver genom att använda samma New Document-dialogruta som du använder för att skapa någon annan typ av sida. Gör så här för att skapa en Dreamweaver-mall:

1. Välj Arkiv → Nytt.

   Dialogrutan Ny dokument öppnas.

2. Klicka på alternativet Tom sida i listan till vänster.

   

3. I listan Sidtyp väljer du HTML-mall.

4. I Layout-området väljer du att skapa en tom sida eller välj en förkonstruerad CSS-layout.

   Dreamweavers många CSS-layoutalternativ ger en bra start för att skapa en ny siddesign.

5. Klicka på Skapa-knappen.

   En ny blankmall skapas och öppnas i huvudområdet, och dialogrutan Nytt dokument stängs.

6. Välj Arkiv → Spara.

   Du får en varning (om du inte har inaktiverat den) och anger att mallen inte har några redigerbara regioner och frågar om du verkligen vill spara den. Klicka på OK för att stänga varningsdialogrutan och fortsätt. Dreamweaver ger dig denna varning eftersom en mall utan redigera regioner inte är användbar. Du hittar instruktioner för att skapa redigerbara regioner i steg 9.

7. Klicka på OK för att spara sidan som för tillfället.

   Fönstret Spara som mall visas med mappen Mallar öppen. Om du inte redan har en mapp med namnet Mallar i din lokala webbplatsmapp skapar Dreamweaver en för dig när du skapar och sparar din första mall.

   För att fungera korrekt måste Dreamweaver-mallarna sparas i en mapp med namnet Mallar (med en huvudstad T ) i din lokala webbplatsmapp, som är synlig i panelen Filer. Om du ändrar mappnamnet eller flyttar mappen Mallar till en undermapp, fungerar dina mallar inte längre korrekt.

8. Skapa en design för sidan genom att lägga till bilder, text och andra element som du skulle i någon annan Dreamweaver-fil.

   Kom ihåg att du skapar en siddesign i en mall precis som du skulle på någon annan webbsida. Oavsett om du inkluderar bilder och text som kommer att ersättas på sidor som skapats från mallen eller bara skapa skelett på en sida, är det upp till dig.

9. För att skapa en redigerbar region:

   1. Välj något bild-, textblock eller innehållsområde.

      Ofta är det bästa alternativet att välja ett helt område på en sida så att allt i det avsnittet kan redigeras. Om du har utformat dina sidor med taggar och CSS, är ett bra alternativ att välja taggen för ett helt avsnitt, till exempel taggen som är utformad med stilen MainContent-klass.

      Ett praktiskt sätt att välja en sektion omgiven av en tagg är att placera markören någonstans i det området på sidan och använd sedan taggväljaren längst ner i arbetsytan för att välja taggen.

   2. Välj Infoga → Mall → Redigerbar region.

      Dialogrutan Ny redigerbar region öppnas.

      

   3. Ge det nya redigerbara området ett namn.

      Välj något som identifierar typen av innehåll, till exempel rubrik eller huvudinnehåll. Den region du definierar som redigerbar blir ett område som kan ändras på en sida som skapats från mallen. Du kan ha flera redigerbara regioner i en mall. Varje redigerbar region måste ha ett annat namn; namn kan inte använda mellanslag eller specialtecken, men understreck och bindestreck är okej.

   4. Klicka på OK.

      En aqua-blå lådan (med en aqua-blå flik längst upp till vänster i lådan) omger den redigerbara regionen. Namnet du angav i dialogrutan Ny redigerbar region visas på fliken.

10. När du är färdig med att utforma sidan och lägga till alla redigerbara regioner du vill ha, välj Arkiv → Spara för att spara mallen.

    När du sparar en ny mallsida eller du sparar en befintlig sida som en mall lägger Dreamweaver automatiskt till. dwt-förlängning och sparar filen i mappen Mallar.

Om du sparar en mall innan du anger några redigerbara regioner, ger Dreamweaver dig en varning eftersom mallar inte är användbara utan redigerbara regioner. Du behöver inte skapa redigerbara regioner innan du sparar en mall, men du kan inte göra några ändringar på några sidor som skapats från en mall tills du skapar en eller flera redigerbara regioner. Du kan alltid gå tillbaka och lägga till redigerbara regioner senare.

Adobe lade till en ny Mallinsättningspanel i Dreamweaver CC. Du kan använda den här nya panelen istället för menyalternativen när du arbetar med mallar. Funktionerna fungerar på samma sätt: Klicka bara på motsvarande ikon i panelen Mallar Infoga, till exempel ikonen Redigerbar region.