Du opretter en ny skabelon i Dreamweaver ved at bruge den samme dialogboks Nyt dokument, som du bruger til at oprette en hvilken som helst anden type side. Følg disse trin for at oprette en Dreamweaver-skabelon:
Vælg Filer → Ny.
Dialogboksen Nyt dokument åbnes.
Klik på indstillingen Blank side på listen til venstre.
Vælg HTML-skabelon på listen Sidetype.
I området Layout skal du vælge at oprette en tom side eller vælge et foruddesignet CSS-layout.
Dreamweavers mange CSS-layoutmuligheder giver et godt forspring til at skabe et nyt sidedesign.
Klik på knappen Opret.
En ny tom skabelon oprettes 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), om at skabelonen ikke har nogen redigerbare områder og spørger, om du virkelig vil gemme den. Klik på OK for at lukke advarselsdialogboksen og fortsætte. Dreamweaver giver dig denne advarsel, fordi en skabelon uden redigerbare områder ikke er nyttig. Du finder instruktioner til oprettelse af redigerbare områder i trin 9.
Klik på OK for at gemme siden, som den er indtil videre.
Vinduet Gem som skabelon vises med mappen Skabeloner åben. Hvis du ikke allerede har en mappe med navnet Skabeloner i din lokale webstedsmappe, 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 med navnet Skabeloner (med stort T ) i din lokale webstedsmappe, som er synlig i panelet Filer. Hvis du ændrer mappenavnet eller flytter skabelonmappen til en undermappe, vil dine skabeloner ikke længere fungere korrekt.
Opret et design til siden ved at tilføje billeder, tekst og andre elementer, som du ville gøre i enhver anden Dreamweaver-fil.
Husk, at du opretter et sidedesign i en skabelon, ligesom du ville gøre på enhver anden webside. Om du inkluderer billeder og tekst, der vil blive erstattet på sider, der er oprettet ud fra skabelonen, eller blot opretter skelettet af en side, er op til dig.
Sådan opretter du et redigerbart område:
Vælg et hvilket som helst billede, tekstblok eller indholdsområde.
Ofte er den bedste mulighed at vælge et helt område af en side, så alt i det afsnit bliver redigerbart. Hvis du har designet dine sider med
tags og CSS, er en god mulighed at vælge
tag for en hel sektion, såsom
tag stylet med mainContent-klassens stil.
En praktisk måde at vælge et afsnit omgivet af en
tag er at placere din markør hvor som helst i det område på siden, og brug derefter tagvælgeren nederst i arbejdsområdet til at vælge
tag.
Vælg Indsæt → Skabelon → Redigerbar region.
Dialogboksen Nyt redigerbart område åbnes.
Giv det nye redigerbare område et navn.
Vælg noget, der identificerer typen af indhold, såsom overskrift eller hovedindhold. Det område, du definerer som redigerbart, bliver et område, der kan ændres på enhver side, der er oprettet fra skabelonen. Du kan have flere redigerbare områder i én skabelon. Hvert redigerbart område skal have et andet navn; navne må ikke bruge mellemrum eller specialtegn, men understregninger og bindestreger er i orden.
Klik på OK.
En aquablå boks (med en aquablå fane øverst til venstre i boksen) omgiver det redigerbare område. Det navn, du indtastede i dialogboksen Nyt redigerbart område, vises på fanen.
Når du er færdig med at designe siden og tilføjer alle de redigerbare områder, 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 filtypenavnet .dwt og gemmer filen i mappen Skabeloner.
Hvis du gemmer en skabelon, før du angiver redigerbare områder, giver Dreamweaver dig en advarsel, fordi skabeloner ikke er nyttige uden redigerbare områder. Du behøver ikke oprette redigerbare områder, før du gemmer en skabelon, men du kan ikke foretage ændringer på sider, der er oprettet fra en skabelon, før du opretter en eller flere redigerbare områder. Du kan altid gå tilbage og tilføje redigerbare områder senere.
Adobe tilføjede et nyt panel Indsæt skabeloner i Dreamweaver CC. Du kan bruge dette nye panel i stedet for menupunkterne, når du arbejder med skabeloner. Funktionerne fungerer på samme måde: Bare klik på det tilsvarende ikon i panelet Indsæt skabeloner, såsom ikonet for redigerbar region.
Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.
Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]
Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]
Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]
Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]
Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]
Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]
Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]
Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]
Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]
