Innehållsförteckning:
Video: ENTRIS: Margareta Ivarsson, föreläsning (del 1 av 3) 2024
Många webbdesignprogram skryter om deras HTML-mallar. Vad de verkligen menar är att de innehåller några färdiga siddesigner med programmet. Dreamweaver tar det här konceptet några steg längre genom att erbjuda malldesignfunktioner som gör att du kan skapa den grundläggande utformningen av en sida och sedan styra vilka avsnitt som kan och kan inte ändras. Detta är en värdefull funktion om du arbetar med ett team av utvecklare av olika kompetensnivåer. Om du till exempel bygger en webbplats för ett fastighetsbolag och du vill låta medarbetarna uppdatera försäljningsförteckningarna utan att kunna röra upp 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, till exempel bakgrundsfärg eller navigeringselement. Snarare än att ange rätt egenskaper för varje ny sida eller göra samma ändringar på sidan efter sida, kan du använda en mall för att göra ändringar på flera sidor samtidigt.
Titta på din mall
En av de stora fördelarna med att använda Dreamweaver mallfunktionen är att du kan ange vilka områden i mallen som kan ändras. Det här är särskilt användbart om du arbetar med personer som har olika kompetensnivåer i HTML och du vill ha en mer avancerad formgivare för att skapa en sida som en mindre erfaren person inte kan förstöra senare. Med detta mål i åtanke har en mall redigerbara regioner och låsta (icke-ändamålsenliga) 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 sidnavigering.
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 de ändringar du gjort i mallen.
Medan du redigerar mallen själv kan du göra ändringar i någon del av filen, det vill säga de redigerbara eller låsta regionerna. Samtidigt som du redigerar ett dokument som är gjort från en mall kan du bara göra ändringar i dokumentets redigerbara områden. Om du går tillbaka och ändrar en mall efter att den har skapats, ger Dreamweaver dig möjligheten att få dessa ändringar att återspeglas i alla sidor du har skapat med den mallen eller bara den sida du just nu redigerar.
Skapa mallar
Skapa en mall är lika enkelt som att skapa någon annan fil i Dreamweaver, som du kan se i följande steg. Du kan börja med ett befintligt HTML-dokument och ändra det för att passa dina behov, eller du kan skapa ett helt nytt dokument.När du sparar en fil som en mall, sparas filen automatiskt i mappen Mallar i huvudmappen för webbplatsen. Mallar måste sparas i den här gemensamma mappen för att de automatiska funktionerna i Dreamweaver ska fungera korrekt. Om du inte redan har en mapp Mall på din webbplats skapar Dreamweaver automatiskt en när du lagrar din första mall.
Mallfunktionerna fungerar endast om du har definierat din webbplats i Dreamweaver
Alla element i en mall är låsta som standard, förutom avsnittet om dokumenttitel, vilket anges av taggarna. (Dokumenttitelavsnittet som inte är låst är en förbättring i Dreamweaver 4 - i Dreamweaver 3 kan du inte göra titelområdet redigerbart.). För att mallen ska vara till nytta för att bygga nya sidor måste du också redigera andra områden på sidan. Kom ihåg att du alltid kan återgå till mallen och göra flera områden redigerbara eller ta bort möjligheten att redigera vissa områden senare.
Gör så här för att skapa en mall med redigerbara regioner:
1. Välj Fönster -> Mallar.
2. Klicka på pilen i det övre högra hörnet på panelen Mallar och välj Ny mall i rullgardinsmenyn som öppnas.
En ny mall utan namn läggs till i listan med mallar i panelen.
3. Med den valda mallen anger du ett namn för mallen, precis som du skulle namnge en fil i Finder på en Mac eller Utforskaren på en dator.
Den nya mallen läggs till i listan Mallor för webbplats.
4. När du har namngett den nya mallen dubbelklickar du på namnet för att öppna det.
Mallsidan öppnas i Dreamweaver som någon annan HTML-sida skulle, förutom att filnamnet slutar med utökningen. dwt.
Du kan nu redigera den här sidan som du skulle ha någon annan HTML-sida, infoga bilder, text, tabeller och så vidare.
5. Välj Ändra -> Sidegenskaper för att ange bakgrunds-, text- och länkfärger.
Nästa lägger du lite text eller bilder på sidan som platshållare för information som du kanske vill ändra i framtiden.
6. Om du vill redigera en bild eller textområde väljer du bilden eller texten och väljer sedan Ändra -> Mallar -> Ny redigerbar region. (Den bild eller text som du väljer som redigerbar blir ett område som kan ändras på en sida som skapats med mallen. Områden som du inte markerar som redigerbara kommer att bli fixade och kan bara ändras om du ändrar mallen själv.)
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 kan redigeras. Du kan namnge regionen vad du vill, men välja något som motsvarar den typ av information du kommer att sätta i området gör det lättare för dig att komma ihåg.
8. Om du vill redigera andra bilder eller textområden upprepar du steg 6 och 7.
9. Spara din mall och stäng filen när du är klar.
Du kan göra ett helt bord eller en individuell tabellcell redigerbar, men du kan inte göra flera celler redigerbara på en gång, om du inte har slått samman dem först.Du måste välja varje cell en i taget om du vill göra några av cellerna i en tabell redigerbar, men inte andra. Lager och lagerinnehåll behandlas också som separata element, men kan antingen markeras som redigerbara. Genom att redigera ett lager kan du ändra läget för det laget. Genom att redigera skiktets innehåll kan du ändra skiktets innehåll, till exempel texten eller bilden i skiktet.
