Hvernig á að breyta stílum í CSS skipulagi í Dreamweaver

Eftir að þú hefur búið til nýja síðu með CSS útliti í Dreamweaver hefurðu að því er virðist óendanlega marga möguleika til að breyta henni, en fyrst þarftu að ákveða hvaða stílar á stílblaðinu samsvara þeim þáttum sem þú vilt breyta.

Eins og þú getur líklega ímyndað þér geturðu breytt stílunum í CSS skipulagi á margan hátt til að búa til þína eigin hönnun.

Eftir að þú hefur stillt núverandi stíla til að fá grunnsíðuhönnunina eins og þú vilt hafa hana, geturðu búið til eins marga viðbótarstíla og þú vilt.

Hvernig á að skoða tiltæka stíla og gera grunnbreytingar

Þú getur notað þessar sömu grunnleiðbeiningar með hvaða CSS skipulagi sem er í Dreamweaver. Til að breyta stílum í CSS skipulagi skaltu fylgja þessum skrefum:

Opnaðu síðuskrá sem er byggð á Dreamweaver CSS skipulagi og veldu Gluggi → CSS stílar (eða smelltu á CSS Designer flipann til að stækka spjaldið).

CSS Designer spjaldið opnast eða stækkar.

Smelltu til að velja nafn stílblaðsins í heimildaspjaldinu efst á CSS Designer.

Allir stílarnir sem tengjast nýju síðunni eru skráðir á valmyndaborðinu.

Veldu nafn hvers konar stíls sem skráð er á CSS Designer Selectors spjaldið.

Samsvarandi CSS reglur sem skilgreindar eru fyrir stílinn eru birtar á Eiginleika spjaldinu, neðst á CSS Designer spjaldinu. Að smella í gegnum listann yfir stíla og skoða samsvarandi reglur þeirra er góð leið til að fá fljótt yfirlit yfir hönnunina og sjá hvar hinir ýmsu sniðmöguleikar síðu eru geymdir.

HTML5 haus-, .nav- og fótmerkin stjórna aðalhlutum síðunnar. Til dæmis inniheldur hausstíll reglu sem gerir bakgrunnslitinn grænan. Þannig að til að breyta litnum á haussvæðinu efst á síðunni breytirðu stillingum bakgrunnslita í hausreglunni.

Hvernig á að breyta stillingum fyrir síðuna

Til að breyta stillingum alls staðar - eins og bakgrunnslit síðunnar eða aðalleturgerð, stærð og lit textans sem notaður er á síðunni - fylgdu þessum skrefum:

Í CSS Designer Selectors spjaldinu skaltu velja stílinn sem heitir meginmál.

Eiginleikar sem eru skilgreindir í valinni stílreglu eru sýndir á Eiginleika spjaldinu.

Smelltu á T táknið efst á Eiginleika spjaldinu og breyttu eða bættu við leturgerðinni þinni og öðrum textastillingum.

Þú getur breytt leturgerð, stærð, stíl og þyngd. Til að breyta bilinu á milli textalína skaltu breyta línuhæðinni.

Skrunaðu niður að Bakgrunnssvæðinu á Eiginleikaspjaldinu og notaðu litaholuna í Bakgrunnslitur reitnum til að tilgreina lit fyrir allan bakgrunn síðunnar.

Að öðrum kosti geturðu slegið inn hvaða sextánsíma litakóða sem er í reitnum Bakgrunnslitur eða notað dropann til að sýna hvaða lit sem er. Til að bæta við bakgrunnsmynd, smelltu á URL reitinn í Bakgrunnshlutanum og smelltu síðan á Browse hnappinn sem birtist og veldu myndina sem þú vilt nota sem bakgrunn. Notaðu Background-Repeat táknin til að tilgreina hvernig bakgrunnsmyndin ætti að endurtaka sig á síðunni.

Gerðu aðrar breytingar eða viðbætur við stílregluna.

Breytingar á stílreglum í Eiginleikaspjaldinu eru sjálfkrafa vistaðar og notaðar á efni sem er sniðið með reglunni.

Hvernig á að sérsníða efnissvæði

Til að breyta breidd eða öðrum stillingum á helstu efnissvæðum, sem stjórna heildarstærð síðunnar og haus, fót og hliðarstiku, skaltu fylgja þessum skrefum:

Til að breyta breidd alls aðalhönnunarsvæðisins:

Smelltu á .container stílinn í Selectors spjaldinu á CSS Designer spjaldinu.

Eiginleikar .container stílreglunnar eru sýndir á Eiginleikum spjaldið, þar sem þú getur líka breytt stílnum.

Breyttu stærðinni í Breidd reitnum eða sláðu inn nýtt númer fyrir þá síðubreidd sem þú vilt.

Breidd síðuhönnunarinnar er sjálfkrafa breytt miðað við stærðina sem þú slóst inn. Þegar þú breytir breidd .container stílsins breytirðu breidd allrar hönnunarinnar vegna þess að öll

merki og aðrir þættir eru í

sniðin með .container stílnum — og þeir eru allir tilbúnir til að stækka til að fylla .container

.

Til að breyta stærð efnissvæðis síðunnar velurðu stílinn sem heitir .content og tilgreinir stærðina og aðra valkosti sem þú vilt á Eiginleikaspjaldinu.

Ef þú breytir breidd efnissvæðisins í útliti sem inniheldur hliðarstiku, verður þú líka að breyta breidd hliðarstikunnar.

Til að breyta bakgrunnslit hvers stíls á síðunni, smelltu á nafn samsvarandi stíls og breyttu stillingunum í Bakgrunnshlutanum á Eiginleikaspjaldinu.

Til dæmis, í CSS uppsetningum í Dreamweaver, er hliðarstikan skilgreind í stíl sem heitir .sidebar1. Þannig, til að breyta bakgrunnslitnum, myndirðu smella á .sidebar1 í Selectors spjaldið, velja Bakgrunnsflokkinn í Properties spjaldið og velja litinn sem þú vilt. Á sama hátt, til að breyta bakgrunnslit haussins, velurðu stílinn sem heitir haus á valmyndinni og notaðu litinn vel.

Til að bæta mynd við hausinn:

Veldu staðsetningarmyndina sem er merkt Insert Logo og ýttu á Delete eða Backspace takkann.

Veldu Setja inn → Mynd→ Mynd og veldu mynd með því að nota valmyndina Veldu uppruna myndar.

Skiptu um texta og settu myndir inn í hliðarstikuna og aðalefnissvæði.

Þú getur bætt við eða skipt út texta og sett inn myndir á hvaða síðu sem er búin til úr CSS skipulagi, alveg eins og þú myndir gera á hverri annarri vefsíðu.

Veldu Skrá→ Vista allt til að vista síðuna og stílana.