CSS veb-sahifa dizaynlarini yaratishning eng yaxshi usuli
CSS- nizomini yozishni o'rganish qiyin bo'lishi mumkin, ayniqsa, agar siz fantastika veb-sahifa tartibini yaratish uchun jadvallardan foydalanishni yaxshi bilsangiz. Ammo HTML5 jadvallarni jadvallar uchun imkon beradi, ammo bu yaxshi fikr emas.
Jadvallar mavjud emas
Izlash motorlari singari, ko'pchilik ekran o'quvchilari veb-sahifalarni HTMLda ko'rsatiladigan tartibda o'qiydilar. Va jadvallar ekran o'quvchilarining ajralish uchun juda qiyin bo'lishi mumkin. Buning sababi shundaki, jadvalni tuzilishidagi tarkib, hatto lineer, chapdan o'ngga va yuqoridan pastga qarab o'qish paytida doim ham mantiqiy bo'lmaydi. Bundan tashqari, ichki jadvallar va stol xujayralarining turli oraliqlari sahifani tushunish juda qiyin bo'ladi.
Buning sababi, HTML5 spetsifikatsiyasi layout jadvallariga qarshi va nima uchun HTML 4.01 uni rad etishni tavsiya qiladi. E'tirof etiladigan veb-sahifalar ko'proq odamlarni ulardan foydalanishga imkon beradi va professional dizaynerning belgisidir.
CSS bilan siz sahifani chap tomonga tegishli qism deb belgilashingiz mumkin, lekin uni HTML-da joylashtirishingiz mumkin. So'ngra ekran o'qiydiganlar va qidirish motorlari ham muhim qismlarni (tarkibni) birinchi va eng kam ahamiyatli qismlarini (navigatsiya) oxirigacha o'qiydi.
Jadvallar Tricky
Agar siz veb-muharriri bilan jadval tuzsangiz ham, veb-sahifalaringiz hali juda murakkab va himoya qilish qiyin bo'ladi. Eng oddiy veb-sahifa dizaynlari bundan mustasno, ko'plab jadvallar ko'pligi va atributlar va ichki jadvallar ishlatilishini talab qiladi.
Jadvalni qurish, uni bajarayotganda oson ko'rinishi mumkin, lekin keyin uni saqlashingiz kerak. Olti oydan beri bu satrlarni pastga tushirish oson bo'lmasligi mumkin, nima uchun jadvallarni nested yoki bir nechta hujayralar va boshqalar. Bundan tashqari, agar veb-sahifalarni jamoa a'zosi sifatida saqlasangiz, har bir kishiga jadvallar qanday ishlashini tushuntirishingiz kerak va ular o'zgarishlarni amalga oshirish vaqtida qo'shimcha vaqt talab qilishlari kerak.
CSS ham murakkab bo'lishi mumkin, biroq u taqdimotni HTML dan ajratib turadi va uzoq muddatda saqlab qolishni ancha osonlashtiradi. Bundan tashqari, CSS-ning joylashuvi bilan bitta CSS fayli yozishingiz va barcha sahifalaringizni shu tarzda ko'rishingiz mumkin. Va sizning saytingizning tartibini o'zgartirmoqchi bo'lganingizda, siz faqat bitta CSS faylini o'zgartirasiz va butun sayt chnges-jadvalni yangilash uchun jadvallarni yangilash uchun har bir sahifadan bir-biriga o'tmaydi.
Jadvallar moslashuvchan
Plyonkalarining kengligi bilan stol tartibini yaratish mumkin bo'lsa-da, odatda ularni yuklab olish uchun sekinroq bo'ladi va tartibingiz qanday ko'rinishini sezilarli darajada o'zgartirishi mumkin. Lekin siz jadvallaringiz uchun belgilangan kengliklardan foydalansangiz, siz o'zingizdan farqli bo'lgan monitorlarda yaxshi ko'rinmaydigan juda qattiq tartib bilan tugaydi.
Juda ko'p monitor, brauzer va ruxsatlarda yaxshi ko'rinadigan moslashuvchan tartiblarni yaratish nisbatan oson. Aslida, CSS-ning ommaviy axborot so'rovlari bilan siz turli o'lchamli ekranlar uchun alohida dizaynlarni yaratishingiz mumkin.
Ichki jadvallar bir xil dizayn uchun CSS'dan asta-sekin yuklang
Jadvallar bilan farasingiz tartiblarini yaratishning eng keng tarqalgan usuli - "yuvish" jadvallari. Ya'ni, bir yoki bir nechta stol boshqasiga joylashtirilgan. Ichki joylashtirilgan jadvallar qancha ko'p bo'lsa, veb-brauzer sahifani ko'rsatishga qanchalik uzoq bo'ladi.
Ko'pgina hollarda, jadval tartibi CSS yaratilishidan ko'ra yaratish uchun ko'proq belgilarni ishlatadi. Va kamroq belgilar yuklab olish uchun kamroq bo'ladi.
Jadvallar qidiruvi optimallashtirishiga zarar keltirishi mumkin
Eng tez-tez ishlatiladigan jadval tuzilishi sahifaning chap tomonida navigatsiya paneli va o'ngdagi asosiy tarkib mavjud. Jadvallarni ishlatganda, bu (odatda) HTMLda ko'rsatiladigan birinchi tarkibning chap tarafdagi navigatsiya paneli bo'lishini talab qiladi. Qidiruv motorlari kontentga asoslangan sahifalarni tasniflaydi va ko'plab motorlar sahifaning yuqori qismida ko'rsatilgan kontent boshqa mazmunlarga qaraganda muhimroq ekanligini aniqlaydi. Shunday qilib, birinchi bo'lib chap navli navigatsiya sahifasi navigatsiyadan kamroq mazmunga ega bo'ladi.
CSS-dan foydalanib siz muhim tarkibni avval HTML-ga joylashtirasiz, keyin CSS-ga dizaynni qaerga qo'yish kerakligini aniqlash uchun foydalanishingiz mumkin. Bu shuni anglatadiki, dizayner sahifani pastga tushirsa ham, qidirish mexanizmlari birinchi navbatda muhim tarkibni ko'radi.
Jadvallar doimo yaxshi chop etilsin
Ko'pgina jadval dizaynlari yaxshi chop etilmaydi, chunki ular printer uchun juda keng. Shunday qilib, ularni moslash uchun, brauzerlar jadvallarni o'chiradi va quyidagi qismlarga ajratiladi: natijada juda ko'p sahifalar o'chiriladi. Ba'zan siz yaxshi ko'rinadigan sahifalar bilan yakunlanasiz, lekin o'ng tomonning to'liq yo'q. Boshqa sahifalar har xil varaqlarda chop etiladi.
CSS bilan siz sahifani chop etish uchun alohida uslublar jadvalini yaratishingiz mumkin.
Yaratilgan jadvallar HTML 4.01 da yaroqsiz
HTML 4 spetsifikatsiyasi: "Jadvallar hujjat tarkibini tartibga solish vositasi sifatida ishlatilmasligi kerak, chunki bu vizual bo'lmagan vositalarga ishlov berishda muammo paydo bo'lishi mumkin".
Shunday qilib, siz HTML 4.01 joriy yozishni istasangiz, tartib uchun jadvallardan foydalana olmaysiz. Jadvallarni faqat jadvallar uchun ishlatishingiz kerak. Va jadval ma'lumotlari odatda elektron jadval yoki ehtimol ma'lumotlar bazasida ko'rsatilishi mumkin bo'lgan narsaga o'xshaydi.
Lekin HTML5 qoidalarni o'zgartirdi va hozirda jadval uchun tartib berildi, tavsiya qilinmagan bo'lsa, hozirda amal qiladi HTML. HTML5 spetsifikatsiyasi: "Jadvallarni joylashtirish yordami sifatida ishlatmaslik kerak."
Yuqorida aytib o'tganimdek, tartibni jadvallar ekran o'quvchilarining farqlashlari qiyin bo'lgani uchun.
Sahifalarni joylashtirish va joylashtirish uchun CSS-dan foydalanib, yaratilgan jadvallarni ishlatish uchun ishlatiladigan dizaynlarni olish uchun faqatgina tegishli HTML 4.01 usuli. Va HTML5 bu usulni ham taklif qiladi.
Mizanpaj jadvallari Ishingizning istiqbollarini ta'sir qilishi mumkin
Ko'plab yangi dizaynerlar HTML va CSS-ni o'rganishgani uchun, stol tartibini qurishda qobiliyatlaringiz kamroq talabga ega bo'ladi. Ha, mijozlar, odatda, veb-sahifalarini yaratish uchun foydalanadigan aniq texnologiyani sizga aytib bermaydilar. Ular sizdan shunday narsalar haqida so'rashadi:
- E'tirof etiladigan veb-sahifalar: ekran o'qiydiganlar tomonidan ko'rib chiqilishi mumkin bo'lgan dizaynlar ko'plab davlatlar tomonidan majburlanmoqda va korporatsiyalar har kuni mavjudliklarni yanada muhimroq topishadi.
- Ta'minlangan veb-sahifalar: kelajakda ularni saqlab qolmasangiz ham ular bilan birga olishi mumkin bo'lgan dizaynlar.
- Moslashuvchan dizaynlar: ko'plab brauzerlarda, ruxsatlarda va qurilmalarda ishlaydigan dizaynlar.
- Tezda yuklab olish sahifalari: tezlik SEO uchun ham muhim ahamiyat kasb etmoqda.
- Bosma uchun mo'ljallangan dizaynlar: maxsus skriptlar yoki qo'shimcha sahifalarsiz chop etiladigan sahifalar.
Agar mijozlar so'ragan narsalarni etkazib bera olmasangiz, ular sizni bugungi kunda emas, balki kelgusi yil yoki keyingi yil uchun dizaynlarga qaratishni to'xtatadilar. 1990 yillar oxiridan beri ishlatilgan texnikani o'rganishni boshlamoqchi emasligingiz sababli ishingizning yomonlashishiga imkoningiz bor?
Moral: CSS-dan foydalanishni o'rganing
CSS o'rganish qiyin bo'lishi mumkin, lekin har qanday arziydi, bu kuchga arziydi. Qobiliyatingizni turg'unlikdan saqlamang. CSS-ni o'rganib chiqing va web-sahifalaringizni joylashtirishni rejalashtirilgan tarzda - CSS-ga joylashtiring.