Kā rediģēt stilus CSS izkārtojumā programmā Dreamweaver

Kad esat izveidojis jaunu lapu ar CSS izkārtojumu programmā Dreamweaver, jums ir šķietami bezgalīgs skaits tās rediģēšanas iespēju, taču vispirms ir jānosaka, kuri stili stila lapā atbilst elementiem, kurus vēlaties rediģēt.

Kā jūs droši vien varat iedomāties, CSS izkārtojuma stilus varat rediģēt daudzos veidos, lai izveidotu savus dizainus.

Kad esat pielāgojis esošos stilus, lai iegūtu vēlamo lapas pamata dizainu, varat izveidot tik daudz papildu stilu, cik vēlaties.

Kā pārbaudīt pieejamos stilus un veikt pamata labojumus

Šīs pašas pamatinstrukcijas varat izmantot ar jebkuru Dreamweaver iekļauto CSS izkārtojumu. Lai rediģētu stilus CSS izkārtojumā, veiciet šīs darbības:

Atveriet lapas failu, kura pamatā ir Dreamweaver CSS izkārtojums, un izvēlieties Logs → CSS stili (vai noklikšķiniet uz cilnes CSS Designer, lai izvērstu paneli).

Tiek atvērts vai izvērsts panelis CSS Designer.

Noklikšķiniet, lai atlasītu stila lapas nosaukumu panelī Avoti CSS Designer augšpusē.

Visi ar jauno lapu saistītie stili ir uzskaitīti panelī Selectors.

Atlasiet jebkura stila nosaukumu, kas norādīts panelī CSS Designer Selectors.

Atbilstošie stilam definētie CSS noteikumi tiek parādīti panelī Rekvizīti CSS Designer paneļa apakšā. Stilu saraksta noklikšķināšana un atbilstošo noteikumu pārskatīšana ir labs veids, kā ātri iegūt pārskatu par dizainu un redzēt, kur tiek glabātas dažādas lapas formatēšanas opcijas.

HTML5 galvenes, .nav un kājenes tagi kontrolē galvenās lapas sadaļas. Piemēram, galvenes stilā ir ietverts noteikums, kas padara fona krāsu zaļu. Tādējādi, lai mainītu galvenes apgabala krāsu lapas augšdaļā, ir jāmaina fona krāsas iestatījums galvenes kārtulā.

Kā rediģēt visas lapas iestatījumus

Lai rediģētu visas lapas iestatījumus, piemēram, lapas fona krāsu vai galveno fonta virsmu, visā lapā izmantotā teksta izmēru un krāsu, veiciet šīs darbības:

CSS noformētāja atlasītāju panelī atlasiet stilu ar nosaukumu pamatteksts.

Atlasītajā stila noteikumā definētie rekvizīti tiek parādīti panelī Rekvizīti.

Rekvizītu paneļa augšdaļā noklikšķiniet uz ikonas T un mainiet vai pievienojiet vajadzīgo fontu un citus teksta iestatījumus.

Varat mainīt fonta seju, izmēru, stilu un svaru. Lai mainītu atstarpi starp teksta rindiņām, mainiet rindiņas augstumu.

Ritiniet uz leju līdz rekvizītu paneļa apgabalam Fona un izmantojiet krāsu laukā Fona krāsa, lai norādītu krāsu visam lapas fonam.

Varat arī ievadīt jebkuru heksadecimālo krāsu kodu laukā Background-Color vai izmantot pilinātāju, lai ņemtu paraugu jebkurai krāsai. Lai pievienotu fona attēlu, sadaļā Fons noklikšķiniet uz URL laukā un pēc tam noklikšķiniet uz parādītās pogas Pārlūkot un atlasiet attēlu, kuru vēlaties izmantot kā fonu. Izmantojiet ikonas Background-Repeat, lai norādītu, kā fona attēlam ir jāatkārtojas lapā.

Veiciet visas citas stila kārtulas izmaiņas vai papildinājumus.

Stila kārtulu izmaiņas panelī Rekvizīti tiek automātiski saglabātas un lietotas saturam, kas formatēts ar šo noteikumu.

Kā pielāgot satura apgabalus

Lai mainītu galveno satura apgabalu platumu vai citus iestatījumus, kas nosaka lapas kopējo izmēru un galveni, kājeni un sānjoslu, veiciet tālāk norādītās darbības.

Lai mainītu visa galvenā dizaina laukuma platumu:

Noklikšķiniet uz .container stila CSS Designer paneļa panelī Selectors.

Stila kārtulas .container rekvizīti tiek parādīti panelī Rekvizīti, kur varat arī rediģēt stilu.

Mainiet izmēru laukā Platums vai ierakstiet jaunu numuru vēlamajam lapas platumam.

Lapas dizaina platums tiek automātiski mainīts atkarībā no ievadītā izmēra. Mainot .container stila platumu, tiek mainīts visa dizaina platums, jo visi

tagi un citi elementi ir ietverti

formatēti ar .container stilu — un tie visi ir iestatīti izvēršanai, lai aizpildītu .container

.

Lai mainītu lapas satura apgabala lielumu, atlasiet stilu ar nosaukumu .content un panelī Rekvizīti norādiet vajadzīgo izmēru un citas opcijas.

Ja maināt satura apgabala platumu izkārtojumā, kas ietver sānjoslu, jums ir jāmaina arī sānjoslas platums.

Lai mainītu jebkura stila fona krāsu lapā, noklikšķiniet uz atbilstošā stila nosaukuma un mainiet iestatījumus paneļa Rekvizīti sadaļā Fons.

Piemēram, Dreamweaver CSS izkārtojumos sānjosla ir definēta stilā ar nosaukumu .sidebar1. Tādējādi, lai mainītu fona krāsu, panelī Selectors noklikšķiniet uz .sidebar1, panelī Rekvizīti atlasiet kategoriju Fons un atlasiet vajadzīgo krāsu. Tāpat, lai mainītu galvenes fona krāsu, panelī Selectors atlasiet stilu ar nosaukumu galvene un labi izmantojiet krāsu.

Lai galvei pievienotu attēlu:

Atlasiet viettura attēlu ar nosaukumu Ievietot logotipu un nospiediet taustiņu Delete vai Backspace.

Izvēlieties Ievietot → Attēls → Attēls un atlasiet attēlu, izmantojot dialoglodziņu Atlasīt attēla avotu.

Aizstājiet tekstu un ievietojiet attēlus sānjoslā un galvenajā satura apgabalā.

Varat pievienot vai aizstāt tekstu un ievietot attēlus jebkurā lapā, kas izveidota, izmantojot CSS izkārtojumu, tāpat kā jebkurā citā tīmekļa lapā.

Izvēlieties Fails → Saglabāt visu, lai saglabātu lapu un stilus.