Si të modifikoni stilet në një paraqitje CSS në Dreamweaver

Pasi të krijoni një faqe të re me një paraqitje CSS në Dreamweaver, ju keni një numër në dukje të pafund opsionesh për ta redaktuar atë, por së pari duhet të përcaktoni se cilat stile në fletën e stilit korrespondojnë me elementët që dëshironi të redaktoni.

Siç mund ta imagjinoni ndoshta, ju mund t'i modifikoni stilet në një plan urbanistik CSS në shumë mënyra për të krijuar dizajnet tuaja.

Pasi të rregulloni stilet ekzistuese për të marrë dizajnin bazë të faqes ashtu siç dëshironi, mund të krijoni aq stile shtesë që dëshironi.

Si të shikoni stilet e disponueshme dhe të bëni modifikime bazë

Ju mund të përdorni të njëjtat udhëzime bazë me çdo plan urbanistik CSS të përfshirë në Dreamweaver. Për të modifikuar stilet në një plan urbanistik CSS, ndiqni këto hapa:

Hapni një skedar faqeje që bazohet në një plan urbanistik të Dreamweaver CSS dhe zgjidhni Window→ Styles CSS (ose klikoni skedën CSS Designer për të zgjeruar panelin).

Paneli CSS Designer hapet ose zgjerohet.

Klikoni për të zgjedhur emrin e fletës së stilit në panelin Burimet në krye të CSS Designer.

Të gjitha stilet e lidhura me faqen e re janë të listuara në panelin e përzgjedhësve.

Zgjidhni emrin e çdo stili të listuar në panelin e përzgjedhësve të projektuesit CSS.

Rregullat përkatëse të CSS të përcaktuara për stilin shfaqen në panelin Properties, në fund të panelit CSS Designer. Klikimi në listën e stileve dhe rishikimi i rregullave të tyre përkatëse është një mënyrë e mirë për të marrë një pasqyrë të shpejtë të dizajnit dhe për të parë se ku janë ruajtur opsionet e ndryshme të formatimit të faqeve.

Etiketat e kokës HTML5, .nav dhe fundore kontrollojnë seksionet kryesore të faqes. Për shembull, stili i kokës përfshin një rregull që e bën ngjyrën e sfondit të gjelbër. Kështu, për të ndryshuar ngjyrën e zonës së kokës në krye të faqes, ju ndryshoni cilësimin e ngjyrës së sfondit në rregullin e kokës.

Si të modifikoni cilësimet në të gjithë faqen

Për të modifikuar cilësimet në të gjithë faqen - si ngjyra e sfondit të faqes ose fytyra e fontit kryesor, madhësia dhe ngjyra e tekstit të përdorur në të gjithë faqen - ndiqni këto hapa:

Në panelin CSS Designer Selectors, zgjidhni stilin e quajtur trupi.

Vetitë e përcaktuara në rregullin e stilit të zgjedhur shfaqen në panelin Properties.

Klikoni ikonën T në krye të panelit të Veçorive dhe ndryshoni ose shtoni fontin tuaj të dëshiruar dhe cilësimet e tjera të tekstit.

Ju mund të ndryshoni fytyrën, madhësinë, stilin dhe peshën e fontit. Për të ndryshuar hapësirën midis rreshtave të tekstit, ndryshoni lartësinë e rreshtit.

Lëvizni poshtë në zonën e sfondit të panelit të Vetive dhe përdorni mirë ngjyrën në fushën Background-Color për të specifikuar një ngjyrë për të gjithë sfondin e faqes.

Përndryshe, mund të futni çdo kod heksadecimal ngjyrash në fushën Background-Color ose të përdorni pikatoren për të mostruar çdo ngjyrë. Për të shtuar një imazh të sfondit, klikoni në fushën URL në seksionin Sfondi dhe më pas klikoni butonin Shfleto që shfaqet dhe zgjidhni imazhin që dëshironi të shërbeni si sfond. Përdorni ikonat Background-Repeat për të specifikuar se si imazhi i sfondit duhet të përsëritet në faqe.

Bëni çdo ndryshim ose shtesë në rregullin e stilit.

Ndryshimet në rregullat e stilit në panelin e Veçorive ruhen automatikisht dhe zbatohen në përmbajtjen e formatuar sipas rregullit.

Si të personalizoni zonat e përmbajtjes

Për të ndryshuar gjerësinë ose cilësimet e tjera të zonave kryesore të përmbajtjes, të cilat kontrollojnë madhësinë e përgjithshme të faqes dhe kokën, fundin dhe shiritin anësor, ndiqni këto hapa:

Për të ndryshuar gjerësinë e të gjithë zonës kryesore të projektimit:

Klikoni në stilin .container në panelin e përzgjedhësve të panelit "CSS Designer".

Vetitë e rregullit të stilit .container shfaqen në panelin Properties, ku mund të modifikoni edhe stilin.

Ndryshoni madhësinë në fushën Gjerësia ose shkruani një numër të ri për gjerësinë e dëshiruar të faqes.

Gjerësia e dizajnit të faqes ndryshohet automatikisht në bazë të madhësisë që keni futur. Kur ndryshoni gjerësinë e stilit .container, ju ndryshoni gjerësinë e të gjithë dizajnit sepse të gjithë

etiketat dhe elementët e tjerë përmbahen në

formatuar me stilin .container — dhe të gjitha janë gati të zgjerohen për të mbushur .container

.

Për të ndryshuar madhësinë e zonës së përmbajtjes së faqes, zgjidhni stilin e quajtur .content dhe specifikoni madhësinë dhe opsionet e tjera që dëshironi në panelin Properties.

Nëse ndryshoni gjerësinë e zonës së përmbajtjes në një plan urbanistik që përfshin një shirit anësor, duhet të ndryshoni edhe gjerësinë e shiritit anësor.

Për të ndryshuar ngjyrën e sfondit të çdo stili në faqe, klikoni emrin e stilit përkatës dhe ndryshoni cilësimet në seksionin Sfondi të panelit Vetitë.

Për shembull, në paraqitjet CSS në Dreamweaver, shiriti anësor përcaktohet në një stil të quajtur .sidebar1. Kështu, për të ndryshuar ngjyrën e sfondit, do të klikoni .sidebar1 në panelin e përzgjedhësve, zgjidhni kategorinë Sfondi në panelin Properties dhe zgjidhni ngjyrën që dëshironi. Në mënyrë të ngjashme, për të ndryshuar ngjyrën e sfondit të kokës, zgjidhni stilin e quajtur titulli në panelin e përzgjedhësve dhe përdorni mirë ngjyrën.

Për të shtuar një imazh në kokë:

Zgjidhni imazhin e mbajtësit të vendit të emërtuar Fut logon dhe shtypni butonin Delete ose Backspace.

Zgjidhni Fut → Imazhi → Imazhi dhe zgjidhni një imazh duke përdorur kutinë e dialogut Zgjidh burimin e imazhit.

Zëvendësoni tekstin dhe futni imazhe në shiritin anësor dhe në zonat kryesore të përmbajtjes.

Ju mund të shtoni ose zëvendësoni tekst dhe të futni imazhe në çdo faqe të krijuar nga një plan urbanistik CSS, ashtu siç do të bëni në çdo faqe tjetër në internet.

Zgjidhni Skedar → Ruaj të gjitha për të ruajtur faqen dhe stilet.