Talende skabeloner i Dreamweaver

Mange webdesignprogrammer kan prale af deres HTML-skabeloner. Hvad de egentlig mener er, at de inkluderer nogle færdige sidedesigns med programmet. Dreamweaver tager dette koncept et par spring videre ved at levere skabelondesignfunktioner, der gør det muligt for dig at skabe det grundlæggende design af en side og derefter kontrollere, hvilke sektioner der kan og ikke kan ændres. Dette er en værdifuld funktion, hvis du arbejder med et team af udviklere med forskellige færdighedsniveauer. Hvis du for eksempel bygger et websted for et ejendomsselskab, og du vil lade medarbejderne opdatere salgsoptegnelserne uden at være i stand til at ødelægge sidedesignet, kan en skabelon være den perfekte løsning.

Skabeloner bruges bedst, når du opretter et antal sider, der deler bestemte egenskaber, såsom baggrundsfarve eller navigationselementer. I stedet for at indstille de korrekte egenskaber for hver ny side eller foretage de samme ændringer på side efter side, kan du bruge en skabelon til at foretage ændringer på flere sider på én gang.

Forbliv tro mod din skabelon

En af de store fordele ved at bruge Dreamweavers skabelonfunktion er, at du kan angive, hvilke områder af skabelonen, der kan ændres. Dette er især nyttigt, hvis du arbejder med folk, der har forskellige færdighedsniveauer i HTML, og du vil have en mere avanceret designer til at skabe en side, som en mindre erfaren person ikke kan ødelægge senere. Med det mål for øje har en skabelon redigerbare områder og låste (ikke-redigerbare) områder. Brug redigerbare områder til indhold, der ændrer sig, såsom en produktbeskrivelse. Brug låste områder til statisk, uforanderligt indhold, såsom et logo eller elementer til webstedsnavigation.

Du kan ændre en skabelon, selv efter du har brugt den til at oprette dokumenter. Når du derefter opdaterer dokumenter, der bruger skabelonen, opdateres de ikke-redigerbare sektioner af disse dokumenter, så de matcher de ændringer, du har foretaget i skabelonen.

Mens du redigerer selve skabelonen, kan du foretage ændringer i enhver del af filen, hvad enten det er de redigerbare eller låste områder. Mens du redigerer et dokument lavet ud fra en skabelon, kan du dog kun foretage ændringer i de redigerbare områder af dokumentet. Hvis du går tilbage og ændrer en skabelon, efter den er oprettet, giver Dreamweaver dig mulighed for at få disse ændringer afspejlet på alle de sider, du har oprettet med den pågældende skabelon, eller kun den side, du redigerer i øjeblikket.

Oprettelse af skabeloner

Det er lige så nemt at oprette en skabelon som at oprette en hvilken som helst anden fil i Dreamweaver, som du kan se i de følgende trin. Du kan starte med et eksisterende HTML-dokument og ændre det, så det passer til dine behov, eller du kan oprette et helt nyt dokument. Når du gemmer en fil som en skabelon, gemmes filen automatisk i mappen Skabeloner i hovedmappen for webstedet. Skabeloner skal gemmes i denne fælles mappe, for at de automatiserede funktioner i Dreamweaver kan fungere korrekt. Hvis du ikke allerede har en skabelonmappe på dit websted, opretter Dreamweaver automatisk en, når du gemmer din første skabelon.

Skabelonfunktionerne virker kun, hvis du har defineret dit websted i Dreamweaver

Alle elementer i en skabelon er låst som standard, undtagen dokumenttitelsektionen, som er angivet med

tags. (Den dokumenttitelsektion, der ikke er låst, er en forbedring i Dreamweaver 4 — i Dreamweaver 3 kunne du ikke gøre titelområdet redigerbart). For at skabelonen kan bruges til at bygge nye sider, skal du også gøre andre områder på siden redigerbare. Husk, at du altid kan vende tilbage til skabelonen og gøre flere områder redigerbare eller fjerne muligheden for at redigere bestemte områder senere.

Følg disse trin for at oprette en skabelon med redigerbare områder:

1. Vælg Vindue –> Skabeloner.

2. I panelet Skabeloner skal du klikke på pilen i øverste højre hjørne og vælge Ny skabelon fra rullemenuen, der åbnes.

En ny skabelon uden navn tilføjes til listen over skabeloner i panelet.

3. Mens skabelonen stadig er valgt, skriv et navn til skabelonen, ligesom du ville navngive enhver fil i Finder på en Mac eller Stifinder på en pc.

Den nye skabelon føjes til listen Skabeloner til websted.

4. Når du har navngivet den nye skabelon, skal du dobbeltklikke på navnet for at åbne den.

Skabelonsiden åbnes i Dreamweaver som enhver anden HTML-side, bortset fra at filnavnet slutter med filtypenavnet .dwt.

Du kan nu redigere denne side som enhver anden HTML-side ved at indsætte billeder, tekst, tabeller og så videre.

5. Vælg Rediger –> Sideegenskaber for at angive baggrunds-, tekst- og linkfarver.

Dernæst placerer du noget tekst eller billeder på siden som pladsholdere for information, som du måske ønsker at ændre i fremtiden.

6. For at gøre et billede eller tekstområde redigerbart skal du vælge billedet eller teksten og derefter vælge Rediger –> Skabeloner –> Nyt redigerbart område. (Billedet eller teksten, som du vælger som redigerbar, bliver et område, der kan ændres på enhver side, der er oprettet med skabelonen. Områder, som du ikke markerer som redigerbare, bliver faste og kan kun ændres, hvis du ændrer selve skabelonen).

Dialogboksen Nyt redigerbart område åbnes.

7. Indtast et navn til det redigerbare område i tekstfeltet Navn.

Teksten eller billedet er fremhævet i skabelonen, hvilket indikerer, at det kan redigeres. Du kan navngive regionen, hvad du vil, men at vælge noget, der svarer til den type information, du vil lægge i området, gør det lettere for dig at huske.

8. Gentag trin 6 og 7 for at gøre andre billeder eller tekstområder redigerbare.

9. Gem din skabelon og luk filen, når du er færdig.

Du kan gøre en hel tabel eller en individuel tabelcelle redigerbar, men du kan ikke gøre flere celler redigerbare på én gang, medmindre du har flettet dem først. Du skal markere hver celle én ad gangen, hvis du vil gøre nogle af cellerne i en tabel redigerbare, men ikke andre. Lag og lagindhold behandles også som separate elementer, men begge kan markeres som redigerbare. Hvis du gør et lag redigerbart, kan du ændre placeringen af ​​dette lag. At gøre lagindhold redigerbart betyder, at du kan ændre lagets indhold, såsom teksten eller billedet i laget.