Talking-maler i Dreamweaver

Mange webdesignprogrammer skryter av HTML-malene sine. Det de egentlig mener er at de inkluderer noen ferdige sidedesign med programmet. Dreamweaver tar dette konseptet noen sprang videre ved å tilby maldesignfunksjoner som lar deg lage den grunnleggende utformingen av en side og deretter kontrollere hvilke seksjoner som kan og ikke kan endres. Dette er en verdifull funksjon hvis du jobber med et team av utviklere med varierende ferdighetsnivåer. Hvis du for eksempel bygger et nettsted for et eiendomsselskap og du vil la de ansatte oppdatere salgsoppføringene uten å kunne rote til sidedesignet, kan en mal være den perfekte løsningen.

Maler brukes best når du oppretter et antall sider som deler visse egenskaper, for eksempel bakgrunnsfarge eller navigasjonselementer. I stedet for å angi de riktige egenskapene for hver ny side eller gjøre de samme endringene på side etter side, kan du bruke en mal for å gjøre endringer på flere sider samtidig.

Forbli tro mot malen din

En av de store fordelene med å bruke Dreamweaver-malfunksjonen er at du kan spesifisere hvilke områder av malen som kan endres. Dette er spesielt nyttig hvis du jobber med folk som har ulike ferdighetsnivåer i HTML og du vil ha en mer avansert designer til å lage en side som en mindre erfaren person ikke kan rote til senere. Med dette målet i tankene har en mal redigerbare regioner og låste (ikke-redigerbare) regioner. Bruk redigerbare områder for innhold som endres, for eksempel en produktbeskrivelse. Bruk låste områder for statisk, uforanderlig innhold, for eksempel en logo eller nettstedsnavigasjonselementer.

Du kan endre en mal selv etter at du har brukt den til å lage dokumenter. Når du deretter oppdaterer dokumenter som bruker malen, oppdateres de ikke-redigerbare delene av disse dokumentene slik at de samsvarer med endringene du har gjort i malen.

Mens du redigerer selve malen, kan du gjøre endringer i hvilken som helst del av filen, enten det er de redigerbare eller låste områdene. Mens du redigerer et dokument laget fra en mal, kan du imidlertid bare gjøre endringer i de redigerbare områdene i dokumentet. Hvis du går tilbake og endrer en mal etter at den er opprettet, gir Dreamweaver deg muligheten til å få disse endringene reflektert på alle sidene du har opprettet med den malen eller bare siden du redigerer for øyeblikket.

Lage maler

Å lage en mal er like enkelt som å lage en hvilken som helst annen fil i Dreamweaver, som du kan se i de følgende trinnene. Du kan starte med et eksisterende HTML-dokument og endre det for å passe dine behov, eller du kan lage et helt nytt dokument. Når du lagrer en fil som en mal, lagres filen automatisk i mappen Maler i hovedmappen for nettstedet. Maler må lagres i denne vanlige mappen for at de automatiserte funksjonene i Dreamweaver skal fungere skikkelig. Hvis du ikke allerede har en mal-mappe på nettstedet ditt, oppretter Dreamweaver automatisk en når du lagrer den første malen.

Malfunksjonene fungerer bare hvis du har definert webområdet ditt i Dreamweaver

Alle elementer i en mal er låst som standard, bortsett fra dokumenttitteldelen, som er indikert med

tagger. (Dokumenttitteldelen som ikke er låst er en forbedring i Dreamweaver 4 — i Dreamweaver 3 kunne du ikke gjøre tittelområdet redigerbart.). For at malen skal være nyttig for å bygge nye sider, må du også gjøre andre områder på siden redigerbare. Husk at du alltid kan gå tilbake til malen og gjøre flere områder redigerbare eller fjerne muligheten til å redigere visse områder senere.

Følg disse trinnene for å lage en mal med redigerbare områder:

1. Velg Vindu –> Maler.

2. I Maler-panelet klikker du på pilen øverst til høyre og velger Ny mal fra rullegardinmenyen som åpnes.

En ny mal uten navn legges til listen over maler i panelet.

3. Mens malen fortsatt er valgt, skriv inn et navn for malen akkurat som du ville navngitt en hvilken som helst fil i Finder på en Mac eller Explorer på en PC.

Den nye malen legges til i listen Maler for nettsted.

4. Etter at du har navngitt den nye malen, dobbeltklikker du på navnet for å åpne den.

Malsiden åpnes i Dreamweaver som alle andre HTML-sider, bortsett fra at filnavnet slutter med filtypen .dwt.

Du kan nå redigere denne siden som en hvilken som helst annen HTML-side, sette inn bilder, tekst, tabeller og så videre.

5. Velg Endre –> Sideegenskaper for å spesifisere bakgrunns-, tekst- og lenkefarger.

Deretter plasserer du litt tekst eller bilder på siden som plassholdere for informasjon som du kanskje vil endre i fremtiden.

6. For å gjøre et bilde eller tekstområde redigerbart, velg bildet eller teksten og velg deretter Endre –> Maler –> Ny redigerbar region. (Bildet eller teksten du velger som redigerbar, blir et område som kan endres på en hvilken som helst side som er opprettet med malen. Områder du ikke merker som redigerbare vil bli fikset og kan bare endres hvis du endrer selve malen.)

Dialogboksen Ny redigerbar region åpnes.

7. I tekstboksen Navn skriver du inn et navn for den redigerbare regionen.

Teksten eller bildet er uthevet i malen, noe som indikerer at det er redigerbart. Du kan navngi regionen hva du vil, men å velge noe som tilsvarer typen informasjon du skal legge inn i området gjør det lettere for deg å huske.

8. Gjenta trinn 6 og 7 for å gjøre andre bilder eller tekstområder redigerbare.

9. Lagre malen og lukk filen når du er ferdig.

Du kan gjøre en hel tabell eller en individuell tabellcelle redigerbar, men du kan ikke gjøre flere celler redigerbare samtidig, med mindre du har slått dem sammen først. Du må velge hver celle en om gangen hvis du vil gjøre noen av cellene i en tabell redigerbare, men ikke andre. Lag og laginnhold behandles også som separate elementer, men begge kan merkes som redigerbare. Ved å gjøre et lag redigerbart kan du endre posisjonen til det laget. Å gjøre laginnhold redigerbart betyr at du kan endre innholdet i laget, for eksempel teksten eller bildet i laget.