Kuidas muuta Dreamweaveri CSS-paigutuse stiile

Pärast Dreamweaveris uue CSS-paigutusega lehe loomist on teil selle redigeerimiseks näiliselt lõpmatu arv võimalusi, kuid esmalt peate määrama, millised stiilid stiililehel vastavad muudetavatele elementidele.

Nagu võite ilmselt ette kujutada, saate oma kujunduse loomiseks CSS-paigutuse stiile mitmel viisil redigeerida.

Kui olete kohandanud olemasolevaid stiile, et saada lehe põhikujundus soovitud viisil, saate luua nii palju täiendavaid stiile, kui soovite.

Kuidas vaadata saadaolevaid stiile ja teha põhilisi muudatusi

Neid samu põhijuhiseid saate kasutada mis tahes Dreamweaveri CSS-paigutusega. CSS-paigutuse stiilide muutmiseks toimige järgmiselt.

Avage lehefail, mis põhineb Dreamweaveri CSS-paigutusel, ja valige Aken → CSS-stiilid (või klõpsake paneeli laiendamiseks vahekaarti CSS-i kujundaja).

CSS-kujundaja paneel avaneb või laieneb.

Klõpsake stiililehe nime valimiseks CSS Designeri ülaosas paneelil Allikad.

Kõik uue lehega seotud stiilid on loetletud valijate paneelil.

Valige paneelil CSS Designer Selectors loetletud mis tahes stiili nimi.

Stiili jaoks määratletud vastavad CSS-reeglid kuvatakse paneeli Atribuudid, CSS-kujundaja paneeli allosas. Stiilide loendi läbi klõpsamine ja nendele vastavate reeglite ülevaatamine on hea viis kujundusest kiire ülevaate saamiseks ja erinevate lehevormingu valikute hoidmiseks.

HTML5 päise, .nav ja jaluse märgendid juhivad lehe peamisi jaotisi. Näiteks päise stiil sisaldab reeglit, mis muudab tausta värvi roheliseks. Seega, lehe ülaosas oleva päiseala värvi muutmiseks muudate päisereegli taustavärvi sätet.

Leheüleste sätete muutmine

Leheüleste sätete muutmiseks (nt lehe taustavärv või peamine fondi nägu, kogu lehel kasutatava teksti suurus ja värv) toimige järgmiselt.

Valige paneelil CSS Designer Selectors stiil nimega body.

Valitud stiilireeglis määratletud atribuudid kuvatakse paneelil Atribuudid.

Klõpsake atribuutide paneeli ülaosas ikooni T ja muutke või lisage soovitud fonti ja muid tekstisätteid.

Saate muuta fondi nägu, suurust, stiili ja kaalu. Tekstiridadevahelise ruumi muutmiseks muutke rea kõrgust.

Kerige alla paneeli Atribuudid alale Taust ja kasutage väljal Taustvärv olevat värvi hästi, et määrata kogu lehe tausta värv.

Teise võimalusena saate väljale Background-Color sisestada mis tahes kuueteistkümnendsüsteemis värvikoodi või kasutada mis tahes värvi proovimiseks tilgutit. Taustpildi lisamiseks klõpsake jaotises Taust URL-i väljal ja seejärel ilmuval nupul Sirvi ja valige pilt, mida soovite taustana kasutada. Kasutage ikoone Background-Repeat, et määrata, kuidas taustapilt peaks lehel korduma.

Tehke stiilireeglis muid muudatusi või täiendusi.

Muudatused stiilireeglites paneelil Atribuudid salvestatakse automaatselt ja rakendatakse reegliga vormindatud sisule.

Sisualade kohandamine

Peamiste sisualade laiuse või muude sätete muutmiseks, mis reguleerivad lehe üldist suurust ning päist, jalust ja külgriba, toimige järgmiselt.

Kogu peamise kujundusala laiuse muutmiseks tehke järgmist.

Klõpsake CSS-i kujundaja paneeli paneelil Selectors stiilil .container.

Stiilireegli .container atribuudid kuvatakse paneelil Atribuudid, kus saate ka stiili muuta.

Muutke suurust väljal Width või sisestage soovitud lehe laiuse jaoks uus number.

Lehekülje kujunduse laiust muudetakse automaatselt vastavalt teie sisestatud suurusele. Kui muudate stiili .container laiust, muudate kogu kujunduse laiust, kuna kõik

sildid ja muud elemendid sisalduvad

vormindatud stiilis .container – ja need kõik on seadistatud laienema, et täita konteiner

.

Lehe sisuala suuruse muutmiseks valige stiil nimega .content ning määrake soovitud suurus ja muud suvandid paneelil Atribuudid.

Kui muudate külgriba sisaldava paigutuse sisuala laiust, peate muutma ka külgriba laiust.

Lehel oleva mis tahes stiili taustavärvi muutmiseks klõpsake vastava stiili nimel ja muutke seadeid paneeli Atribuudid jaotises Taust.

Näiteks Dreamweaveri CSS-paigutustes on külgriba määratletud stiilis nimega .sidebar1. Taustavärvi muutmiseks klõpsake selektorite paneelil .sidebar1, valige Atribuutide paneelil kategooria Taust ja valige soovitud värv. Samamoodi päise taustavärvi muutmiseks valige paneelil Selectors stiil nimega päis ja kasutage seda värvi hästi.

Pildi lisamiseks päisesse toimige järgmiselt.

Valige kohatäite kujutis nimega Sisesta logo ja vajutage klahvi Kustuta või Backspace.

Valige Lisa → Pilt → Pilt ja valige dialoogiboksis Pildiallika valimine pilt.

Asendage tekst ja sisestage pildid külgribale ja põhisisualadele.

Saate lisada või asendada teksti ja lisada pilte mis tahes CSS-paigutusega loodud lehele, nagu teeksite seda igal teisel veebilehel.

Lehekülje ja stiilide salvestamiseks valige Fail → Salvesta kõik.