Veb-saytda Fon Rasmini Qanday Yaratish

Mundarija:

Veb-saytda Fon Rasmini Qanday Yaratish
Veb-saytda Fon Rasmini Qanday Yaratish

Video: Veb-saytda Fon Rasmini Qanday Yaratish

Video: Veb-saytda Fon Rasmini Qanday Yaratish
Video: 3D ОБОИ PROGRAMMA (3D FON YASASH Android Telefon Sirlari 2024, Aprel
Anonim

Siz sayt yaratish asoslarini o'zingiz o'rganishingiz mumkin, Internet va kitoblarda ushbu mavzu bo'yicha etarli ma'lumot mavjud. Biroq, dastlabki bosqichda ko'pincha bir yoki boshqa teglardan foydalanishda qiyinchiliklar paydo bo'ladi. Darhaqiqat, eng keng tarqalgan komponentlar esda qoladi, chunki ular har qanday veb-saytni yozishda juda muhimdir.

Veb-saytda fon rasmini qanday yaratish
Veb-saytda fon rasmini qanday yaratish

Ko'rsatmalar

1-qadam

Orqa fon rasmi sifatida foydalanmoqchi bo'lgan rasmni tanlang. Agar siz illyustratsiya ustiga matn qo'shmoqchi bo'lsangiz, unda bu holda tabiatan yaqin bo'lgan bir nechta ranglardan foydalanilgan holda, o'zingizni haddan tashqari rangsiz variantlar bilan cheklashingiz tavsiya etiladi. Asosan, to'lqinlarni yo'q qilish uchun siz tarkib uchun "fon" yaratishingiz mumkin - va muammo muvaffaqiyatli hal etiladi.

2-qadam

Adobe Photoshop yordamida rasmni to'g'rilash. Ishingiz tugagandan so'ng, Fayl menyusidan Veb uchun saqlash buyrug'ini tanlang va kerakli papkani tanlang. Agar bu sayt uchun ishlatilgan birinchi rasm bo'lsa, u holda "Tasvirlar" papkasi avtomatik ravishda yaratiladi.

3-qadam

Tegga background = "image to path" atributini yozing. Yozuv misoli: yoki. Shu bilan birga, shuni yodda tutingki, teg kodda faqat bir marta paydo bo'lishi kerak, u ko'paytirilmasligi kerak.

4-qadam

O'zgarishlarni bloknotda saqlang, brauzerda "Yangilash" tugmasini bosing. Fon rasmi ekranda paydo bo'ladi. Agar rasmning o'lchamlari veb-sahifaning parametrlaridan kichikroq bo'lsa, unda rasm butun maydonni to'ldirish uchun kerak bo'lganda takrorlanadi. Ushbu kamchilikni tuzatishning ikki yo'li mavjud:

• Adobe Photoshop dasturidan foydalanib, rasmning kerakli parametrlarini piksel bilan o'rnating ("Rasm" - "Rasm hajmi");

• HTML-kodda kerakli o'lchamlarni o'rnating.

Masalan, eni 1250 piksel, balandligi 650 piksel bo'lsa, unda rasm qo'yiladigan jadval katakchasiga kerakli atributlarni qo'shishingiz kerak.

Tegdagi o'lchamni o'rnatolmaysiz - rasm har doim to'liq hajmda ko'rsatiladi.

5-qadam

Fon rasmini kiritish uchun ccs analogi:

fon-rasm

TANA {

background-image: url (images / bg.jpg);

}

"Background-image: url (images / bg.jpg)" atributi - bu fon rasmiga yo'l.

Tavsiya: