Dizayn muammosiga ega bo'lganda olib boriladigan qadamlar
Agar siz hech qachon veb-saytni qurmagan bo'lsangiz, ehtimol, narsalar doimo rejalashtirilganidek emasligini aniqlagan bo'lasiz. Veb-uslubchisi bo'lish uchun siz yaratgan saytlar bilan tuzatilgan muammolarni bartaraf etishingiz kerak.
Ba'zan veb-dizayningiz bilan nima noto'g'ri ekanini aniqlash juda asabiylashtirishi mumkin, ammo sizning tahlilingiz bo'yicha muntazam bo'lsangiz, muammoning sababini tez-tez topishingiz va uni tezroq tuzatishingiz mumkin. Buni amalga oshirish uchun foydalanishingiz mumkin bo'lgan ba'zi maslahatlar.
HTML-ni tasdiqlang
Veb-saytim bilan bog'liq muammolar bo'lsa, men qilgan birinchi narsa HTMLni tekshirish. HTMLni tasdiqlashning bir qancha sabablari bor, lekin sizda birinchi narsa bo'lishi kerak bo'lgan muammo bo'lsa. Har bir sahifani avtomatik ravishda tasdiqlaydigan ko'plab odamlar bor. Ammo siz odatdingiz bo'lsa ham, sizda muammo yuzaga kelganida sizning HTML kodingizni tekshirish yaxshi bo'ladi. Bu sizning muammoingizni keltirib chiqaradigan noto'g'ri yozilgan HTML element yoki xususiyat kabi oddiy xatolik emasligini ta'minlaydi.
- HTML Validator
CSS-ni tasdiqlang
Muammolarga duch keladigan keyingi joy sizning CSS-ingizda . CSS-ni tasdiqlash HTML-ni tasdiqlash bilan bir xil funktsiyaga xizmat qiladi. Agar xatolar bo'lsa, CSS-ning to'g'ri ekanligini va muammolarning sababi emasligini ta'minlaydi.
- CSS Validator
JavaScript-ni yoki boshqa dinamik elementlarni tekshiring
Agar sizning sahifangiz JavaScript, PHP, JSP yoki boshqa ba'zi dinamik elementlardan foydalansa, HTML va CSS kabi bo'lgani kabi, ular ham tegishli ekanligini tekshirishingiz kerak.
Ko'p brauzerlarda test qilish
Ko'rib turganingizdek, bu muammo siz ko'rib turgan veb-brauzerining natijasidir. Muammo har qanday brauzerda tekshirilishi mumkin bo'lsa, bu sizni tuzatish uchun nima qilish kerakligi haqida sizga ma'lumot beradi. Misol uchun, muammoni faqat ma'lum bir brauzerda ekanligini bilsangiz, nima uchun faqatgina bitta brauzer muammoga olib kelishi mumkin bo'lsa, unda boshqalarni yaxshi bilib olishingiz mumkin.
Sahifani soddalashtiring
Agar HTML va CSS-ni tasdiqlash yordam bermasa, muammoni topish uchun sahifani toraytiring. Buni qilishning eng oson usuli, qolgan hamma narsa muammoni o'z ichiga olgan qismigacha sahifaning qismini o'chirish yoki "sharhlash" dan iborat. Bundan tashqari, CSS-ni xuddi shunday tarzda kesib tashlashingiz kerak.
Soddalashtirilgan g'oya, siz sahifani faqat sobit element bilan qoldirib ketmasligingiz emas, balki muammoning sababini aniqlay olasiz va uni tuzatasiz.
Orqaga oling va keyin Orqaga qo'shing
Saytingizdagi muammoli maydonni qisqartirgandan so'ng muammo yo'qolgunga qadar elementlarni elementlardan chiqarib tashlang. Misol uchun, muammoni muayyan
Har bir olib tashlangandan so'ng test qiling. Agar siz tuzatishlarni olib tashlagan bo'lsangiz yoki muammoni butunlay bartaraf qiladigan bo'lsa, unda nima qilish kerakligini bilasiz.
Muammo nima sababdan o'zgargan narsalar bilan uni qayta qo'shishni boshlashini aniq bilsangiz. Har bir o'zgarishdan keyin tekshirib ko'ring. Veb-dizaynni amalga oshirayotganingizda, kichik narsalar qanchalik tez-tez o'zgarishi mumkinligi hayratlanarli. Lekin agar siz sahifaning har qanday o'zgarishdan, hatto kichik ko'rinishda bo'lsa ham qanday ko'rinishini sinab ko'rmasangiz, muammoning qaerdaligini aniqlay olmaysiz.
Standartlarga mos standart brauzerlar uchun dizayn
Veb-dizaynerlarning eng ko'p uchraydigan muammolari, brauzerlarning ko'pchiligida bir-biriga o'xshash sahifalarni olish atrofida aylanadi. Biz veb sahifalarni barcha brauzerlarda bir xil ko'rish uchun juda qiyin, agar mumkin bo'lmasa, juda qiyin bo'lishi mumkinligini muhokama qilar ekanmiz, ko'pchilik dizaynerlarning maqsadidir. Shunday qilib, siz birinchi navbatda eng yaxshi brauzerlar uchun mo'ljallangan bo'lib, standartlarga muvofiq bo'lganlarni o'z ichiga oladi. Ularni ishlayotganingizdan keyin siz boshqa brauzerlar bilan ishlashingiz mumkin, jumladan saytingiz auditoriyasi bilan bog'liq bo'lishi mumkin bo'lgan eski brauzerlar.
Kodingizni oddiy ushlab turing
Muammolaringizni topib, ularni bartaraf etgandan keyin, ularni keyinchalik ag'darishdan ehtiyot bo'lishingiz kerak. Muammolarning oldini olishning eng oson yo'li HTML va CSS-ni iloji boricha soddalashtiradi. HTML yoki CSS murakkabligi tufayli, yumaloq burchaklarni yaratish kabi narsalarni qilishdan qochish kerakligini aytmayman. Faqat oddiy echimdan o'zini murakkablashtiradigan narsalardan qochish kerak.
Ba'zi yordam oling
Sayt muammolarini disk raskadrovka qilishga yordam beradigan odamning qiymati ortiq emas. Agar siz bir xil kodni biroz ko'rib chiqsangiz oson xatoni sog'inish oson bo'ladi. Ushbu kodda boshqa bir qator ko'zlarga ega bo'lish, odatda, buni amalga oshirish uchun eng yaxshi narsadir.
Jeremy Girard tomonidan 2/3/17 sanasida tahrirlangan