Sukūrę naują puslapį su CSS išdėstymu „Dreamweaver“, turite, atrodo, begalinį jo redagavimo parinkčių skaičių, tačiau pirmiausia turite nustatyti, kurie stiliai stilių lape atitinka norimus redaguoti elementus.
Kaip tikriausiai galite įsivaizduoti, CSS išdėstymo stilius galite redaguoti įvairiais būdais, kad sukurtumėte savo dizainą.
Sureguliavę esamus stilius, kad pagrindinis puslapio dizainas būtų toks, kokio norite, galite sukurti tiek papildomų stilių, kiek norite.
Tas pačias pagrindines instrukcijas galite naudoti su bet kokiu Dreamweaver CSS išdėstymu. Norėdami redaguoti stilius CSS makete, atlikite šiuos veiksmus:
Atidarykite puslapio failą, pagrįstą Dreamweaver CSS išdėstymu, ir pasirinkite Langas → CSS stiliai (arba spustelėkite skirtuką CSS Designer, kad išskleistumėte skydelį).
Atidaromas arba išplečiamas CSS dizainerio skydelis.
Spustelėkite, kad pasirinktumėte stiliaus lapo pavadinimą šaltinių skydelyje, esančiame CSS Designer viršuje.
Visi su nauju puslapiu susieti stiliai pateikiami skydelyje Selectors.
Pasirinkite bet kurio stiliaus pavadinimą, pateiktą skydelyje CSS Designer Selectors.
Atitinkamos stiliui apibrėžtos CSS taisyklės rodomos skydelyje Ypatybės, CSS dizainerio skydelio apačioje. Stilių sąrašo spustelėjimas ir atitinkamų taisyklių peržiūra yra geras būdas greitai peržiūrėti dizainą ir pamatyti, kur saugomos įvairios puslapio formatavimo parinktys.
HTML5 antraštės, .nav ir poraštės žymos valdo pagrindines puslapio dalis. Pavyzdžiui, antraštės stilius apima taisyklę, pagal kurią fono spalva yra žalia. Taigi, norėdami pakeisti puslapio viršuje esančios antraštės srities spalvą, antraštės taisyklėje pakeisite fono spalvos nustatymą.
Norėdami redaguoti viso puslapio nustatymus, pvz., puslapio fono spalvą arba pagrindinį šrifto paviršių, visame puslapyje naudojamo teksto dydį ir spalvą, atlikite šiuos veiksmus:
Skydelyje CSS Designer Selectors pasirinkite stilių, pavadintą body.
Pasirinktoje stiliaus taisyklėje apibrėžtos savybės rodomos ypatybių skydelyje.
Spustelėkite piktogramą T ypatybių skydelio viršuje ir pakeiskite arba pridėkite norimą šriftą ir kitus teksto nustatymus.
Galite pakeisti šrifto veidą, dydį, stilių ir svorį. Norėdami pakeisti tarpą tarp teksto eilučių, pakeiskite eilutės aukštį.
Slinkite žemyn iki ypatybių skydelio Fono srities ir naudokite spalvą lauke Fono spalva, kad nurodytumėte viso puslapio fono spalvą.
Arba galite įvesti bet kokį šešioliktainį spalvos kodą lauke Fono spalva arba naudoti lašintuvą bet kokios spalvos pavyzdžiui. Norėdami pridėti fono paveikslėlį, spustelėkite URL lauką Fonas, tada spustelėkite pasirodžiusį mygtuką Naršyti ir pasirinkite vaizdą, kurį norite naudoti kaip foną. Naudokite fono kartojimo piktogramas, kad nurodytumėte, kaip fono vaizdas turėtų kartotis puslapyje.
Atlikite kitus stiliaus taisyklės pakeitimus ar papildymus.
Stiliaus taisyklių pakeitimai ypatybių skydelyje automatiškai išsaugomi ir taikomi pagal taisyklę suformatuotam turiniui.
Norėdami pakeisti pagrindinių turinio sričių, kurios valdo bendrą puslapio dydį ir antraštę, poraštę ir šoninę juostą, plotį ar kitus parametrus, atlikite šiuos veiksmus:
Norėdami pakeisti visos pagrindinės projektavimo srities plotį:
Spustelėkite .container stilių skydelio CSS Designer skydelyje Selectors.
Stiliaus taisyklės .container ypatybės rodomos ypatybių skydelyje, kur taip pat galite redaguoti stilių.
Pakeiskite dydį lauke Plotis arba įveskite naują norimo puslapio pločio skaičių.
Puslapio dizaino plotis automatiškai keičiamas pagal įvestą dydį. Kai keičiate .container stiliaus plotį, keičiate viso dizaino plotį, nes visi
žymos ir kiti elementai yra
suformatuoti .container stiliumi – ir jie visi yra paruošti išplėsti, kad užpildytų .container
.
Norėdami pakeisti puslapio turinio srities dydį, pasirinkite stilių, pavadintą .content, ir nurodykite dydį bei kitas norimas parinktis skydelyje Ypatybės.
Jei pakeisite turinio srities plotį makete, kuriame yra šoninė juosta, turite pakeisti ir šoninės juostos plotį.
Norėdami pakeisti bet kurio puslapio stiliaus fono spalvą, spustelėkite atitinkamo stiliaus pavadinimą ir pakeiskite nustatymus skydelio Savybės skiltyje Fonas.
Pavyzdžiui, Dreamweaver CSS maketuose šoninė juosta apibrėžiama stiliumi, pavadintu .sidebar1. Taigi, norėdami pakeisti fono spalvą, skydelyje Selectors spustelėkite .sidebar1, ypatybių skydelyje pasirinkite kategoriją Fonas ir pasirinkite norimą spalvą. Panašiai, norėdami pakeisti antraštės fono spalvą, pasirinkite stilių, pavadintą antrašte, skydelyje Selectors ir gerai naudokite spalvą.
Norėdami pridėti vaizdą prie antraštės:
Pasirinkite rezervuotos vietos vaizdą, pažymėtą Įterpti logotipą, ir paspauskite klavišą Delete arba Backspace.
Pasirinkite Įterpti → Vaizdas → Vaizdas ir pasirinkite vaizdą naudodami dialogo langą Pasirinkti vaizdo šaltinį.
Pakeiskite tekstą ir įterpkite vaizdus į šoninę juostą ir pagrindines turinio sritis.
Galite pridėti arba pakeisti tekstą ir įterpti vaizdus į bet kurį puslapį, sukurtą naudojant CSS maketą, kaip ir bet kuriame kitame tinklalapyje.
Norėdami išsaugoti puslapį ir stilius, pasirinkite Failas → Išsaugoti viską.
Pagrindinės formos, tokios kaip kvadratai ir apskritimai, yra būtinos Adobe Illustrator. Sužinokite, kaip jas kurti efektyviau ir optimizuokite savo dizaino įgūdžius!
Sužinokite, kaip efektyviai sujungti sluoksnius „Photoshop CS6“, kad optimizuotumėte failo dydį ir pagerintumėte darbo efektyvumą.
Sužinokite apie pagrindinius „Illustrator CC“ formos įrankius, tokius kaip stačiakampiai, elipsės, daugiakampiai ir žvaigždės, ir kaip juos efektyviai naudoti.
Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.
Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]
Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]
Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]
Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]
Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]
Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]
