Pirms sākat veidot sarežģītāku lapas dizainu, izmantojot Dreamweaver Swap Image darbību, apskatiet gatavo lapu. Izmantojot funkciju Apmainīt attēlu, varat aizstāt jebkuru vai visus lapas attēlus.
Kad izmantojat funkciju Mainīt attēlu, ir svarīgi, lai visi attēli, kurus mainīsit, būtu vienādi (augstums un platums). Ja attēli nav vienāda izmēra, visi attēli, izņemot pirmo, tiks izstiepti vai saspiesti, lai tie atbilstu vietai, ko aizņem pirmais lapā ievietotais attēls.
Ja izmantojat funkciju Apmainīt attēlu ar attēlu sēriju, kas nav vienāda augstuma un platuma, jums ir dažas iespējas:
Apgrieziet lielākos attēlus, lai visi attēli būtu vienāda izmēra.
Padariet horizontāliem un vertikāliem attēliem vienādu vietu jūsu dizainā, apvienojot divus vertikālus attēlus katram horizontālajam attēlam. Vienkārši izveidojiet failu programmā, piemēram, Photoshop, ievietojiet divus vertikālus attēlus vienā un tajā pašā failā blakus un pēc tam izvēlieties attēla izmēru tā, lai fails būtu vienāds ar vienu horizontālu attēlu.
Izveidojiet vienu attēla failu lielākā attēla izmērā, iestatiet fonu uz neitrālu krāsu, piemēram, melnu vai baltu, un pēc tam ievietojiet visus pārējos attēlus fonā, lai tos visus varētu saglabāt vienā faila lielumā.
Lai izmantotu attēla maiņas darbību, veiciet šīs darbības:
Katrai no trim fotogrāfijām Londonas Tauera tilta lapas dizainā ir divas kopijas: viens sīktēls un viena lielāka versija. Kad lapa pirmo reizi tiek ielādēta tīmekļa pārlūkprogrammā, visi trīs sīktēli tiek novietoti lapas apakšā, un pirmā no attiecīgajām lielākajām versijām tiek parādīta galvenajā apgabalā tieši virs sīktēliem.
Lai atlasītu attēlus, izmantojot JavaScript, kas darbojas šādi, vispirms piešķiriet katram attēlam unikālu ID. Attēla ID nav tas pats, kas attēla faila nosaukums vai teksta atzīme, lai gan varat izmantot tādus pašus vai līdzīgus nosaukumus. Attēlu ID nedrīkst saturēt atstarpes vai īpašas rakstzīmes.
Tiek atvērts panelis Behaviors. Varat vilkt uzvedības paneli citur lapā, un varat to izvērst, velkot tā apakšā vai sānos. Varat arī aizvērt visus citus atvērtos paneļus, lai atbrīvotu vietu, jebkura paneļa augšdaļā noklikšķinot uz tumši pelēkās joslas.
Lapā atlasiet attēlu, kas kalpos kā darbības aktivizētājs.
Kad darbvietā ir atlasīts aktivizētāja attēls, panelī Uzvedības noklikšķiniet uz pluszīmes, lai atvērtu darbību nolaižamo sarakstu, un izvēlieties darbību, kuru vēlaties lietot.
Attēlu sarakstā atlasiet attēla ID, kas tiks aizstāts. Noklikšķiniet uz pogas Pārlūkot, lai atlasītu attēlu, kas aizstāj galveno attēlu. Ja attēls vēl nav saglabāts vietējā vietnes mapē, Dreamweaver piedāvās jums to kopēt tur.
Ja šo opciju neizvēlaties, var rasties aizkave, kad tiek izmantota attēla mijmaiņas funkcija.
Opcija Atjaunot attēlus OnMouseOut nozīmē, ka, kad notikums ir pabeigts (piemēram, kad pele tiek pārvietota no aktivizējošā sīktēla), sākotnējais attēls tiek aizstāts. Pēc noklusējuma Dreamweaver iepriekš atlasa šo opciju attēla maiņas darbībai. Iespējams, vēlēsities atcelt šīs opcijas atlasi, ja uzskatāt, ka sākotnējā attēla aizstāšana katru reizi, kad virzāt kursoru virs cita sīktēla, novērš uzmanību.
Jaunā darbība tiek parādīta panelī Behaviors.
Kad darbība ir piemērota, varat atgriezties un norādīt, kurš notikums aktivizēs darbību. Pēc noklusējuma Dreamweaver lieto notikumu OnMouseOver, kad izmantojat darbību Mainīt attēlu, taču jūs varat mainīt šo notikumu uz jebkuru pieejamu notikumu, piemēram, OnClick, kas prasa, lai lietotājs noklikšķinātu uz attēla, lai aktivizētu attēla apmaiņas darbību.
Lai lietotu funkciju Apmainīt attēlu citiem lapas attēliem, atkārtojiet 5.–10. darbību, noklikšķinot, lai atlasītu attēlu, kuru vēlaties izmantot kā aktivizētāju, un pēc tam norādot atbilstošo attēlu, kas ir jānomaina.
Šādas rīcības sekas var redzēt tikai tad, kad programmā Dreamweaver darbvietas augšējā kreisajā stūrī noklikšķiniet uz pogas Tiešais skats vai priekšskatāt savu lapu tīmekļa pārlūkprogrammā.
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 […]
