Sådan opretter du en HTML-side med Dreamweavers nye dokumentvindue

Du kan oprette en ny HTML-side ved at bruge Dreamweavers New Document-vindue, som tilbyder flere muligheder end velkomstskærmen, inklusive adgang til alle skabeloner, du har oprettet med Dreamweaver, samt en samling af foruddesignede layouts, som kan give dig et forspring på dine designs.

Du kan oprette mange slags filer ved at bruge vinduet Nyt dokument, og du kan blande og matche mulighederne. Denne alsidighed kan være forvirrende i starten, fordi du har så mange valgmuligheder. I Dreamweaver CC blev denne dialogboks forenklet, så du kun skal vælge én mulighed fra hver af de tre sektioner.

Følg disse trin for at oprette en ny HTML-side:

Vælg Filer → Ny.

Vinduet Nyt dokument åbnes. I den første sektion, yderst til venstre, vælger du den type side, du vil oprette:

  • Blank side: Vælg denne mulighed for at oprette HTML-sider samt sider i det mere komplekse PHP- eller JSP-format.

  • Flydende gitterlayout : Denne mulighed åbner funktionerne for flydende gitterlayout, som du kan bruge til at skabe responsive webdesigns, der automatisk tilpasser sig forskellige skærmstørrelser.

  • Startskabeloner : Hvis du opretter skabeloner ved hjælp af Dreamweavers .dwt-skabelonformat, kan du oprette sider baseret på disse skabeloner ved hjælp af denne mulighed.

  • Webstedskabeloner: Vælg denne mulighed for at oprette brugerdefinerbare mobilwebappdesign ved hjælp af jQuery Mobile.

    Sådan opretter du en HTML-side med Dreamweavers nye dokumentvindue

Vælg Blank Side fra venstre side af skærmen.

Vælg HTML på listen Sidetype.

Vælg i sektionen Layout.

Layouterne er inkluderet for at give et forspring til at designe HTML-sider med CSS.

Hvis du vil ændre dokumenttypen, skal du bruge rullelisten ud for DocType.

Som standard opretter Dreamweaver CC sider ved hjælp af HTML 5, som de fleste designere betragter som den bedste mulighed for websider i dag. Hvis du arbejder på et websted, der bruger en tidligere version af HTML, såsom XHTML 1.0 Transitional, skal du sørge for at ændre denne indstilling.

Klik på Opret nederst til højre i vinduet.

Vinduet Nyt dokument lukkes, og en ny tom side oprettes og åbnes i arbejdsområdet.

Bemærk: Hvis du bruger en Macintosh, skiftes knapperne Opret og Annuller.

Vælg Filer → Gem for at gemme din side og give den et filnavn.

Dreamweaver navngiver automatisk alle nye filer uden navn, efterfulgt af 1, 2 og så videre i den oprettede rækkefølge. Få for vane at give dine filer navne, der har mere betydning for dig. Bemærk også, at filnavne på websteder ikke bør indeholde mellemrum eller specialtegn (selvom bindestregen og understregningen er i orden).

Få for vane at gemme nye websider i din lokale webstedsmappe, så snart du opretter dem, selvom siderne stadig er tomme. Når du opretter links eller tilføjer billeder til dine sider, skal Dreamweaver være i stand til at identificere placeringen af ​​din side i din webstedsmappe. Det er bedst at gemme en side først, fordi mange Dreamweaver-funktioner ikke fungerer, før en side er gemt.


Sådan anvender du gennemsigtighed på SVGer

Sådan anvender du gennemsigtighed på SVGer

Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.

Arbejde med billeder i Adobe XD

Arbejde med billeder i Adobe XD

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 […]

Sådan justeres tekstegenskaber i Adobe XD

Sådan justeres tekstegenskaber i Adobe XD

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 […]

Arbejde med tegnebrætter i Photoshop CC

Arbejde med tegnebrætter i Photoshop CC

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 […]

Former og polygoner i InDesign

Former og polygoner i InDesign

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 […]

Ombryd tekst i Adobe Illustrator CC

Ombryd tekst i Adobe Illustrator CC

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 […]

Sådan ændrer du størrelsen på figurer i Illustrator

Sådan ændrer du størrelsen på figurer i Illustrator

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 […]

Sådan opretter du QR-koder i InDesign CC

Sådan opretter du QR-koder i InDesign CC

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 […]

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

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 […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

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 […]