Hvordan man opretter et enkelt-kolonne væskeformatlayout i Dreamweaver

Før du dykker ind i at oprette et kompliceret væskeformet design i Dreamweaver, overveje at prøve en enklere. Start med at oprette et simpelt layout med en søjle i et flydende netværk, ved at følge disse nemme instruktioner:

1. Vælg Filer → Ny.

   Vinduet Ny dokument åbnes. Bemærk: Sørg for, at du har gennemført installationsprocessen, før du begynder at arbejde på et nyt væskeformatlayout.

2. Vælg Fluid Grid Layout fra venstre side af skærmen.

   Alternativerne for det nye dokument vindue ændres til mulighederne for væskenettet.

   

3. Angiv antallet af kolonner, du vil have i hvert af de tre layouter.

   For at tilføje eller fjerne kolonner skal du markere tekstfeltet over hver kolonne og derefter indtaste antallet af kolonner, du vil have.

4. Angiv den procentdel af browservinduet, som du ønsker at hvert layout skal dække.

   Vælg tekstfeltet under hvert layout igen og indtast et tal, der repræsenterer den procentdel af rummet, du vil have, at layoutet skal dække, når designet ses i et browservindue. For eksempel er skrivebordets layout som standard indstillet til at optage 90 procent af det ledige plads, men du kan ændre det til 95 procent for at give dig mere designplads og reducere margenpladsen.

5. Skift procent af kolonnebredde for at ændre mængden af ​​margen mellem hver kolonne.

   Som standard indstiller Dreamweaver hver margen for at optage 25 procent af det ledige rum.

6. Brug rullemenuen til at angive en doktype.

   Som standard oprettes væskeformularlayouter ved hjælp af HTML5-doktypen. Medmindre du skal ændre doktypen for at være mere kompatibel med anden formatering, der bruges på din hjemmeside, er HMTL5 den anbefalede løsning til lydhør webdesign.

7. Klik på Opret.

   Dialogboksen Gem som åbnes klar til at gemme en CSS-fil.

8. Indtast et navn til din CSS-fil, og klik på Gem.

   En ny HTML-fil åbnes i Dreamweaver-arbejdsområdet, men er endnu ikke gemt. CSS-filen, du hedder, gemmes, og navnet bliver synligt i panelet Filer.

   Bemærk: I modsætning til processen med at oprette andre typer sider i Dreamweaver gemmes CSS-filen først, og HTML-filen gemmes i et senere trin.

9. Vælg Fil → Gem

   Dialogboksen Gem som åbnes.

10. Indtast et navn til din HTML-fil, og klik på OK.

    Dialogboksen Gem som lukker, og der vises en meddelelse i Dreamweaver, der informerer dig om, at dit væskeformatlayout kræver yderligere to filer: boilerplate. css og svare. min. js.

11. Klik på OK for at kopiere kedlen.css og svare. min. js-filer til dit websted mappe.

    Alle tre filer tilføjes til panelet Filer, og du vender tilbage til din nyoprettede HTML-fil, der er åben i Dreamweaver-arbejdsområdet.

    

12. Giv siden en titel ved at indtaste tekst i feltet Titel øverst i arbejdsområdet.

Og det fuldender processen med at oprette et nyt sæt af filer til dit væskeformet layout.