Prieš pradėdami kurti sudėtingesnį puslapio dizainą naudodami „Dreamweaver“ vaizdo mainų funkciją, pažiūrėkite į baigtą puslapį. Sukeisti vaizdą galite pakeisti bet kurį arba visus puslapio vaizdus.
Kai naudojate funkciją Keisti vaizdą, svarbu, kad visi vaizdai, kuriuos keisite, būtų tokio paties dydžio (aukštis ir plotis). Jei vaizdai nėra vienodo dydžio, visi vaizdai, išskyrus pirmąjį, bus ištempti arba suspausti, kad tilptų į vietą, kurią užima pirmasis į puslapį įterptas vaizdas.
Jei naudojate veiksmą Keisti vaizdą su vaizdų serijomis, kurios nėra vienodo aukščio ir pločio, turite keletą parinkčių:
Apkarpykite didesnius, kad visi vaizdai būtų vienodo dydžio.
Padarykite, kad horizontalūs ir vertikalūs vaizdai užimtų tą pačią vietą jūsų dizaine, sujungdami po du vertikalius vaizdus kiekvienam horizontaliam. Tiesiog sukurkite failą programoje, pvz., „Photoshop“, įdėkite du vertikalius vaizdus į tą patį failą vienas šalia kito, tada nustatykite vaizdo dydį, kad failas būtų tokio pat dydžio kaip vienas horizontalus vaizdas.
Sukurkite vieną didžiausio vaizdo dydžio vaizdo failą, nustatykite neutralios spalvos foną, pvz., juodą arba baltą, tada įdėkite visus kitus vaizdus į foną, kad galėtumėte juos visus išsaugoti tokio paties dydžio failais.
Atlikite šiuos veiksmus, kad galėtumėte naudoti vaizdo keitimo funkciją:
Kiekviena iš trijų Londono Tauerio tilto puslapio dizaino nuotraukų turi dvi kopijas: vieną miniatiūrą ir vieną didesnę versiją. Kai puslapis pirmą kartą įkeliamas žiniatinklio naršyklėje, visi trys miniatiūrų vaizdai yra puslapio apačioje, o pirmoji iš atitinkamų didesnių versijų rodoma pagrindinėje srityje, tiesiai virš miniatiūrų.
Jei norite taikyti savo vaizdus su „JavaScript“, kaip veikia elgsena, pirmiausia kiekvienam vaizdui suteikite unikalų ID. Vaizdo ID nėra toks pat kaip vaizdo failo pavadinimas arba teksto žyma, nors galite naudoti tuos pačius arba panašius pavadinimus. Vaizdo ID neturi turėti tarpų ar specialių simbolių.
Atsidaro skydelis Elgesys. Galite vilkti skydelį „Elgsena“ į kitą puslapio vietą, o išplėsti – vilkdami jo apačią arba šoną. Taip pat galite uždaryti visas kitas atidarytas plokštes, kad būtų daugiau vietos, spustelėdami tamsiai pilką juostą bet kurio skydelio viršuje.
Puslapyje pasirinkite vaizdą, kuris veiks kaip veiksmas.
Darbo srityje pasirinkę aktyviklio vaizdą, skydelyje Elgesys spustelėkite pliuso ženklą, kad atidarytumėte išskleidžiamąjį veiksmų sąrašą ir pasirinkite veiksmą, kurį norite taikyti.
Vaizdų sąraše pasirinkite vaizdo, kuris bus pakeistas, ID. Spustelėkite mygtuką Naršyti, kad pasirinktumėte vaizdą, kuris pakeičia pagrindinį vaizdą. Jei vaizdas dar nėra išsaugotas vietiniame svetainės aplanke, „Dreamweaver“ pasiūlys jį nukopijuoti.
Jei nepasirinksite šios parinkties, naudojant vaizdo keitimą gali atsirasti delsa.
Parinktis Atkurti vaizdus OnMouseOut reiškia, kad pasibaigus įvykiui (pvz., kai pelė nukeliama nuo suaktyvinančios miniatiūros), pakeičiamas pradinis vaizdas. Pagal numatytuosius nustatymus „Dreamweaver“ iš anksto pasirenka šią parinktį „Swap Image“ veikimui. Galbūt norėsite atšaukti šios parinkties pasirinkimą, jei pastebėsite, kad pradinio vaizdo pakeitimas kiekvieną kartą, kai užvedate žymeklį ant kitos miniatiūros, blaško dėmesį.
Nauja elgsena rodoma Elgesio skydelyje.
Pritaikę veiksmą galite grįžti atgal ir nurodyti, kuris įvykis suaktyvins veiksmą. Pagal numatytuosius nustatymus „Dreamweaver“ taiko „OnMouseOver“ įvykį, kai naudojate veiksmą Keisti vaizdą, tačiau galite pakeisti tą įvykį į bet kurį galimą, pvz., „OnClick“, kuri reikalauja, kad vartotojas spustelėtų vaizdą, kad suaktyvintų veiksmą Keisti vaizdą.
Norėdami pritaikyti Keisti vaizdą kitiems vaizdams puslapyje, pakartokite 5–10 veiksmus, spustelėdami, kad pasirinktumėte vaizdą, kurį norite naudoti kaip aktyviklį, ir tada nurodykite atitinkamą vaizdą, kurį reikia pakeisti.
Negalite matyti tokio elgesio poveikio, kol nepaspustelėsite tiesioginio vaizdo mygtuko viršutiniame kairiajame Dreamweaver darbo srities kampe arba neperžiūrėsite puslapio žiniatinklio naršyklėje.
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 į […]
