Veb-sayt Shablonini Qanday O'zgartirish Kerak

Mundarija:

Veb-sayt Shablonini Qanday O'zgartirish Kerak
Veb-sayt Shablonini Qanday O'zgartirish Kerak

Video: Veb-sayt Shablonini Qanday O'zgartirish Kerak

Video: Veb-sayt Shablonini Qanday O'zgartirish Kerak
Video: HTML VA CSSDA BIR SAHIFALI WEB-SAYT YASASH // HTML CSS DA WEB-SAYT YASASH 2024, May
Anonim

Shablon yordamida veb-sayt yaratishning eng oson usuli. Biroq, manba ajralib turishi uchun siz standart tartibni o'zgartirishingiz kerak. Va bu erda HTML va CSS haqida asosiy bilimlarsiz qila olmaysiz.

Veb-sayt shablonini qanday o'zgartirish kerak
Veb-sayt shablonini qanday o'zgartirish kerak

Ko'rsatmalar

1-qadam

Internetda sizga eng mos veb-sayt shablonini toping. Uning imkoniyatlariga, monitorning o'lchamiga, menyu xususiyatlariga va ustunlar tartibiga moslashish qobiliyatiga e'tibor bering. O'zingizga yoqqan versiyani kompyuteringizga yuklab oling, arxivni oching. Fayllarni saytning ildiziga yuklash orqali uning ish faoliyatini tekshiring. Ehtimol, shablon xatolarni o'z ichiga oladi va to'g'ri o'rnatilmaydi, keyin kelajakda u bilan ishlashdan foyda bo'lmaydi.

2-qadam

Agar siz shablonni to'liq qayta tiklamasangiz ham, aksariyat rasmlarni va ayniqsa logotip sifatida joylashgan rasmlarni almashtiring. Har bir rasmni shu tarzda almashtiring:

- fotoshop dasturida grafik faylni ochish;

- "Image" - "Image size" menyusida uning parametrlarini ko'rib chiqing;

- aniq bir xil o'lchamdagi yangi varaqni oching;

- dastur vositalaridan foydalanib kerakli rasmni yaratish;

- barcha qatlamlarni tekislang va asl formatini o'rnatgan holda xuddi shu nom ostida va xuddi shu papkada yangi rasmni saqlang (veb uchun emas).

Shunday qilib, bitta rasm o'rniga boshqasi paydo bo'lishi kerak.

3-qadam

Barcha rasmlarni o'zgartirganingizdan so'ng, papkani fayllar bilan qo'shib qo'ying (Joomla misolida) va uni "Kengaytmalar" menyusidagi sayt administratori paneli orqali yuklang. Mavzu yangi rasmlar bilan to'g'ri namoyish etilishini tekshiring.

4-qadam

Qolgan parametrlarni style.css-da o'zgartiring. Bundan tashqari, buni administrator paneli orqali emas, balki kompyuterda qilish ancha qulaydir. Transformatsiyalar natijasini iloji boricha tezroq ko'rish uchun localhost (Denver) dan foydalanish oqilona. Bu keyingi tahrirdan keyin natijalarni ko'rish uchun natijani har safar serverga yuklash zaruriyatidan xalos qiladi.

5-qadam

Mozilla Firefox uchun bepul FireBug plaginini yuklab oling. O'rnatishdan so'ng brauzerning yuqori o'ng burchagida sariq xato belgisi paydo bo'ladi. Uni bosing yoki F12 tugmachasini bosing va ekranning pastki qismida sahifa kodi yiqilgan versiyada paydo bo'ladi. Uni sichqonchani plyus belgilari ustiga siljitish orqali ochish mumkin. Agar element satrini bosgan bo'lsangiz, u ekranning yuqori qismida belgilanadi. Kod bilan oynaning o'ng tomonida siz tashqi ko'rinishga mas'ul bo'lgan chiziqlarni ko'rsatadigan uslublarni topasiz. Va dizaynni o'zgartirish uchun uslublar faylini qaerga tahrirlashingiz kerakligi darhol aniq bo'ladi.

6-qadam

Notepad ++ da style.css-ni oching. Siz kodni tahrirlash uchun mo'ljallangan boshqa dasturlardan foydalanishingiz mumkin, ammo buning uchun siz standart "Bloknot" dan foydalana olmaysiz, aks holda kodlash tufayli xatolar bo'ladi. O'zgartirmoqchi bo'lgan parametrlarni topish va ularni Notepad ++ da bir vaqtning o'zida tahrirlash uchun FireBug-dan foydalaning.

7-qadam

Oxirgi CSS-ni saqlang va faylni serverga yuklang.

Tavsiya: