Programmā Dreamweaver apgāšanās attēli — kā norāda nosaukums — ir paredzēti, lai reaģētu, kad kāds virza kursoru virs attēla. Efekts var būt tikpat dramatisks kā suņa attēls, kas tiek aizstāts ar lauvas attēlu, vai tik smalks, kā vārda krāsa mainās, vienam attēlam aizstājot citu. Jebkurā gadījumā pakalpojumā Dreamweaver ir iekļauts īpašs dialoglodziņš apgāšanās reizēm, kas padara vienkārša apgāšanās efekta izveidi par vienu no vienkāršākajiem pielietošanas veidiem.
Lai izveidotu apgāšanās attēlu, izmantojot Dreamweaver dialoglodziņu Insert Image Rollover, rīkojieties šādi:
1. Noklikšķiniet, lai novietotu kursoru uz lapas, kurā vēlaties rādīt kursoru.
Apgāšanās efektiem ir nepieciešami vismaz divi attēli: viens sākotnējam stāvoklim un otrs apgāšanās stāvoklim. Varat izmantot divus dažādus attēlus vai divus līdzīgus attēlus, taču tiem ir jābūt vienādiem izmēriem. Pretējā gadījumā jūs iegūsit dīvainus mērogošanas efektus, jo abiem attēliem ir jābūt attēlotiem tieši vienā un tajā pašā lapas vietā.
2. Izvēlieties Ievietot –> Attēla objekti –> Pārvietot attēlu.
Tiek parādīts dialoglodziņš Insert Rollover Image.
3. Lodziņā Attēla nosaukums piešķiriet attēlam nosaukumu.
Lai elementam, piemēram, attēlam, varētu lietot uzvedību, elementam ir jābūt nosaukumam, lai uzvedības skripts uz to varētu atsaukties. Varat nosaukt elementus jebko, kas jums patīk, ja vien neizmantojat atstarpes vai īpašās rakstzīmes.
4. Lodziņā Oriģinālais attēls norādiet pirmo attēlu, kuru vēlaties redzēt. Izmantojiet pogu Pārlūkot, lai atrastu un atlasītu attēlu.
Ja attēli vēl neatrodas jūsu vietnes saknes mapē, Dreamweaver tos kopēs jūsu vietnē, kad izveidosit apvērsumu.
5. Lodziņā Apgāšanās attēls ievadiet attēlu, kuru vēlaties redzēt, kad apmeklētāji virza kursoru virs pirmā attēla.
Atkal varat izmantot pogu Pārlūkot, lai atrastu un atlasītu attēlu.
6. Atzīmējiet izvēles rūtiņu Preload Rollover Image, lai ielādētu visus apgāšanās attēlus pārlūkprogrammas kešatmiņā, kad lapa pirmo reizi tiek ielādēta.
Ja neizvēlaties veikt šo darbību, apmeklētāji var saskarties ar aizkavi, jo otrais attēls netiks lejupielādēts, kamēr peles kursors netiks pārvietots virs sākotnējā attēla.
7. Lodziņā Kad noklikšķināts, dodieties uz URL ievadiet jebkuru tīmekļa adresi vai pārlūkojiet, lai atrastu citu vietnes lapu, uz kuru vēlaties izveidot saiti.
Ja nenorādīsiet URL, Dreamweaver automātiski ievieto zīmi # kā vietturi.
8. Noklikšķiniet uz Labi.
Attēli tiek automātiski iestatīti kā apgāšanās.
9. Darbvietas augšdaļā noklikšķiniet uz globusa ikonas, lai pārlūkprogrammā priekšskatītu savu darbu un pārbaudītu, kā darbojas kursors.
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 […]
