Video: Hvorfor WordPress? Kurs i WordPress. 2025
Du lager en ny mal i Dreamweaver ved å bruke det samme New Document-dialogboksen som du bruker til å lage en annen type side. For å opprette en Dreamweaver-mal, følg disse trinnene:
-
Velg Arkiv → Ny.
Dialogboksen Nytt dokument åpnes.
-
I listen til venstre klikker du på Blank side-alternativet.
-
Velg HTML-mal i listen Sidetype.
-
I Layout-området velger du å opprette en tom side eller velge et forhåndsdesignt CSS-layout.
Dreamweavers mange CSS-layoutalternativer gir et godt utgangspunkt for å lage et nytt sidedesign.
-
Klikk på Opprett-knappen.
En ny blankmal er opprettet og åpnes i hoved arbeidsområdet, og dialogboksen Nytt dokument lukkes.
-
Velg Arkiv → Lagre.
Du får en advarsel (hvis du ikke har deaktivert den), og angir at malen ikke har noen redigerbare regioner og spør om du virkelig vil lagre den. Klikk OK for å lukke advarselsdialogboksen og fortsett. Dreamweaver gir deg denne advarselen fordi en mal uten redigerbare områder ikke er nyttig. Du finner instruksjoner for å opprette redigerbare regioner i trinn 9.
-
Klikk på OK for å lagre siden som for øyeblikket.
Vinduet Lagre som mal vises med mappen Maler åpen. Hvis du ikke allerede har en mappe som heter Maler i lokalmappen din, vil Dreamweaver opprette en for deg når du oppretter og lagrer din første mal.
For å fungere skikkelig må Dreamweaver-maler lagres i en mappe med navnet Maler (med hovedstaden T ) i lokalmappen din, som er synlig i Filer-panelet. Hvis du endrer mappenavnet eller flytter mappen Maler til en undermappe, fungerer malerne ikke lenger riktig.
-
Lag et design for siden ved å legge til bilder, tekst og andre elementer som du ville i en hvilken som helst Dreamweaver-fil.
Husk at du lager et sidedesign i en mal, akkurat som du ville i en annen nettside. Enten du inkluderer bilder og tekst som vil bli erstattet på sider som er opprettet fra malen, eller bare lage skjelett på en side, er opp til deg.
-
For å opprette en redigerbar region:
-
Velg et bilde, tekstblokk eller innholdsområde.
Ofte er det beste alternativet å velge et helt område på en side slik at alt i den delen blir redigerbart. Hvis du har utformet sidene dine med koder og CSS, er det et godt alternativ å velge taggen for en hel seksjon, for eksempel taggen som er utformet med hovedinnholdet Klassestil.
En praktisk måte å velge en del av, som er omgitt av en tagg, er å plassere markøren din hvor som helst på siden, og bruk tagvelgeren nederst i arbeidsområdet for å velge taggen.
-
Velg Sett inn → Mal → Redigerbar region.
Dialogboksen Ny redigerbar region åpnes.
-
Gi det nye redigerbare området et navn.
Velg noe som identifiserer innholdstypen, for eksempel overskrift eller hovedinnhold. Området du definerer som redigerbart, blir et område som kan endres på en side som er opprettet fra malen. Du kan ha flere redigerbare regioner i en mal. Hver redigerbar region må ha et annet navn; navn kan ikke bruke mellomrom eller spesialtegn, men understreker og bindestreker er i orden.
-
Klikk på OK.
En aqua blå boks (med en aqua blå fane øverst til venstre i boksen) omgir det redigerbare området. Navnet du skrev inn i dialogboksen Nye redigerbare regioner, vises på fanen.
-
-
Når du er ferdig med å designe siden og legge til alle redigerbare regionene du vil ha, velger du Arkiv → Lagre for å lagre malen.
Når du lagrer en ny malingsside, eller du lagrer en eksisterende side som en mal, legger Dreamweaver automatisk til. dwt forlengelse og lagrer filen i mappen Maler.
Hvis du lagrer en mal før du angir noen redigerbare regioner, gir Dreamweaver deg en advarsel fordi maler ikke er nyttige uten redigerbare regioner. Du trenger ikke å opprette redigerbare regioner før du lagrer en mal, men du kan ikke gjøre noen endringer på sider som er opprettet fra en mal til du oppretter en eller flere redigerbare regioner. Du kan alltid gå tilbake og legge til redigerbare regioner senere.
Adobe la til et nytt Malerinsett-panel i Dreamweaver CC. Du kan bruke dette nye panelet i stedet for menyelementene når du arbeider med maler. Funksjonene fungerer like: Bare klikk på det tilsvarende ikonet i panelet Maler innsett, for eksempel ikonet for redigerbar region.
