Video: How to Make a Full Screen Landing Page (HTML & CSS) 2024
Du opretter en ny skabelon i Dreamweaver ved at bruge det samme nye dokument dialogboks, som du bruger til at oprette en anden type side. Følg disse trin for at oprette en Dreamweaver-skabelon:
-
Vælg Filer → Ny.
Dialogboksen Ny dokument åbnes.
-
Klik på indstillingen Blank side i listen til venstre.
-
Vælg HTML-skabelon på siden Side Type.
-
I Layout-området skal du vælge at oprette en tom side eller vælge et foruddesignet CSS-layout.
Dreamweaver mange CSS layout muligheder giver en god start til at skabe et nyt side design.
-
Klik på knappen Opret.
Der oprettes en ny blank skabelon og åbnes i hovedarbejdsområdet, og dialogboksen Nyt dokument lukkes.
-
Vælg Filer → Gem.
Du får en advarsel (hvis du ikke har deaktiveret den), idet du angiver, at skabelonen ikke har nogen redigerbare regioner og spørger, om du virkelig vil gemme den. Klik på OK for at lukke advarselsdialogboksen og fortsæt. Dreamweaver giver dig denne advarsel, fordi en skabelon uden editerbare områder ikke er nyttig. Du finder instruktioner til oprettelse af redigerbare regioner i trin 9.
-
Klik på OK for at gemme siden som det er for nu.
Vinduet Gem som skabelon vises med mappen Maler åben. Hvis du ikke allerede har en mappe, der hedder Skabeloner i din lokale webstedskatalog, vil Dreamweaver oprette en til dig, når du opretter og gemmer din første skabelon.
For at fungere korrekt skal Dreamweaver-skabeloner gemmes i en mappe, der hedder Skabeloner (med en kapital T ) i din lokale webstedskatalog, som er synlig i panelet Filer. Hvis du ændrer mappenavnet eller flytter mappen Maler til en undermappe, fungerer dine skabeloner ikke længere korrekt.
-
Opret et design til siden ved at tilføje billeder, tekst og andre elementer som du ville i enhver anden Dreamweaver-fil.
Husk at du opretter et sidedesign i en skabelon, ligesom du ville på en anden webside. Uanset om du inkludere billeder og tekst, der vil blive erstattet på sider, der er oprettet fra skabelonen, eller bare oprette skelet på en side, er det helt op til dig.
-
For at oprette en redigerbar region:
-
Vælg et billede, tekstblok eller indholdsområde.
Ofte er den bedste mulighed at vælge et helt område på en side, så alt i det pågældende afsnit bliver redigerbart. Hvis du har designet dine sider med tags og CSS, er det en god mulighed at vælge mærket for et helt afsnit, f.eks. Mærket, der er stylet med stilen MainContent-klassen.
En praktisk måde at vælge en sektion omgivet af et tag er at placere markøren hvor som helst i det pågældende område på siden, og brug derefter tagvelgeren nederst i arbejdsområdet for at vælge mærket.
-
Vælg Indsæt → Skabelon → Redigerbar region.
Dialogboksen Ny redigerbar region åbnes.
-
Giv det nye redigerbare område et navn.
Vælg noget, der identificerer typen af indhold, f.eks. overskrift eller hovedindhold. Det område, du definerer som redigerbart, bliver et område, der kan ændres på en side, der er oprettet fra skabelonen. Du kan have flere redigerbare regioner i en skabelon. Hver redigerbar region skal have et andet navn; Navne kan ikke bruge mellemrum eller specialtegn, men understregninger og bindestreger er okay.
-
Klik på OK.
En aqua blå boks (med en aqua blå faneblad øverst til venstre i boksen) omgiver det redigerbare område. Navnet du indtastede i dialogboksen Ny redigerbar region vises på fanen.
-
-
Når du er færdig med at designe siden og tilføje alle de redigerbare regioner, du ønsker, skal du vælge Filer → Gem for at gemme din skabelon.
Når du gemmer en ny skabelonside, eller du gemmer en eksisterende side som en skabelon, tilføjer Dreamweaver automatisk. dwt-udvidelse og gemmer filen i mappen Maler.
Hvis du gemmer en skabelon, inden du angiver nogen redigerbare regioner, giver Dreamweaver dig en advarsel, fordi skabeloner ikke er nyttige uden redigerbare regioner. Du behøver ikke oprette redigerbare regioner, før du gemmer en skabelon, men du kan ikke foretage ændringer på sider, der er oprettet fra en skabelon, indtil du opretter et eller flere redigerbare regioner. Du kan altid gå tilbage og tilføje redigerbare regioner senere.
Adobe tilføjede et nyt skabelonindsætningspanel i Dreamweaver CC. Du kan bruge dette nye panel i stedet for menupunkterne, når du arbejder med skabeloner. Funktionerne fungerer ens: Klik bare på det tilsvarende ikon i panelet Skabeloner Indsæt, som ikonet Redigerbar region.