Veb-saytlar oldindan kelgan har qanday aloqa vositasidan farqli o'laroq. Veb-saytlarni bosma, radio va hatto televidenie kabi avvalgi media formatlardan ajratib turadigan asosiy narsalardan biri " ko'prik " tushunchasi.
Shuningdek, ko'pincha "bog'lanish" deb nomlanadigan ko'priklar ham vebni bu qadar dinamik qiladi. Boshqa maqola yoki boshqa manbaga murojaat etadigan bosma nashrdan farqli o'laroq, veb-saytlar, ushbu havolalarni aslida boshqa sahifalar va resurslarga tashrif buyuruvchilarga yuborish uchun ishlatishi mumkin. Hech qanday boshqa ommaviy axborot vositasi buni qila olmaydi. Radio orqali reklamani yoki televizorda ko'rishni eshitishingiz mumkin, biroq sizni bu reklamalardagi kompaniyalarga veb-sayt osongina bajarishi mumkin bo'lgan ko'priklar yo'q. Linklar, albatta, ajoyib aloqa va hamkorlik vositasi!
Ko'pincha, veb-saytda joylashgan bog'lanishlar tashrif buyuruvchilarni o'sha saytning boshqa sahifalariga yo'naltiradigan matn tarkibidir. Veb-sayt navigatsiyasi amalda matnli havolalarning bir misolidir, lekin matnlarga asoslangan holda ishoratlar kerak emas. Bundan tashqari, veb-saytingizdagi rasmlarni osongina bog'lashingiz mumkin. Keling, buning qanday amalga oshirilganini ko'rib chiqamiz, keyin esa rasmga asoslangan ko'priklarni ishlatishni istagan ayrim holatlarga qarang.
Rasmni qanday bog'lash mumkin
Sizga kerak bo'lgan birinchi narsa tasvirni HTML hujjatiga joylashtirishdir. Rasmga asoslangan ulanishning keng tarqalgan ishlatilishi saytning logotipi bo'lib, keyinchalik saytning asosiy sahifasiga bog'lanadi. Quyidagi misolimizda biz foydalanadigan fayl bizning logotipimiz uchun SVG . Bu yaxshi tanlovdir, chunki u tasvirni turli xil rezolyutsiyalar uchun o'lchash imkonini beradi, vaholanki tasvir sifati va kichik umumiy fayl hajmi saqlanadi.
Rasmni HTML hujjatiga qanday joylashtirasiz:
Ushbu HTMLni sizning sahifangizga qo'shsangiz, demirchik yorlig'i va tasvir yorlig'i orasida bo'sh joy qoldirmang. Agar shunday qilsangiz, ba'zi brauzerlar vahiyga o'xshab ko'rinadigan tasvirning yonida kichik keneler qo'shib qo'yadi.
Logotip tasvirini bugungi kunda ham veb-standart sifatida ko'rish mumkin. Bizning HTML formatlashimizda rasmning kengligi va balandligi kabi har qanday ingl. Uslubni o'z ichiga olmaymiz. Ushbu ingl. Uslublarni CSS-ga qo'yamiz va HTML strukturasi va CSS uslublarini toza ajratib turamiz.
CSS-ga kirganingizdan so'ng, ushbu logo grafigini belgilash uchun yozgan uslublar tasvirni o'lchashni o'z ichiga olishi mumkin, jumladan, ko'p qurilma bilan bog'liq bo'lgan tasvirlar uchun javob beruvchi uslublar va chegaralar yoki CSS-ga o'xshash tasvir / ochiladigan soyalar. Siz CSS-ni ishlatishingiz uchun qo'shimcha "kanca" kerak bo'lsa, sizning rasmingizni yoki sinfning xususiyatini bog'lashingiz mumkin.
Image havolalari uchun kassalarni ishlating
Shunday qilib, rasm havolasini qo'shish juda oson. Ko'rib turganimizdek, bajarishingiz kerak bo'lgan barcha rasmni mos keladigan teglar bilan kesish kerak. Sizning keyingi savolingiz, "yuqorida qayd etilgan logotip / homepage link misolidan tashqari, amalda qanday amalni bajarasiz?"
Quyida ba'zi fikrlar mavjud:
- Ushbu suratlarning katta versiyalariga bog'langan galereyadagi kichik rasm.
- Kontentni taqdim qilish uchun faqatgina ishlatiladigan rasmlar, masalan, e-tijorat veb-saytidagi mahsulot fotosuratlari.
- Boshqa tarkiblarning tarkibiy qismidagi teatr tasvirlari, masalan, blog maqolasi yoki press-reliz, odamlarga kontentni ko'rish uchun maqsadli maydonlarni taqdim etishi yoki to'liq maqolani o'qish uchun bosing.
- Belgilangan tasvirlar, ma'lum funksiyalarga yoki sayt ichidagi sahifalarga ulanish uchun tugmalar sifatida ishlatiladi.
- Ushbu sayt yoki kompaniya uchun muhim bo'lgan turli xil ijtimoiy media saytlarining taniqli logotiplaridan foydalanadigan ijtimoiy media aloqalari.
- Rasmlarni yuborish kabi ba'zi funktsiyalar uchun tugmalar sifatida ishlatiladigan tasvirlar (eng yaxshi amaliyot nusxasi - veb-saytning ishlash nuqtai nazaridan, faqat CSS-da joylashgan tugmalar, rasm tugmalaridan ko'ra yaxshiroq tanlovdir).
Tasvirlarni ishlatganda eslatma
Rasmlar veb-saytning muvaffaqiyatida muhim rol o'ynashi mumkin. Yuqorida keltirilgan misollardan biri bu kontentga diqqatni jalb qilish va odamlarni o'qish uchun boshqa mazmun bilan birga tasvirlardan foydalangan.
Tasvirlardan foydalanganda siz o'zingizning ehtiyojlaringiz uchun to'g'ri tasvirni tanlayotgandirsiz , bu to'g'ri tasvir mavzusini, formatini o'z ichiga oladi va sizning veb-saytingizda foydalanadigan har qanday tasvir veb-sayt yetkazib berish uchun to'g'ri optimallashtirilganligiga ishonch hosil qilishingiz kerak . Bu faqat rasmlarni qo'shish uchun juda ko'p ish kabi ko'rinishi mumkin, ammo bu to'lovga arziydi! Rasmlar, albatta, saytning muvaffaqiyati uchun juda ko'p narsalarni qo'shishingiz mumkin.
Saytingizdagi mos tasvirlarni ishlatishdan qo'rqmang va kontentingizga interaktiv ravishda qo'shib qo'yishingiz kerak bo'lgan ushbu rasmlarni bog'lang, shuningdek, ushbu rasmning eng yaxshi ilovalarini eslang va veb-dizayningizdagi ushbu grafik / havolalarni to'g'ri va mas'uliyatli tarzda foydalaning.