Veb -saytga qanday fon qo'shish kerak: 14 qadam (rasmlar bilan)

Mundarija:

Veb -saytga qanday fon qo'shish kerak: 14 qadam (rasmlar bilan)
Veb -saytga qanday fon qo'shish kerak: 14 qadam (rasmlar bilan)

Video: Veb -saytga qanday fon qo'shish kerak: 14 qadam (rasmlar bilan)

Video: Veb -saytga qanday fon qo'shish kerak: 14 qadam (rasmlar bilan)
Video: Kompyuterda elektron pochta ochishni o'rganamiz. 2024, May
Anonim

Fon veb -saytning eng muhim elementlaridan biridir. Yaxshi fon veb -sayt uchun ohang yaratadi va tarkibni to'ldiradi. Orqa fonni qo'shishning turli xil usullari mavjud, ularning har biri har xil maqsadga ega. Ba'zi usullar fonni veb -saytdagi barcha sahifalarga qo'llashga imkon beradi, boshqalari esa fonni faqat ma'lum bir sahifada cheklaydi. Ushbu maqola sizga HTML yoki CSS yordamida veb -saytingizga qanday fon qo'shishni o'rgatadi.

Qadamlar

2 -usul 1: HTML usullari

Qattiq rangli fon

Veb -saytga fon qo'shish 1 -qadam
Veb -saytga fon qo'shish 1 -qadam

Qadam 1. Qattiq rangli fon - bu veb -saytga qo'yishingiz mumkin bo'lgan eng asosiy fon turi

Aslida, har bir veb -sayt standart oq fondan boshlanadi. Biroq, oq fon uyg'un ranglar sxemasidan foydalanganda juda oqlangan va toza ko'rinishga ega bo'lishi mumkin bo'lsa -da, turli mavzularda boshqa rangdagi fonni tanlash mumkin.

Veb -saytga fon qo'shish 2 -qadam
Veb -saytga fon qo'shish 2 -qadam

Qadam 2. Veb -kodingizni (manba) oching

Veb -saytga fon qo'shish 3 -qadam
Veb -saytga fon qo'shish 3 -qadam

Qadam 3. Tana yorlig'iga bgcolor deb nomlangan atribut qo'shing

Endi tanangiz yorlig'i shunday bo'lishi kerak

bu erda COLORNAME - rang nomi. COLORNAME ranglarning ko'p turlari bilan to'ldirilishi mumkin.

  • (rang nomi)
  • (olti qiymat)
  • (RGB qiymati)
Veb -saytga fon qo'shish 4 -qadam
Veb -saytga fon qo'shish 4 -qadam

4 -qadam. RGB va # bilan tajriba o'tkazish ko'plab soyalarga olib kelishi mumkin, lekin siz oson birinchi yo'lni tanlashingiz mumkin

Ammo esda tutingki, "Ultramarine mavimsi yashil" deb nomlanmagan rangni kiritish oq rangga olib keladi.

Fon rasmi qo'shish

Fon tasvirini qo'shish bir xil rangli fonga qaraganda biroz murakkabroq

Veb -saytga fon qo'shish 5 -qadam
Veb -saytga fon qo'shish 5 -qadam

Qadam 1. Asosiy xususiyatga fon xususiyatini qo'shing, shunday ko'rinadi.

bu erda SRC tasvir manbai bo'lgan SRC bir xil papkada yoki boshqa papkada/veb -sahifada bo'lishi mumkin.

  • (bir xil papkada)
  • (boshqa papkada)
  • (boshqa veb -sahifada)
Veb -saytga fon qo'shish 6 -qadam
Veb -saytga fon qo'shish 6 -qadam

Qadam 2..gif /-j.webp" />

2 -ning 2 -usuli: CSS usullari

Veb -saytga fon qo'shish 6 -qadam
Veb -saytga fon qo'shish 6 -qadam

Qattiq rangli fon

Veb -saytga fon qo'shish 7 -qadam
Veb -saytga fon qo'shish 7 -qadam

Qadam 1. CSS -ga bir xil rangli fonni qo'shish uchun, stil atributini qo'shing

Siz shuningdek identifikatorlar va sinflarni berishingiz, tashqi va ichki uslublar jadvalidan foydalanishingiz mumkin.

Veb -saytga fon qo'shish 8 -qadam
Veb -saytga fon qo'shish 8 -qadam

2-qadam. Tana yorlig'i shunday bo'lishi kerak

bu erda COLORNAME - rang, olti burchakli qiymat yoki RGB nomi (HTML -dagi qattiq rangli fonning oxirgi bosqichlarini unutmang, bu erda ham amal qiladi).

Rasm qo'shish

Veb -saytga fon qo'shish 9 -qadam
Veb -saytga fon qo'shish 9 -qadam

Qadam 1. Rasm qo'shish uchun body tagiga style atributini qo'shing

Siz shuningdek identifikatorlar va sinflarni berishingiz, tashqi va ichki uslublar jadvalidan foydalanishingiz mumkin.

Veb -saytga fon qo'shish 10 -qadam
Veb -saytga fon qo'shish 10 -qadam

2-qadam. Tana yorlig'i endi shunday bo'lishi kerak

Veb -saytga fon qo'shish 11 -qadam
Veb -saytga fon qo'shish 11 -qadam

Qadam 3. SRC manbai ekanligini unutmang

Bu bitta papkadan, boshqa papkadan yoki boshqa veb -sahifadan bo'lishi mumkin.

  • (bir xil papkada)
  • (boshqa papkada)
  • (boshqa veb -sahifada).
Veb -saytga fon qo'shish 12 -qadam
Veb -saytga fon qo'shish 12 -qadam

Qadam 4. kengaytmalarni ham qo'shishni unutmang

Naqshli fonning takrorlanishi

Veb -saytga fon qo'shish 13 -qadam
Veb -saytga fon qo'shish 13 -qadam

Qadam 1. Takrorlangan naqshli fon yaratish uchun yuqoridagi amallarda aytilganidek fon qo'shing

Tana yorlig'i endi o'zgartirilishi kerak

Qayta-sozlash parametrlari bu erda. Ko'p takrorlash sozlamalari bo'lishi mumkin, masalan:

  • (Fon gorizontal va vertikal ravishda takrorlanadi.)
  • (Orqa fon gorizontal ravishda takrorlanadi.)
  • (Orqa fon vertikal ravishda takrorlanadi.)

Rasmning fon rasmi

Veb -saytga fon qo'shish 14 -qadam
Veb -saytga fon qo'shish 14 -qadam

Qadam 1. Ruxsat etilgan rasm fonlari ajoyib ko'rinadi va pastga siljiganingizda o'zgarmaydi

Ularni amalga oshirish uchun yuqoridagi bo'limdagi kodga oddiy o'zgartirishlar kiritish kifoya. Tana yorlig'i shunday ko'rinishi uchun tweaks qiling-

bu erda SRC-fon tasvirining manbai, POSITION-tasvirning pozitsiyasi (u markazdan o'ngdan o'nggacha bo'lishi mumkin); fon-biriktirish-bu fon turining asosiy "katalizatori". Bu fon holatini aniqlash uchun ishlatiladi va uni o'zgartirmaslik tavsiya etiladi.

Maslahatlar

Tavsiya: