Veb-saytga Qanday Qilib Fon O'rnatish Mumkin

Mundarija:

Veb-saytga Qanday Qilib Fon O'rnatish Mumkin
Veb-saytga Qanday Qilib Fon O'rnatish Mumkin
Anonim

Har qanday sayt dizayni poydevor ustidagi uy kabi fon rasmlari va ranglariga asoslangan. Agar siz Internet-resursingizning odatiy poydevorini individualroq narsaga almashtirishni xohlasangiz, unda siz dizaynni ishlab chiqishdan boshlashingiz kerak. Va u tayyor bo'lgach, faqat texnik qism qoladi, ya'ni sahifalar manba kodida ko'rsatilgan sayt fonining eski dizaynini yangisiga almashtiradi. Amalda buni amalga oshirishning bir necha yo'li mavjud.

Veb-saytga qanday qilib fon o'rnatish mumkin
Veb-saytga qanday qilib fon o'rnatish mumkin

Ko'rsatmalar

1-qadam

Dastlab siz saytning amaldagi versiyasida fon qaysi usullar bilan o'rnatilishini bilib olishingiz kerak. Buning uchun sahifaning HTML kodini oching. Faylni serverdan oldindan yuklab olish orqali buni oddiy matn muharriri yordamida qilishingiz mumkin. Yoki kontentni boshqarish tizimi sahifalarining tahrirlovchisidan foydalanishingiz mumkin. Sahifa muharriri faylni yuklab olishni talab qilmaydi, lekin uni to'g'ridan-to'g'ri serverda interfeys sifatida brauzer yordamida o'zgartiradi. Ochgan sahifangizning HTML kodi (HyperText Markup Language) brauzer uchun ko'rsatma satrlaridan iborat. Ular veb-sahifaning har bir elementining turlari, ko'rinishi va joylashishini tavsiflaydi. Ushbu ko'rsatmalar odatda "teglar" deb nomlanadi. Sahifalar kodidagi teglarning o'z tartibi ham HTML tili qoidalariga bo'ysunadi - ular bloklarga bo'linadi, ularning birinchisi teg bilan boshlanadigan va tugaydigan sarlavha bloki bo'lishi kerak. Undan keyin sizni ko'proq qiziqtiradigan blok - hujjat mazmuni egallashi kerak. Bu teglar va bilan cheklangan. Ushbu blokning () ochilish yorlig'ida siz sahifaning orqa fonida ma'lumot qo'yishingiz mumkin. Teglardagi bunday ma'lumotlar "atributlar" deb nomlanadi. Asosiy rangning fon rangini belgilaydigan atributi bgcolor deb belgilanadi va kodda u shunday ko'rinishi mumkin: Bu erda biz sahifaning fon rangini kumushga o'rnatdik. Brauzer ba'zi ranglarni nomlari bilan taniy oladi, ammo yanglishmaslik uchun ularning o'n oltinchi kodlarini ko'rsatish yaxshiroqdir. Oltinchi raqamli kumush rangga ega ushbu versiya quyidagicha ko'rinadi: Shunday qilib, sahifa kodida <tanadan boshlanadigan yorliqni topib, uning fon rangiga ega ekanligini tekshirishingiz kerak. Agar shunday bo'lsa, undagi rang ko'rsatkichini yangi versiyangiz bilan almashtiring va o'zgarishlarni sahifaga saqlang.

2-qadam

Saytingizning hozirgi dizaynidagi fon rang bilan emas, balki rasm bilan o'rnatilishi mumkin. Asosiy yorliqning mos keladigan atributi fon deb ataladi va u kodda shunday ko'rinishi mumkin: Bu erda fon sizning serveringizning img papkasidagi bg.jpg

3-qadam

Nisbatan murakkab dizaynga ega sahifalarning ko'rinishini tavsiflashda "kaskadli uslublar varaqlari" - CSS (Cascading Style Sheets) dan foydalaning. CSS kod bloklari to'g'ridan-to'g'ri sahifa kodiga kiritilishi yoki "css" kengaytmasi bilan tashqi faylda bo'lishi mumkin. Sahifa kodining sarlavha qismida <va uslubi »bilan boshlangan uslub ta'rifi yorlig'ini qidirishingiz kerak. Agar u tashqi faylga havolani o'z ichiga olgan bo'lsa, u quyidagicha ko'rinadi: @import "style.css"; Bu erda style.css nomli uslublar jadvaliga havola mavjud. Tahrirlash uchun ko'rsatilgan faylni ochishingiz kerak. Agar havola bo'lmasa va <style yorlig'i ochilgandan so'ng uslub ko'rsatmalari mavjud bo'lsa, ularni bu erda tahrirlashingiz kerak. Ikkala variantda ham uslublarning tavsiflari orasida siz hujjat tanasi (tanasi) bilan bog'liq narsalarni izlashingiz kerak. Ushbu tavsiflar bloki quyidagicha ko'rinishi mumkin: tanasi {

orqa rang: kumush;

rang: qora;

} Bu erda siz fon-rang parametrining qiymatini yangi rangingiz qiymatiga almashtirishingiz kerak va bir xil o'n oltinchi qiymatlarda yaxshiroq. CSS yo'riqnomasidagi fon rasmi optsiyasi quyidagicha bo'lishi kerak: body {

fon: # C0C0C0 url (img / bg.jpg) takrorlash-y;

rang: qora;

} Bu erda rasmga havola yuqorida muhokama qilinganga o'xshaydi va havola oldidan # C0C0C0 fon rasmini egallamagan sahifa maydoni kumush fonga ega bo'lishini anglatadi. "Repeat-y" fon rasmini Y (vertikal) o'qi bo'ylab ko'paytirish kerakligini bildiradi."Repeat-y" "takrorlash-x" (gorizontal takrorlash) yoki "takrorlanmaslik" bilan almashtirilishi mumkin (takrorlanmang). Agar takrorlashni umuman ko'rsatmasangiz, u holda fon rasmi barcha yo'nalishlarda sahifaning fon maydoniga plitka bilan yopiladi.

Tavsiya: