Belgilash tili - HTML va kaskadli uslublar jadvallari - CSS imkoniyatlari ko'p jihatdan bitta rasmni boshqasiga joylashtirishga imkon beradi. Albatta, buning uchun veb-sahifalarni joylashtirishda ba'zi bir ko'nikmalar talab etiladi va siz mavjud kod asosida aniq usulni tanlashingiz kerak. Biroq, ba'zi hollarda, siz manba kodini tahrir qilmasdan qilishingiz mumkin.
Ko'rsatmalar
1-qadam
Sayt sahifalarida hech qanday o'zgarishsiz bitta rasmni boshqasiga qo'yish usuli mavjud. Buning uchun serverda saqlangan fon rasmini tahrirlash kifoya - unga oldingi tasvirni joylashtirish uchun har qanday grafik muharriridan foydalaning. Agar ushbu usul sizga mos keladigan bo'lsa, fon rasm faylining saqlash joyini va nomini aniqlashdan boshlang. Buni sahifaning manba kodidan topish yoki alohida yorliqda ochish va brauzerning manzil satridagi to'liq yo'lni ko'rish orqali amalga oshirish mumkin.
2-qadam
Tarkibni boshqarish tizimining fayl menejeri yoki FTP mijozidan foydalanib, kerakli faylni kompyuteringizga yuklab oling va istalgan grafik muharririda oching - masalan, Windows bilan o'rnatilgan Paint dasturida.
3-qadam
Oldingi rasmni fon ustiga qo'ying - Paint-da buning uchun "Uy" yorlig'idagi "Qo'shish" ochiladigan ro'yxatidan "Qo'shish" bandini tanlashingiz va ochilgan dialog oynasida kerakli faylni topishingiz kerak. So'ngra qo'shilgan rasmning mavjud fondagi holatini o'rnating (sichqoncha bilan torting) va natijani saqlang (Ctrl + S).
4-qadam
Eskisini ustiga yozib, tahrirlangan rasmni yuklang. Bu protsedurani yakunlaydi.
5-qadam
Ta'riflangan usul joylashtirilgan rasmlarni vaqti-vaqti bilan o'zgartirish zarur bo'lganda noqulay. Keyin HTML tilining imkoniyatlaridan foydalaning - masalan, fon rasmini oldingi rasm joylashtiriladigan sahifa elementining foniga aylantiring. Bunday konteyner elementi, masalan, qatlam (div) bo'lishi mumkin. Rasmlarning katta qismini uning foniga aylantirish uchun siz uslub tavsifidan - div yorlig'ining uslub atributidan foydalanishingiz kerak. HTML kodidagi bo'sh konteyner quyidagicha ko'rinishi mumkin:
Qavslar ichida saytingizdagi fon rasmining manzili va nomini ko'rsating.
6-qadam
Xuddi shu uslub atributidan foydalanib, fon konteynerining chekkalarini to'ldirish hajmini belgilash uchun oldingi rasm (img) yorlig'ini yarating. Masalan:
Bu erda kenglik va balandlik atributlari rasm o'lchamlarini o'rnatadi va to'ldirgandan keyin to'rtta raqam idishni chetidan piksel bilan to'ldirishni bildiradi, yuqoridan (50) va soat yo'nalishi bo'yicha (60 - o'ng, 70 -) pastki qismida, 80 - chapda).
7-qadam
Img yorlig'ini idishga joylashtiring:
8-qadam
Yaratilgan satrlarni sahifaning manba kodiga qo'shing, so'ngra indentlarni o'zgartirib, kiritilgan rasmning holatini fon rasmining fonida o'rnating.
