Situs web ora beda karo media komunikasi sing teka sadurunge. Salah sawijining perkara utama sing nyetel situs web sajrone format media sadurungé kayata print, radio, lan malah televisi yaiku konsep " hyperlink ".
Hyperlinks, uga umum mung dikenal minangka "pranala", sing nggawe Web dadi dinamis. Ora kaya publikasi dicithak sing bisa ngrujuk artikel liya utawa sumber daya liyane, situs web bisa nggunakake pranala kasebut kanggo ngirim pengunjung menyang kaca lan sumber liyane. Ora ana media siaran liya bisa nindakake iki. Sampeyan bisa krungu iklan ing radio utawa ndeleng ing TV, nanging ora ana hyperlink sing bisa nggawa sampeyan menyang perusahaan ing iklan kasebut cara situs web bisa gampang dilakoni. Pranala sing bener yaiku alat komunikasi lan interaksi sing apik tenan!
Kadhangkala, pranala sing ditemokake ing situs web iku isi teks sing ngarahake pengunjung menyang kaca liya ing situs sing padha. Sawijining pandhuan situs web minangka salah sawijining conto pranala teks ing laku nanging pranala ora perlu basis teks. Sampeyan uga bisa nyambungake pranala ing situs web kanthi gampang. Ayo goleki carane iki rampung, ngiring dening sawetara conto ngendi sampeyan pengin nggunakake hyperlinks basis gambar.
Cara Nyunting gambar
Bab pisanan sing kudu sampeyan gunakake kanggo nyetel gambar kasebut ing dokumen HTML sampeyan. Panganggoan umum saka link sing adhedhasar gambar yaiku grafis logo situs kang banjur disambungake menyang homepage. Ing kode conto kayata ing ngisor iki, berkas sing digunakake yaiku SVG kanggo logo kita. Iki minangka pilihan apik amarga bakal ngidini gambar kita kanggo ukuran kanggo resolusi sing beda-beda, sauntute tetep kualitas gambar lan ukuran file sakabehe sing cilik.
Kene sampeyan bakal nggawe gambar ing dokumen HTML:
Sak gambar, sampeyan saiki bakal nambah link jangkar, mbukak unsur jangkar sadurunge gambar lan nutup jangkar sawise gambar. Iki padha karo cara sampeyan bakal nandhani teks, mung tinimbang mbungkus tembung sing pengin dadi link karo tag jangkar, sampeyan mbungkus gambar. Ing conto ing ngisor iki, kita bakal ngubungake bali menyang homepage situs kita, yaiku "index.html".
Nalika nambahake HTML menyang kaca sampeyan, ora sijine spasi ing antarane tag anchor lan tag gambar. Yen sampeyan nindakake, sawetara browser bakal nambah kutub cilik ing jejere gambar, sing bakal katon ganjil.
Gambar logo saiki uga bakal tumindak minangka tombol homepage, sing cukup standar web saiki. Elinga yen ora kalebu gaya visual, kayata jembar lan dhuwure gambar, ing markup HTML kita. Kita bakal ninggalake gaya visual iki kanggo CSS lan njaga pemisahan resik saka struktur HTML lan gaya CSS.
Sawise sampeyan nemokake CSS, gaya sampeyan nulis kanggo ngarahake grafik iki bisa kalebu ukuran gambar, kalebu gaya responsif kanggo gambar ramah multi-piranti lan uga visual sing sampeyan pengin nambah menyang gambar / link, kayata watesan utawa CSS gulung bayangan. Sampeyan uga bisa menehi gambar utawa ngubungake atribut kelas yen mbutuhake tambahan "pancingan" kanggo nggunakake nganggo gaya CSS sampeyan.
Gunakake Kasus kanggo Link Gambar
Dadi nambah link gambar cukup gampang. Minangka kita mung katon, kabeh sing kudu dilakoni yaiku mbungkus gambar kanthi tag jangkar sing cocok. Pitakonan sabanjure sampeyan bisa uga "nalika sampeyan bener-bener nglakoni praktik iki kajaba conto link logo / homepage kasebut."
Kene sawetara pikirane:
- Gambar cilik ing galeri sing nyambung menyang versi luwih gedhe saka gambar kasebut.
- Gambar sing dipigunakaké piyambak kanggo makili isi, kayata foto produk kanggo situs web e-commerce.
- Gambar teaser sing dadi bagian saka isi liyane, kayata artikel blog utawa press release, sing ndadekake wong weruh yen isi menehi area target sing bisa dideteksi utawa klik kanggo maca artikel lengkap.
- Gambar ikon sing digunakake minangka tombol kanggo nyambung menyang fungsi utawa kaca tartamtu ing situs.
- Pranala media sosial sing nggunakake logo sing ditrima saka macem-macem situs media sosial sing penting kanggo situs kasebut utawa perusahaan.
- Gambar digunakna minangka tombol kanggo fungsi tartamtu, kayata ngirim formulir (cathetan praktik paling apik - saka perspektif kinerja situs web, tombol asli sejatine kanthi CSS luwih dipilih tinimbang tombol gambar).
A Pangeling Nalika Nggunakake Gambar
Gambar bisa nduwe peran penting ing sukses situs web. Salah sijine conto sing diwenehi ing ndhuwur kasebut kanthi nggunakake gambar bebarengan karo isi liyane kanggo nggambarake perhatian marang isi kasebut lan njaluk wong maca.
Nalika nggunakake gambar, sampeyan kudu mindful milih gambar sing tepat kanggo kabutuhan sampeyan , iki kalebu topik sing bener, format, lan uga nggawe manawa kabeh gambar sing sampeyan gunakake ing situs web dioptimalkan kanthi tepat kanggo pangiriman situs web . Iki bisa uga katon kaya akèh karya mung kanggo nambah gambar, nanging payoff iku worth! Gambar bisa nambah akeh situs sukses.
Aja ragu-ragu gunakake gambar sing tepat ing situs sampeyan, lan pranala gambar kasebut yen perlu kanggo nambah sawetara interaktif menyang isi, nanging uga kudu ngerti babagan gambar sing paling apik lan nggunakake grafis / pranala kasebut kanthi bener lan responsif ing karya desain web.