Vaizdo nuorodų ir vaizdų žemėlapių kūrimas

• Gegužė 2, 2024

Šios savaitės atsakymas yra atsakymas į skaitytojo klausimą - „Ar galite paaiškinti, kaip HTML paveikslėlį susieti su paveikslėlio nuoroda“. Yra keletas skirtingų metodų, kuriuos galite naudoti susietiems vaizdams. Viena yra susieti visą vaizdą su jūsų HTML, o kita - sudaryti vaizdų žemėlapį, kur skirtingos to paties paveikslo dalys yra susietos skirtingose ​​vietose.

Susietas vaizdas HTML formatu

Susieti mažą paveikslėlį ar piktogramą yra labai paprasta - viskas, ką jums reikia padaryti, tai įkelti savo vaizdo nuorodą į hipersaitą taip:



Viskas, ką aš čia padariau, buvo įterpti paveikslėlį į HTML nuorodą. Tai yra lengviausias ir efektyviausias būdas susieti nedidelį vaizdą ir dažnai tai daroma naudojant pasirinktines kulkas, piktogramas ir tt. Bet kas, jei norite, kad vienas didelis vaizdas būtų susietas su keliomis skirtingomis vietomis? Čia labai naudinga pjaustyti paveikslėlius.

Vaizdo pjaustymas „Photoshop“

Tai labai lengva pasiekti naudojant „Photoshop“. Turėtumėte naudoti vaizdą, kuris nėra per daug sudėtingas, nes norite, kad jūsų vartotojai galėtų matyti, kur aiškiai spustelėti vaizdą. Taip pat norite įsitikinti, kad jūsų vartotojai supranta, kad jiems reikia spustelėti vaizdą, kad patektų į vietą, kur jie eina. Atidžiai kurkite vaizdų žemėlapius, atsižvelgdami į savo vartotoją. Atminkite, kad vaizdų žemėlapiai paprastai nėra tokie patogūs paieškos varikliams kaip puslapio tekstas, tačiau tai gali padėti tinkamai naudoti aukščiausio lygio žymas jūsų paveikslėlių skiltyse.

Sukūręs savo atvaizdą, kitas žingsnis yra „supjaustyti“ savo atvaizdą. Pjaustymo įrankio piktograma atrodo kaip mažas eksakto peilis. Jis yra šalia įrankių juostos viršaus ir yra po apkarpymo įrankiu - jei spustelėsite piktogramą „apkarpyti“, pasirodys pjūvio ir pjūvio pasirinkimo įrankiai.

Pasirinkite pjūvio įrankį, laikykite nuspaudę kairįjį pelės klavišą ir atsargiai tempkite pjūvį ten, kur norite, tada paleiskite. Pereikite toliau ir toliau pjaustykite visą vaizdą. Kiekvienoje paveikslėlio srityje, kurią norite susieti su kitu puslapiu, turėtų būti pjūvis. Bet kuris didelis baltas plotas gali būti vienas gabalas.

Po to, kai jūsų paveikslėlis bus visiškai supjaustytas, kitas žingsnis yra naudoti įrankį „gabaliukų pasirinkimas“, spustelėkite kiekvieną skiltelę ir iš ten pasirinkite pjūvio tipą „vaizdas“. Po to užpildykite URL, kuriame norite nukreipti šią skiltelę, o po jos - alt žymės laukas apačioje. Kiti laukai nėra būtini paprastam vaizdų žemėlapio sudarymui. Judėkite per kiekvieną gabaliuką tuo pačiu būdu, kol visas vaizdas bus nubraižytas.

Kai visas vaizdas bus baigtas, pasinaudosite parinktimi „išsaugoti žiniatinkliui ir įrenginiams“. Jei spustelėsite „Failas“ viršuje ir žiūrėsite žemyn po įprastomis išsaugojimo parinktimis, pamatysite galimybę išsaugoti žiniatinkliui ir įrenginiams. Pasirinkite šią parinktį ir atsidarys dialogo langas, kuriame galėsite peržiūrėti, kaip atrodys jūsų vaizdas. Jei esate patenkinti, paspauskite išsaugojimo mygtuką ir atsidarys kitas dialogo langas. Įsitikinkite, kad antroji parinktis sako „išsaugoti vaizdus ir HTML“, tada išsaugokite savo darbą.

Eikite į aplanką, kuriame išsaugojote HTML dokumentą, ir atidarykite jį. Galite nukopijuoti ir įklijuoti šį kodą į savo HTML failą. Paprastai šis HTML bus šiek tiek apleistas. Jei moki HTML kalbą, gali tai išvalyti pagal savo skonį, tačiau jis turėtų veikti taip gerai, kaip yra. Būkite tikri, kaip visada, jūsų vaizdo failai ir tt yra teisingose ​​vietose, kitaip jūsų vaizdas nebus rodomas.

Vaizdo Instrukcijos: Įterpiamo žemėlapio kūrimas (Gegužė 2024).