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.
Šī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ā.
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.
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.
Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.
Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.
Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.
Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]
Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]
Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]
Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]
Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]
Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]
Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]
