Izveidojiet divus vai vairākus noklikšķināmus apgabalus, Photoshop pievienojot jaunas šķēles.
Attēla kredīts: Attēlu sniedza Adobe.
Izmantojot Adobe Photoshop CC šķēluma rīku, jūs varat pārvērst jebkuru attēlu vai attēla daļu par noklikšķināmu hipersaiti. Šīs funkcijas priekšrocība ir tāda, ka, lai hipersaite darbotos, attēls ir jāsaglabā kā HTML fails, nevis vienkāršs JPG vai PNG. Par laimi, šī ir funkcija, ko var izmantot ikviens, pat ja neesat kodēšanas eksperts. Programma Photoshop izveido HTML kodu jūsu vietā un iegulst attēlu tīmeklim draudzīgā attēla formātā.
1. darbība
Izvēlieties "Slice Tool".
Attēla kredīts: Attēlu sniedza Adobe.
Atveriet jebkuru attēlu programmā Photoshop. Ideālā gadījumā tam vajadzētu būt pietiekami lielam, lai tas labi parādītos tīmekļa pārlūkprogrammā. Rīklodziņā atlasiet "Slice Tool". Ja tas nav redzams, noklikšķiniet un turiet apgriešanas rīka vai cita redzamā rīka grupas labajā apakšējā stūrī un pēc tam atlasiet Šķēles rīku.
Dienas video
2. darbība
Velciet kursoru virs attēla, lai izveidotu šķēlumu.
Attēla kredīts: Attēlu sniedza Adobe.
Velciet kursoru virs apgabala, kurā vēlaties noklikšķināt. Lai attēlā izveidotu vienu hipersaiti, varat vilkt kursoru virs visa attēla.
3. darbība
Izveidojiet tik daudz šķēles, cik vēlaties.
Attēla kredīts: Attēlu sniedza Adobe.
Ja vēlaties vairāk nekā vienu hipersaiti, velciet Slice Tool kursoru tikai virs attēla daļas. Pēc peles pogas atlaišanas varat izveidot otru daļu nākamajai hipersaitei. Ja vēlaties, vienā attēlā varat izveidot duci vai vairāk hipersaišu.
4. darbība
Veiciet dubultklikšķi uz sadaļas, lai pievienotu hipersaiti.
Attēla kredīts: Attēlu sniedza Adobe.
Veiciet dubultklikšķi uz šķēles, izmantojot rīku Slice Tool, lai atvērtu logu Slice Options. Lai izveidotu hipersaiti, laukā "URL" jāievada Web lapas adrese. Lai gan citi lauki nav obligāti, nosaukuma izmantošana palīdzēs atšķirt vienu saiti no citas. Pievienojot "_blank" laukam Mērķis, tiek norādīts, ka saite ir jāatver jaunā tīmekļa pārlūkprogrammas cilnē. Lauks Alt Tag ir teksts, kas tiek parādīts, ja attēls nav redzams pārlūkprogrammās, kas nav grafiskas, vai attēla ielādes laikā. Lauks Ziņojuma teksts ir tas, ko pārlūkprogramma parāda URL vietā tās statusa joslā.
5. darbība
Saglabājiet failu HTML formātā.
Attēla kredīts: Attēlu sniedza Adobe.
Kad saites ir pabeigtas, izvēlnē Fails atlasiet Saglabāt tīmeklim. Kā sākotnējo iestatījumu atlasiet "PNG-24" vai "JPG", pēc tam noklikšķiniet uz pogas "Saglabāt". Noklikšķiniet uz izvēlnes "Formatēt" un atlasiet "HTML un attēli". Tas maina faila formātu uz HTML. Kad esat noklikšķinājis uz Saglabāt, Photoshop izveido vienu HTML lapu, izmantojot jūsu izveidoto attēlu un saites. Pats attēla fails tiek saglabāts mapē Attēli. Augšupielādējiet gan HTML failu, gan mapi Attēli vienā vietnes direktorijā, izmantojot savu iecienītāko FTP klientu.
Padoms
Izmantojot pamata teksta redaktoru, piemēram, Notepad, varat rediģēt HTML faila kodu tāpat kā jebkurā tīmekļa lapā. Piemēram, ja vēlaties savas vietnes attēlus glabāt citā mapē, varat mainīt norādīto mapi "/images" uz jebkuru izvēlēto mapi un pēc tam pārvietot attēlu uz šo mapi.
Jums nav nepieciešams Photoshop, lai pievienotu hipersaiti attēlam tīmekļa lapā vai e-pastā. Lielākajā daļā e-pasta programmu ir iekļauta hipersaites funkcija, kas parasti ir pieejama, tikai ar peles labo pogu noklikšķinot uz attēla pēc tā ievietošanas ziņojumā. Ja augšupielādējat attēlu savā vietnē, varat to pievienot kā attēlu, uz kuru var noklikšķināt, jebkurai lapai, izmantojot HTML5 kodu, piemēram: 
