Dreamweaver minimālisma attēlu rediģēšanas rīki ļauj veikt elementāru attēlu rediģēšanu, piemēram, mainīt izmērus un apgriezt. Šos rīkus varat atrast sadaļā Rekvizītu inspektors.
Jūs neizveidojat attēlus programmā Dreamweaver. Šim nolūkam Adobe nodrošina Illustrator (mākslas darbiem, grafiskam tekstam, lapas fona attēliem, navigācijas ikonām utt.) un Photoshop (fotoattēlu sagatavošanai tīmeklim), kā arī citus rīkus. Parasti šajās programmās sagatavojiet attēlus tīmeklim.
Lai ievietotu attēlus, pārliecinieties, vai strādājat noformējuma skatā (vai dalītajā skatā ar kursoru loga dizaina pusē). Jums ir divi pamata ceļi: ievietojiet no ierīces vai izmantojiet kopēšanas un ielīmēšanas paņēmienu. Jebkurā gadījumā jums ir jāatrodas noformējuma skatā (izvēlieties Skats → Dizains; Sadalītajā skatā izvēlieties Skats → Kods un dizains), lai skatītu attēlus, tos ielīmējot vai iegulstot.
Iespējams, HTML lapā, kurā iegulsiet attēlu, būs teksts. Tātad, pirmais solis ir izdomāt, kur vēlaties parādīt attēlu.
Atšķirībā no drukas dizaina, attēli tīmekļa lapās netiek ievietoti noteiktās vietās. Tas iedzen dizainerus jūklī.
Tātad, lai ievietotu attēla failu no sava datora atvērtā HTML tīmekļa lapā pakalpojumā Dreamweaver, rīkojieties šādi:
Noklikšķiniet uz dokumenta loga vietā, kur jāievieto attēls.
Šajā darbībā jūs nosakāt, kur jūsu HTML kodā attēls tiks ievietots. Atkal, kur un kā attēls tiek parādīts, tiks noteikts ar CSS.
Izvēlieties Ievietot → Attēls.
Atvērtajā dialoglodziņā Atlasīt attēla avotu dodieties uz un atlasiet jebkuru failu savā datorā.
Ja atlasītais attēls atrodas ārpus vietnes mapes, tiek parādīts noderīgs dialoglodziņš, kurā tiek piedāvāts saglabāt attēla kopiju savas Dreamweaver vietnes saknes mapē.
Noklikšķiniet uz Jā.
Noklikšķiniet uz Saglabāt dialoglodziņā Kopēt failu kā.
Definējiet pieejamības atribūtus.
Pēc noklusējuma pirms attēla ievietošanas lapā tiek parādīts dialoglodziņš Dreamweaver attēla tagu pieejamības atribūti.
Lauks Alternatīvais teksts ir vissvarīgākā no divām opcijām šajā dialoglodziņā. Tas parāda tekstu, kas tiek skaļi nolasīts lasītāja programmatūrā apmeklētājiem ar redzes traucējumiem, kā arī tas, kas tiek rādīts pārlūkošanas vidēs, kur attēlu rādīšana ir atspējota. Alternatīvajā tekstā var un bieži vien ir jāiekļauj lielie un mazie burti, atstarpes un īpašās rakstzīmes.
Ja jūsu mērķauditorijā ir apmeklētāji ar redzes traucējumiem vai cilvēki pārlūkošanas vidēs, kas neatbalsta attēlus, varat apsvērt iespēju izveidot HTML failus ar plašākiem attēlu aprakstiem. Šādi faili ir saistīti ar attēlu, dialoglodziņa Attēla tagu pieejamības atribūti lodziņā Garš apraksts definējot saiti.
Noklikšķiniet uz Labi, lai ievietotu attēlu.
Šobrīd esat ievietojis tikai attēlu. Lapas dizains, tostarp attēlu izvietošana un plūstošs teksts ap tiem, tiek pārvaldīts, izmantojot CSS
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 […]
