Neatkarīgi no tā, cik lielisks ir jūsu saturs, jūsu attēli, videoklipi un multivide atstāj lielu iespaidu uz jūsu Dreamweaver vietnes apmeklētājiem. Šeit ir daži padomi, kā pārvaldīt attēlus, videoklipus un citus multivides failus savās tīmekļa lapās.
Lieli attēli ir skaisti, taču to lejupielāde prasa vairāk laika nekā mazu attēlu lejupielāde. Izplatīts paņēmiens daudzu attēlu parādīšanai vienā lapā ir izveidot katra attēla nelielas versijas, ko sauc par sīktēliem, un pēc tam saistīt katru no tām ar lielākām viena attēla versijām.
Šis paņēmiens darbojas arī tad, ja vēlaties demonstrēt videoklipu vai animāciju kolekciju. Varat izveidot nekustīgu attēlu no viena video kadra un pēc tam izmantot to kā sīktēlu, kas veido saiti uz katru video failu.
Kā redzams attēlā, kurā redzama Cinembargo tīmekļa vietnes fotogalerija , šis paņēmiens ļauj vienā fotogalerijā iekļaut daudzus fotoattēlus vai video failus. Noklikšķinot uz katra sīktēla, virs šī attēla tiek parādīta lielāka viena un tā paša attēla versija.
Šis interaktīvais attēla efekts tika izveidots, izmantojot Dreamweaver uzvedības funkciju. Varat arī izmantot Dreamweaver, lai saistītu attēlus ar videoklipiem, animācijām un citiem failu tipiem.
Lielākā daļa dizaineru veido attēlus tīmeklim, izmantojot tādu programmu kā Photoshop. Lai iegūtu vislabākos rezultātus, vēlaties veikt visas krāsu korekcijas, retušēšanas un citas rediģēšanas, izmantojot fotoattēlu vai grafiku augstas izšķirtspējas versiju.
Tomēr, pirms attēls nonāk jūsu vietnē, vēlaties to optimizēt, saspiežot failu (ja to saglabājat kā jpeg) vai samazinot krāsu skaitu (ja attēlu saglabājat kā PNG vai GIF). Attēlu optimizēšanas process paātrina to lejupielādi, bet arī ievērojami samazina kvalitāti.
Nākamajā attēlā ir redzama vietne AssetShield , kurā ir iekļauti salīdzinoši lieli attēli, kas ir optimizēti tā, lai tie ātri ielādētu tīmekļa pārlūkprogrammā.
Atcerieties: ja kādreiz vēlaties atgriezties un mainīt attēlu pēc tam, kad tas ir optimizēts tīmeklim, jums būs jārediģē sākotnējais avota fails, versija, kuru saglabājāt pirms attēla saspiešanas vai krāsu samazināšanas. Tāpat, ja strādājat ar attēlu, kuram ir vairāki slāņi programmā, piemēram, Photoshop, šie slāņi ir jāsaplacina, pirms attēlu var iekļaut vietnē.
Video un audio faili, kā arī animācijas ir jāoptimizē pirms to izmantošanas vietnē. Un, tāpat kā ar attēliem, atgriezieties pie augstākas izšķirtspējas versijas, ja kādreiz veicat papildu rediģēšanu.
Neatkarīgi no tā, vai veidojat savus attēlus un multivides failus vai nolīgstat profesionālu dizaineru, noteikti izveidojiet sistēmu visu oriģinālo attēlu saglabāšanai ar augstāko iespējamo izšķirtspēju, lai tie būtu pieejami, ja vēlāk vajadzēs mainīt attēlu.
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 […]
