Pildilinkide ja pildikaartide loomine

• Mai 4, 2024

Selle nädala vastus on vastus lugeja küsimusele - “Kas saate selgitada, kuidas HTML-is pildile linki luua.” Lingitud piltide jaoks on paar erinevat tehnikat. Üks eesmärk on siduda kogu pilt oma HTML-iga ja teine ​​on teha pildikaart - kus sama pildi erinevad osad on lingitud erinevatesse asukohtadesse.

Lingitud pilt HTML-is

Väikese pildi või ikooni linkimine on väga lihtne, selleks peate vaid oma pildi lingi hüperlingile paigutama:



Kõik, mida ma siin tegin, oli pildi lisamine lingi HTML-i. See on lihtsaim ja tõhusam viis väikese pildi linkimiseks ning seda tehakse tavaliselt kohandatud täppide, ikoonide jms abil. Aga mis siis, kui soovite, et üks suur pilt linkiks mitmesse erinevasse kohta? Siin on kasulik piltide viilutamine.

Kujutise viilutamine Photoshopis

Seda on Photoshopis väga lihtne saavutada. Peaksite kasutama pilti, mis pole liiga keeruline, sest soovite, et teie kasutajad näeksid, kus sellel pildil selgelt klõpsata. Samuti soovite veenduda, et kasutajad mõistavad, et nad peavad klõpsama pildil, et jõuda oma kohale. Töötage pildikaarte hoolikalt, pidades silmas oma kasutajat. Pidage meeles, et piltide kaardid ei ole tavaliselt otsingumootorisõbralikud kui lehe tekst, kuid sellest võib abi saada piltide lõikude alt-siltide õige kasutamine.

Kui teie pilt on loodud, on järgmine samm pildi viilutamine. Tükeldamise tööriista ikoon näeb välja nagu väike eksato nuga. See asub tööriistariba ülaosas ja asub kärpimistööriista all - kui klõpsate ikoonil kärpimine, ilmuvad viilude ja viilide valimise tööriistad.

Valige viilutööriist, hoidke hiire vasakut klahvi all ja lohistage viil ettevaatlikult soovitud kohta ja siis vabastage. Liikuge edasi ja jätkake kogu pildi viilutamist. Kujutise iga osa ümber, mille soovite teisele lehele linkida, peaks olema viil. Iga suur valge ala võib olla üks viil.

Kui teie pilt on täielikult viilutatud, on järgmine samm kasutada tööriista „viil valima”, klõpsama igal viilul ja sealt valima viilu tüübiks „pilt”. Selle all täitke URL, kuhu soovite seda viilu suunata, millele järgneb alt sildiväli. Muud väljad pole lihtsa pildi kaardistamiseks vajalikud. Liikuge igal lõigul samal viisil, kuni kogu pilt on kaardistatud.

Kui kogu pilt on valmis, kasutate suvandit „Salvesta veebi ja seadmete jaoks”. Kui klõpsate ülaosas „Fail” ja vaatate alla tüüpiliste salvestamisvalikute alla, näete võimalust veebi ja seadmete jaoks salvestada. Valige see suvand ja avaneb dialoogiboks, kus saate oma pildi eelvaadet vaadata. Kui olete sellega rahul, vajutage nuppu Salvesta ja avaneb veel üks dialoogiboks. Veenduge, et teine ​​variant ütleks "piltide ja HTML-i salvestamine", siis salvestage oma töö.

Minge oma kausta, kuhu HTML-dokumendi salvestasite, ja avage see. Saate selle koodi kopeerida ja kleepida oma HTML-faili. Tavaliselt on see HTML veidi lohakas. Kui valdate HTML-i, saate seda oma maitse järgi puhastada, kuid see peaks toimima just nii hästi. Veenduge, nagu alati, et teie pildifailid jne on õiges kohas, vastasel juhul ei kuvata teie pilti.