Talande mallar i Dreamweaver

Många webbdesignprogram skryter med sina HTML-mallar. Vad de egentligen menar är att de inkluderar några färdiga siddesigner med programmet. Dreamweaver tar det här konceptet några steg längre genom att tillhandahålla malldesignfunktioner som gör att du kan skapa den grundläggande designen för en sida och sedan styra vilka avsnitt som kan och inte kan ändras. Detta är en värdefull funktion om du arbetar med ett team av utvecklare med olika kompetensnivåer. Om du till exempel bygger en sajt åt ett fastighetsbolag och du vill låta de anställda uppdatera försäljningslistorna utan att kunna förstöra siddesignen, kan en mall vara den perfekta lösningen.

Mallar används bäst när du skapar ett antal sidor som delar vissa egenskaper, som bakgrundsfärg eller navigeringselement. Istället för att ställa in rätt egenskaper för varje ny sida eller göra samma ändringar på sida efter sida, kan du använda en mall för att göra ändringar på flera sidor samtidigt.

Förbli trogen din mall

En av de stora fördelarna med att använda Dreamweavers mallfunktion är att du kan ange vilka områden i mallen som kan ändras. Detta är särskilt användbart om du arbetar med människor som har olika kompetensnivåer i HTML och du vill att en mer avancerad designer ska skapa en sida som en mindre erfaren person inte kan förstöra senare. Med det målet i åtanke har en mall redigerbara regioner och låsta (ej redigerbara) regioner. Använd redigerbara regioner för innehåll som ändras, till exempel en produktbeskrivning. Använd låsta områden för statiskt, oföränderligt innehåll, till exempel en logotyp eller element för webbplatsnavigering.

Du kan ändra en mall även efter att du har använt den för att skapa dokument. När du sedan uppdaterar dokument som använder mallen, uppdateras de icke redigerbara delarna av dessa dokument för att matcha ändringarna du gjorde i mallen.

Medan du redigerar själva mallen kan du göra ändringar i vilken del av filen som helst, oavsett om det är de redigerbara eller låsta områdena. När du redigerar ett dokument som gjorts från en mall kan du dock endast göra ändringar i de redigerbara områdena i dokumentet. Om du går tillbaka och ändrar en mall efter att den har skapats, ger Dreamweaver dig möjlighet att få dessa ändringar att återspeglas på alla sidor du har skapat med den mallen eller bara på sidan du för närvarande redigerar.

Skapa mallar

Att skapa en mall är lika enkelt som att skapa vilken annan fil som helst i Dreamweaver, som du kan se i följande steg. Du kan börja med ett befintligt HTML-dokument och modifiera det för att passa dina behov, eller så kan du skapa ett helt nytt dokument. När du sparar en fil som en mall, lagras filen automatiskt i mappen Mallar i huvudmappen för webbplatsen. Mallar måste sparas i den här vanliga mappen för att de automatiserade funktionerna i Dreamweaver ska fungera korrekt. Om du inte redan har en mallmapp på din webbplats skapar Dreamweaver en automatiskt när du lagrar din första mall.

Mallfunktionerna fungerar bara om du har definierat din webbplats i Dreamweaver

Alla element i en mall är låsta som standard, förutom dokumentrubrikdelen, som indikeras av

taggar. (Den dokumenttitelsektion som inte är låst är en förbättring i Dreamweaver 4 — i Dreamweaver 3 kunde du inte göra titelområdet redigerbart.). För att mallen ska vara till någon nytta för att bygga nya sidor måste du även göra andra delar av sidan redigerbara. Kom ihåg att du alltid kan gå tillbaka till mallen och göra fler områden redigerbara eller ta bort möjligheten att redigera vissa områden senare.

För att skapa en mall med redigerbara regioner, följ dessa steg:

1. Välj Fönster –> Mallar.

2. I panelen Mallar klickar du på pilen i det övre högra hörnet och väljer Ny mall från rullgardinsmenyn som öppnas.

En ny, namnlös mall läggs till i listan över mallar i panelen.

3. Med mallen fortfarande vald, skriv ett namn för mallen precis som du skulle namnge vilken fil som helst i Finder på en Mac eller Explorer på en PC.

Den nya mallen läggs till i listan Mallar för webbplats.

4. När du namnger den nya mallen dubbelklickar du på namnet för att öppna den.

Mallsidan öppnas i Dreamweaver som vilken annan HTML-sida som helst, förutom att filnamnet slutar med tillägget .dwt.

Du kan nu redigera den här sidan som vilken annan HTML-sida som helst, infoga bilder, text, tabeller och så vidare.

5. Välj Ändra –> Sidegenskaper för att ange bakgrunds-, text- och länkfärger.

Därefter placerar du lite text eller bilder på sidan som platshållare för information som du kanske vill ändra i framtiden.

6. För att göra en bild eller ett textområde redigerbart, markera bilden eller texten och välj sedan Ändra –> Mallar –> Ny redigerbar region. (Bilden eller texten som du väljer som redigerbar blir ett område som kan ändras på alla sidor som skapas med mallen. Områden som du inte markerar som redigerbara kommer att fixas och kan endast ändras om du ändrar själva mallen.)

Dialogrutan Ny redigerbar region öppnas.

7. Skriv ett namn för den redigerbara regionen i textrutan Namn.

Texten eller bilden är markerad i mallen, vilket indikerar att den är redigerbar. Du kan namnge regionen vad du vill, men att välja något som motsvarar den typ av information du ska lägga i området gör det lättare för dig att komma ihåg.

8. Upprepa steg 6 och 7 för att göra andra bilder eller textområden redigerbara.

9. Spara din mall och stäng filen när du är klar.

Du kan göra en hel tabell eller en enskild tabellcell redigerbar, men du kan inte göra flera celler redigerbara samtidigt, om du inte har slagit samman dem först. Du måste markera varje cell en i taget om du vill göra några av cellerna i en tabell redigerbara, men inte andra. Lager och lagerinnehåll behandlas också som separata element, men båda kan markeras som redigerbara. Genom att göra ett lager redigerbart kan du ändra positionen för det lagret. Att göra lagerinnehåll redigerbart innebär att du kan ändra innehållet i lagret, till exempel texten eller bilden i lagret.