Attēlu saišu un attēlu karšu izveidošana

• Maijs 16, 2024

Šīs nedēļas atbilde ir atbilde uz lasītāja jautājumu - “Vai jūs varat izskaidrot, kā izveidot attēla saiti uz lapu HTML formātā”. Ir daži dažādi paņēmieni, kurus varat izmantot saistītiem attēliem. Viens ir saistīt visu attēlu ar savu HTML, bet otrs ir izveidot attēlu karti - kur viena un tā paša attēla dažādas daļas ir saistītas ar dažādām vietām.

Saistīts attēls HTML formātā

Maza attēla vai ikonas sasaiste ir ļoti vienkārša, viss, kas jums jādara, ir attēla saites ievietošana hipersaitē, piemēram:



Viss, ko es šeit izdarīju, bija norāde uz saites saites HTML. Šis ir vienkāršākais un efektīvākais veids, kā sasaistīt nelielu attēlu, un to bieži veic ar pielāgotām aizzīmēm, ikonām utt. Bet kā būtu, ja vēlaties, lai viens liels attēls būtu saistīts ar vairākām dažādām vietām? Šajā gadījumā noder attēla sagriešana.

Attēla sagriešana Photoshop

To ir ļoti viegli sasniegt Photoshop. Jums vajadzētu izmantot attēlu, kas nav pārāk sarežģīts, jo vēlaties, lai lietotāji redzētu, kur skaidri noklikšķiniet uz attēla. Jūs arī vēlaties pārliecināties, ka jūsu lietotāji saprot, ka viņiem ir jānoklikšķina uz attēla, lai nokļūtu tur, kur viņi dodas. Rūpīgi izstrādājiet attēlu kartes, paturot prātā lietotāju. Ņemiet vērā, ka attēlu kartes parasti nav tik draudzīgas meklētājprogrammām kā teksts lapā, tomēr to var palīdzēt pareizi izmantot alt tagi attēlu daļās.

Kad jūsu attēls ir izveidots, nākamais solis ir jūsu attēla šķēle. Šķēles rīka ikona izskatās kā mazs eksacto nazis. Tas atrodas blakus rīkjoslas augšdaļai un atrodas zem apgriešanas rīka - ja noklikšķināsit uz ikonas “apgriezt”, parādīsies šķēles un šķēles atlasīšanas rīki.

Atlasiet šķēles rīku, turiet peles kreiso taustiņu uz leju un uzmanīgi velciet šķēli tur, kur vēlaties, un pēc tam atlaidiet. Pārvietojieties tālāk un turpiniet visa attēla sagriešanu. Ap katru attēla laukumu, kuru vēlaties saistīt ar citu lapu, vajadzētu būt šķēlei. Jebkurš liels balts laukums var būt viena šķēle.

Kad attēls ir pilnībā sagriezts šķēlēs, nākamais solis ir izmantot rīku “šķēles atlase”, noklikšķiniet uz katras šķēles un no turienes izvēlieties šķēles veidu “attēls”. Zem šī aizpildiet url, kur vēlaties virzīt šo šķēli, kam seko alt taga lauks apakšā. Pārējie lauki nav nepieciešami vienkāršai attēlu kartēšanai. Pārvietojieties pa katru šķēli tādā pašā veidā, līdz viss attēls tiek izkārtots.

Kad viss attēls būs pabeigts, jūs izmantosit opciju “saglabāt tīmeklim un ierīcēm”. Noklikšķinot uz “Fails” augšpusē un skatoties uz leju zem tipiskajām saglabāšanas opcijām, redzēsit iespēju saglabāt tīmeklim un ierīcēm. Atlasiet šo opciju, un tiks atvērts dialoglodziņš, kurā varēsit priekšskatīt, kā izskatīsies jūsu attēls. Ja esat apmierināts ar to, nospiediet saglabāšanas pogu un tiek atvērts cits dialoglodziņš. Pārliecinieties, ka otrajā variantā ir teikts “saglabāt attēlus un HTML”, pēc tam saglabājiet darbu.

Atveriet mapi, kurā saglabājāt HTML dokumentu, un atveriet to. Šo kodu var nokopēt un ielīmēt savā HTML failā. Parasti šis HTML būs nedaudz apliets. Ja esat pieredzējis HTML, varat to iztīrīt pēc savas patikas, taču tam vajadzētu darboties tikpat labi, kā tas ir. Pārliecinieties, kā vienmēr, attēla faili utt. Atrodas pareizajās vietās, pretējā gadījumā attēls netiks parādīts.

Video Instrukcijas: Kā piešķirt attēliem titulu jeb alt text ar Mozello (Maijs 2024).