Abode Creative Suite 5 (Adobe CS5) Dreamweaver nodrošina vairākus veidus, kā mainīt kaskādes stila lapu lapas izkārtojumu. CSS izkārtojumu pilnībā kontrolē stila lapas noteikumi, tāpēc varat mainīt lapas izskatu un darbību tieši no CSS stilu paneļa un Īpašuma inspektora.
Katra kolonna, lodziņš un vieta jaunajā lapā tiek novietota un izmērīta, izmantojot CSS kārtulas un rekvizītus, kurus varat pielāgot vai nu rekvizītu inspektorā (CSS stilu panelī) vai CSS kārtulu definīcijas panelī.
Ja CSS stilu panelis vēl nav atvērts, izvēlieties Logs → CSS stili, lai to atvērtu.
Atlasiet cilni Visi, lai parādītu stila lapu un tās noteikumus.
Iekšējā stila lapa tiek parādīta kā
tagu.
Izvēlieties ķermeņa likumu.
Šis uz tagiem balstīts stils kontrolē visas lapas vispārīgo formatējumu (visu tagā esošo saturu).
Noklikšķiniet uz lauka blakus fona kārtulai, lai to rediģētu; tā vietā, lai saglabātu iestatījumu #4E5869 (vidēji pelēks), ierakstiet heksadecimālo krāsu (piemēram, #CC0000 sarkanai krāsai), lai mainītu lapas fona krāsu.
Noklikšķiniet uz parauga blakus krāsu kārtulai, lai atvērtu paneli Swatches; izvēlieties jaunu noklusējuma veida krāsu lapas tekstam.
CSS stilu paneļa augšdaļā atlasiet citu stilu (piemēram, .twoColElstHdr #container stilu), lai skatītu tā rekvizītus.
Stils .twoColHybLtHdr #container ID kontrolē galvenā izkārtojuma konteinera izmēru un izskatu lapā.
Rekvizītu inspektorā rediģējiet rekvizītus, lai mainītu stila izskatu.
Piemēram, varat mainīt kārtulas platumu, tekstlodziņā Platuma kārtula ievadot jaunu skaitli. Ja ievadāt , piemēram, 95% , jūs padarīsit visu izkārtojumu plašāku.
Katru kolonnu un sadaļu, kas ietver jūsu izkārtojumu, kontrolē viens no ID stiliem, kas norādīti CSS stilu panelī. Lielākajai daļai katra ID stila ir platuma rekvizīts, ko varat izmantot, lai mainītu dažādu lapas apgabalu lielumu.
Turpiniet modificēt dažādus stilus, kas norādīti CSS stilu panelī, un skatiet, kā tie ietekmē dažādus jūsu lapas elementus. Mēģiniet mainīt tipa krāsu, fontu saimi un citus rekvizītus, piemēram, polsterējumu un fona krāsu.
Lai precīzi noskaidrotu, kurš ID kontrolē kuru kolonnu vai sadaļu, noklikšķiniet lapas apgabalā un skatiet tagu atlasītāju loga Dokuments apakšā. Pēdējais
tags ķēdes beigās parāda, kurā konteinerā atrodaties, un tam atbilstošo ID panelī CSS stili (piemēram, ).