Salom, aziz blog o'quvchilari. Bugun men nima uchun veb-sayt bilan ishlashda HTML tilini bilish kerak bo'lishi mumkinligi (u nima haqida o'qing), CSS kaskadli uslublar jadvallari bilan ishlash asoslari (mavzu bo'yicha kirish maqolasini topasiz) haqida gaplashmoqchiman. shuningdek, hech bo'lmaganda PHP da dasturlarni yaratish asoslari va tamoyillarini va MySQL ma'lumotlar bazalari bilan ishlash mantiqini tushunish.

egalik qilmasdan veb-saytlar yaratish imkonini beradi yuqorida aytib o'tilgan barcha donolik, lekin shu bilan birga, siz ishlayotganingizda, ehtimol sizda eng murakkab CMS (Joomla, WordPress, Drupal va boshqalar) yordamida hal qila olmaydigan savollar va muammolar paydo bo'lishi mumkin.

Nima uchun veb-saytda ishlashda tillarni bilish (belgilash, uslublar, server dasturlash) kerak bo'lishi mumkin?

Yoki siz CMS boshqaruv panelida boshqa ko'plab sozlamalar orasida bunday elementni topa olmaysiz (ba'zi sozlamalar elementlarini joylashtirishda vosita mualliflarining mantig'i noaniq bo'lib qolmoqda va, ehtimol, bu erda muallifning odat kuchi ma'lum rol o'ynaydi), yoki ishlab chiquvchilar bunday elementni kontentni boshqarish tizimining boshqaruv paneliga umuman kiritmaydilar. Administrator paneli orqali hamma narsa uchun sozlamalarni amalga oshirish mumkin emas - odatda u erda faqat eng kerakli va tez-tez ishlatiladigan sozlamalar ko'rsatiladi.

Bu tez-tez sodir bo'ladi muammoni hal qilish osonroq vosita boshqaruv panelida taqdim etilgan standart vositalar bilan emas, balki to'g'ridan-to'g'ri ma'lumotlar bazasida biror narsani tahrirlash yoki FTP orqali kirish orqali ma'lum vosita fayllari tarkibini sozlash orqali.

Ha, buning uchun hech bo'lmaganda HTML belgilash tilining asoslarini o'rganish, kaskadli uslublar jadvallari veb-sahifalar ko'rinishiga qanday ta'sir qilishini tushunish, shuningdek, ma'lumotlar bazasi tuzilishini tushunish va unga qanday o'zgartirish kiritishni o'rganish uchun vaqt sarflash kerak bo'ladi. Va, ehtimol, eng qiyin narsa - PHP-da kod yozishning asosiy tamoyillarini tushunish uchun nimani va qayerda og'riqsiz o'zgartirish mumkinligini va nimaga tegmaslik kerakligini tushunishdir.

Men, albatta, veb-sahifalarni loyihalashdan boshlayman (aslida, men bu vazifani allaqachon bajarganman va siz natijalarni ko'rishingiz mumkin). Oldingi xabarlardan birida aytib o'tganimdek, yaqin vaqtgacha barcha resurslar HTML formatidagi sahifalardan iborat edi. Bundan tashqari, u erda veb-saytning mazmuni (matnlar, rasmlar, jadvallar) va uning dizayni (ranglar, fon, chekinishlar) ko'rsatilgan.

To'g'ri tartibni zamonaviy tushunishda kontent gipermatnni belgilash tili teglari yordamida amalga oshirilishi kerak va bu tarkibni loyihalash tashqi uslublar jadvali fayllari yordamida amalga oshirilishi kerak. Ushbu ajratish veb-sayt sahifasini keraksiz xizmat kodidan xalos qilish imkonini beradi.

Gap shundaki, qidiruv tizimlari juda yaqin axborot komponentining nisbatiga qarang veb-sahifa kodi (brauzerda ko'rsatilgan matn) va uning xizmat komponenti (teglar, turli skriptlar va boshqalar). Shuning uchun, ushbu sahifaning chegaralaridan tashqariga chiqib, axborot komponentiga ega bo'lmagan, lekin faqat sahifalar dizayni uchun javobgar bo'lgan barcha narsalar, biz qidiruv tizimlarining loyihamizga bo'lgan munosabatini yaxshilaymiz (yaxshi, hech bo'lmaganda nazariy jihatdan).

Bundan tashqari, alohida faylga joylashtirilgan CSS qoidalarining ro'yxati resurs dizaynini birlashtirishga imkon beradi. Agar kerak bo'lsa, siz har doim barcha veb-sahifalarning kodini tahrir qilmasdan dizayndagi biror narsani o'zgartirishingiz mumkin, chunki bu holda, barcha sahifalar uchun umumiy uslublar jadvaliga mavjudlarini tuzatish yoki yangi uslub xususiyatlarini qo'shish kifoya qiladi.

Uslublar jadvallarining paydo bo'lishi bilan ko'plab gipermatnlarni belgilash til teglari va ularning atributlari paydo bo'ldi eskirgan deb hisoblana boshladi va foydalanish tavsiya etilmaydi. Buning o'rniga, xuddi shu harakatlarni bajaradigan CSS xususiyatlaridan foydalanish tavsiya etiladi. Bu endi HTML tilini o'rganishning hojati yo'qligini anglatmaydi, shunchaki veb-sayt yaratish va unga xizmat ko'rsatish uchun bilishingiz va foydalana olishingiz kerak bo'lgan teglar va ularning atributlari soni kamaydi. Men o'zim doimo ishlatadigan teglar haqida aytib berishga harakat qilaman.

Qaysi muharrir kodni tahrirlash yoki o'zgartirishlar kiritish yaxshiroq?

Bunda hech qanday murakkab narsa yo'q, chunki aslida bu hatto dasturlash tili emas, balki rus tilidagi sintaksisga o'xshash gipermatn belgilaridir. O'z tajribangizga asoslanib, darhol nima maslahat berishni xohlaysiz? Teglarni bloknotda yozishga harakat qiling, masalan Notepad++(meniki o'qing) va Dreamviewer kabi dasturlarda emas. Nega?

Ha, chunki bu holda siz teglar va atributlarni yozishni yaxshilaysiz va eslaysiz. Ha, Dreamviewer kabi dasturlarda joylashtirish qulayroq, chunki... uni darhol brauzerda ko'rishingiz mumkin va ma'lum bir teg yozish variantlari ochiladigan ro'yxatdan tanlanishi mumkin.

Ammo haqiqat shundaki, siz asosan dvigatel fayllaringizdagi mavjud kodni tahrirlashingiz kerak bo'ladi va agar siz barcha teglar va ularning atributlarini yoddan yozishni eslab qolsangiz (xayriyatki, ularning ko'pi yo'q) bu juda qulayroq bo'ladi. Nega bitta tegni tuzatish uchun faylni noqulay Dreamview-da ochish kerak, buning uchun oddiy bloknot yoki uning Notepad plus plus deb nomlangan ilg'or analogi (havola yuqorida keltirilgan) etarli.

Garchi, bu mening shaxsiy fikrim (IMHO) va qaysi biri qulayroq ekanligini o'zingiz hal qilasiz. Masalan, men bu masalani o'rgangan Evgeniy Popov, aftidan, Dreamviewer tarafdori. Aslida, bitta narsa muhim - siz kiritilgan barcha o'zgarishlarni saqlashga qodir bo'lgan va agar xohlasangiz, kodni tahrirlovchida tahrirlashingiz kerak. hamma narsani avvalgidek qaytaring(orqaga).

Bunday holda, siz qanchalik chalkashsangiz ham, hamma narsa tuzatiladi. Va, albatta, kod yozadigan yoki tahrirlaydigan tilning sintaksisini ajratib ko'rsatish juda qulay. Notepad++, albatta, mening tanlovim! Men uning imkoniyatlari haqida yuqoridagi maqolada gaplashdim.

Belgilash va uning dizayni haqida birma-bir gapirish mutlaqo to'g'ri emas, shuning uchun men ulardan birgalikda foydalanish haqida gapirishga harakat qilaman. Shuni tushunish kerakki, CSS xususiyatlari bir yoki bir nechta alohida fayllarda yozilgan bo'lib, ularni dvigatelingiz uchun ishlatiladigan mavzuda osongina topishingiz mumkin.

Zamonaviy CMS-dagi veb-sahifa teglari avvalgidek bir yoki bir nechta fayllarda yozilmagan, balki PHP-dan yaratilgan (tarjima qilingan). Va aynan shu tarzda yaratilgan Html kodi brauzerga o'tkaziladi, shunda u o'z navbatida uni biz uchun tushunarli bo'lgan Internet sahifasi ko'rinishida izohlaydi. Qiziq, shunday emasmi?

Shunung uchun har qanday CMS da teglarni tahrirlash Agar siz gipermatnni belgilash tilidan to'liq foydalansangiz ham, unchalik ahamiyatsiz ish emas. Axir, siz PHP fayllaridagi teglarni tahrirlashingiz kerak bo'ladi va shuning uchun siz hech bo'lmaganda uning asosiy tushunchalari va sintaksisini bilishingiz kerak bo'ladi.

Ammo tashvishlanmang, dizaynni tahrirlash uchun sizga PHP tilidan ko'p bilim kerak bo'lmaydi. Teglar u erda, ta'bir joiz bo'lsa, sirtda yotadi va agar kerak bo'lsa, ularni aniqlash va tuzatish qiyin emas.

Qanday vositalardan foydalanishingiz mumkin?

Muammo odatda boshqa joyda paydo bo'ladi. Kerakli teglar fragmenti tuzilgan PHP kengaytmali faylni qanday topish mumkin? Bu erda savollar savol. Ha, albatta, agar siz ushbu dvigatellar bilan ishlash tajribangiz bo'lsa, menimcha, siz buni o'rganasiz. Agar siz yangi boshlovchi bo'lsangiz va yuzlab PHP fayllaridan qaysi biri nima uchun javobgarligini bilmasangiz?

Xuddi shunday zo'r brauzer uchun ajoyib plagin bu erda sizga yordam beradi, shuningdek, ko'pchilik uchun noma'lum bo'lgan yuqorida aytib o'tilgan Notepad++. Ushbu dasturlar to'plami tog'larni ko'chirishga va ko'p vaqtni tejashga yordam beradi.

Kelgusi xabarlarda men sizga sayt bilan bog'liq muammolarni samarali hal qilish uchun ushbu dasturlardan qanday foydalanishni batafsil aytib beraman. Ha, men FTP - FileZilla orqali kirish imkonini beruvchi ajralmas dastur haqida deyarli unutdim (bu mavzuda allaqachon maqola mavjud). Albatta, biz ham bu haqda gaplashamiz.

Maqsadlar belgilandi, vazifalar belgilandi, ularni amalga oshirishgina qoldi. Buning uchun ta'tilimni olishimga ruxsat bering.

Omad sizga! Tez orada blog sayti sahifalarida ko'rishguncha

Sizni qiziqtirishi mumkin

Google Shrift onlayn xizmatida veb-sayt va kompyuter uchun chiroyli ruscha shriftlar - qaerdan yuklab olish va qanday o'rnatish Moslashuvchan (javob beruvchi) dizayn - saytni mobil qurilmalarda ko'rish uchun optimallashtirish
Gif, Png yoki Jpg - internet uchun rastr grafik formatlari, ularning veb-saytda foydalanishdagi afzalliklari va kamchiliklari

CSS kodi HTML hujjatida yoki bir xil kengaytmali alohida faylda joylashgan bo'lishi mumkin. Agar CSS tashqi faylda bo'lsa va ishlamasa, birinchi navbatda HTML kodidagi havolani tekshirish kerak.

Havola (href) bitta havola tegida yozilishi kerak. HTML5-dagi havolaning mazmuni quyidagicha ko'rinishi kerak: href=”style.css” rel=”stylesheet”. Shuni unutmangki, havola yorlig'i o'zi birlashtirilgan bosh kalit teglari orasida joylashgan.

href qiymatidan keyin hujjatga biriktirilishi kerak bo'lgan CSS faylining nomi ko'rsatiladi (bu uslub bo'lishi shart emas). Agar uslublar bilan fayl boshqa papkada joylashgan bo'lsa, unga slash (/) yordamida yo'lni ko'rsatishingiz kerak.

CSS sintaksisi

Agar havola bilan hamma narsa yaxshi bo'lsa, lekin CSS hali ham ishlamasa, koddagi sintaksisni tekshirishingiz kerak.

Birinchidan, selektorni tekshiring. Selektor html faylida yozgan narsangizga mos kelishi kerak. Ya'ni, html da class = "konteyner" tanlangan bo'lsa, selektor o'rniga CSS da ".container" yoziladi. Sarlavha oldidagi nuqtaga e'tibor bering. Davr faqat darslardan oldin qo'yiladi. Agar siz h1 sarlavhalari uchun uslubni belgilasangiz, unda nuqta kerak emas.

Uslub e'lon qilingan blokning o'zi selektor nomidan keyin jingalak qavslar ichida yoziladi. Xususiyat nomi va uning qiymati orasiga ikki nuqta qo'yiladi, keyin nuqta-vergul qo'yiladi.

Brauzer

Agar siz CSS kodingizni sinab ko'rayotgan brauzer allaqachon eskirgan bo'lsa, u CSS3 tilini to'g'ri ko'rsata olmaydi. Shuning uchun, agar kod ishlamasa, brauzeringizni so'nggi versiyasiga yangilang.

Sinov uchun turli xil brauzerlardan foydalaning: Opera, Google Chrome, Firefox. Internet Explorer-ga tayanish tavsiya etilmaydi, chunki u Microsoft-ning asosiy yo'nalishi emas, bu esa uni CSS3 bilan "mos kelmaydigan" qiladi.

Kodni tuzatish uchun brauzerlarning yangi versiyalarida to'g'ridan-to'g'ri brauzerda kodni tahrirlash imkonini beruvchi maxsus modul mavjud. Buni amalga oshirish uchun oynaning kontekst menyusida "Manba kodini ko'rsatish" tugmasini bosing.

Meros olish

CSS-da tushunish eng qiyin narsa bu merosdir. Ko'pincha u ishlamaydigan kodning asosi bo'lsa-da.

CSS qo'g'irchoqlar bilan bir xil printsip asosida ishlaydi. Bitta idish boshqasiga, uchinchisi unga va hokazo. Merosning barcha nozikliklarini o'rganish uchun siz ko'p vaqt sarflashingiz kerak. Siz asoslardan boshlashingiz mumkin.

Birinchidan, mantiqiy ravishda CSS kodida xato aniq qaerda sodir bo'lganligini aniqlashga harakat qiling. Buni osongina tushunasiz, chunki... Xato natijasida brauzerda ko'rsatilgan elementlardan biri siz taqdim etgan rasmdan chiqib ketadi.

Ishlamaydigan uslubga ega konteyner yoki boshqa elementni topganingizda, element nimaga "ichiga" kiritilganini diqqat bilan ko'rib chiqing.

Balki, ota-elementda bola elementdagi boshqa xususiyatning ishlashiga to'sqinlik qiluvchi xususiyat mavjud. Har qanday CSS ma'lumotnomasida meros haqida ko'proq o'qishingiz mumkin.

Bu CSS nima

CSS-ni hujjatning vizual ko'rinishini tavsiflash uchun rasmiy til deb atash mumkin. To'liq CSS o'xshaydi Kaskadli uslublar jadvallari, rus odami kaskadli uslublar jadvallarini, ya'ni CSS-ni tushunadi. Albatta, hech kim CTS-dan foydalanmaydi, lekin CSS-dan foydalanish odatiy holdir. CSS tili 1996 yil 17 dekabrda taqdim etilgan.

Nima uchun bizga CSS uslublari alohida faylda kerak?

Html-da uslublarni yozish uchun siz ichkariga kirishingiz kerak .. Tegga qoidalaringizni yozing

unda qoidalar yozilgan. U o'zini ham ro'yxatdan o'tkazadi

— Agar siz to'g'ridan-to'g'ri uslubni belgilashga qaror qilsangiz ichki tarkib , keyin parametrdan foydalanishingiz kerak style="..."

CSS uchun to'g'ri qoidalar va CSS-da qanday izoh berish kerak

Bu erda, albatta, siz juda katta miqdordagi nazariyani yozishingiz mumkin, ammo bu erda bizda ma'lumotnoma yo'q. Men hamma narsani oddiy misol yordamida ko'rsataman, eslash kerak bo'lgan asosiy narsa - bu erda selektorlar, xususiyatlar va qadriyatlar mavjud. Selektor - bu qoidalar qo'llaniladigan narsa, xususiyat - biz foydalanadigan qoidalar turi va qiymat - qiymat. (mulk + qiymat = qoida)

Yozuv shunday ko'rinadi selektor (xususiyat: qiymat;), Agar siz bir nechta selektorni qo'llashingiz kerak bo'lsa, ularni ishlatib yozing vergul, agar bir nechta qoidalar ishlatilsa nuqta-vergul. Har doim oxirida nuqta-vergul.

CSS-dagi har qanday matnga izoh berish uchun siz matnni shunday tirnoq ichiga qo'yishingiz kerak /* matn */ va hammasi shu :)

Va'da qilinganidek, CSS-ning vizual misollari :

p(
shrift oilasi: Verdana;
fon: oq;
rang: qizil;
}

Bu erda selektor p, ya'ni teglari bo'lgan har qanday paragraf uchun ushbu qoidalar qo'llaniladi. Yuqorida nima yozsangiz, paragraf Verdana shriftida qizil matn bilan oq rangda bo'ladi. Umumiy fon sariq va shrift boshqacha bo'lsa ham.

• Oʻquv qoʻllanma

Men o'z tajribamga asoslanib xatolar va maslahatlar yozdim. Agar "yomon maslahat" kabi xatolar bo'lsa, men konstruktiv tanqidni eshitishdan xursand bo'laman. Xabar HTML va CSS-ni o'rganish uchun yangi boshlanuvchilar uchun mo'ljallangan, ammo mutaxassislar ham ushbu materialni o'qishga qiziqish bildirishi mumkin.

1. W3C Validator

Saytning HTML va CSS-ni validator.w3.org xizmati orqali tekshirish tavsiya etiladi. Ushbu xizmat kodni skanerlaydi va xatolarni ko'rsatadi, masalan:

• teg yopilmagan;
• havolalarda tavsiya etilmaydigan belgilar;
• Tavsiya etilmaydigan teg ishlatiladi;
• talab qilinadigan atribut ko'rsatilmagan;
• va boshqa.

2. UTF-8 formatidagi maket

Sahifani yotqizayotganda siz faylni kodlash o'rnatilganligiga ishonch hosil qilishingiz kerak UTF-8 (BOM yo'q). Har bir matn muharriri kodlashni boshqacha o'rnatadi.

UTF-8 formatidagi fayl nostandart belgilardan foydalanishga imkon beradi (masalan, turli tillardagi belgilar, valyuta belgilari va boshqalar).

Shuningdek, brauzerlarga sahifa UTF-8 kodlashda ochilganligini aytishingiz kerak. Bu quyidagi teg orqali amalga oshiriladi:

3. Bir nechta elementlar bir xil identifikatorga ega

HTML kodidagi id atributining qiymati takrorlanmasligi kerak.

4. Spritlar

Bir nechta kichik rasmlarni bitta faylga birlashtirish tavsiya etiladi (bu fayl sprite deb ataladi). Bu saytga so'rovlar sonini kamaytiradi va sahifani yuklash tezligini oshiradi.

Hozirgi kunda spritlar o'rniga piktogrammali shriftlardan foydalanish ham mashhur. Bular. Harflar o'rniga tishli piktogramma, kulgichlar va boshqa belgilar ko'rsatiladi. Misol tariqasida Twitter Bootstrap-da ishlatiladigan glifiklarni keltirish mumkin.

Spritlar uchun shriftlarning afzalliklari piktogramma o'lchamini va ularning kichikroq hajmini o'zgartirganda sifatni saqlab qolishdir. Ammo kamchilik shundaki, siz piktogrammada bir nechta rangdan foydalana olmaysiz.

5. Ko'plab selektorlar

Uchdan ortiq selektordan foydalanish tavsiya etilmaydi, chunki bu sayt ishiga ta'sir qiladi.

/* tavsiya etilmaydi, katta joylashtirish */ .page .element .title a () /* qisqartirish mumkin */ .page .element a ()
Brauzerlar CSS-ni o'ngdan chapga o'qiydilar. Bular. yuqoridagi kodda avval sahifadagi barcha havolalar tanlanadi, keyin esa .item elementi ichidagi havolalar tanlanadi.

6. HTML uslublari

HTML ma'lumotlarni (matn, rasmlar) ko'rsatish uchun mo'ljallangan. Kontent dizayni (o'lcham, rang, shriftni o'zgartirish) CSS-da sodir bo'ladi.

Kodda xato

Kodda xato

7. Noto'g'ri sinf nomlari

Ko'pgina maket dizaynerlari, matnni yashil rangga aylantirish kerak bo'lganda, unga .green sinfini biriktiradilar.

Xabar matni

Bu noto'g'ri, chunki ... Dizaynni o'zgartirganda, ko'p ranglar o'zgarishi mumkin, masalan, xabar matni yashil o'rniga ko'k rangda ko'rinishi mumkin. Keyin .green sinfiga ega bo'lgan barcha teglarni qidirishingiz va uni .blue bilan almashtirishingiz kerak bo'ladi.

Xabar matni

Xabar matni

8. Kasr qiymatlaridagi piksellar

Ba'zi brauzerlar "1,5px" kabi kasr qiymatlarida piksellarni ko'rsatishga imkon beradi. Ammo bu noto'g'ri, chunki ... Piksel bo'linmas birlikdir. "1,5px" o'rniga "1,5em" dan foydalanish yaxshidir.

P ( /* noto'g'ri */ harflar oralig'i: 1,5px; /* to'g'ri */ harflar oralig'i: .005em; )

9. Identifikatorlar o‘rniga sinflardan foydalanish

Id o'rniga sinf bo'yicha tanlash tavsiya etiladi, chunki identifikatorli selektorlar sinflarga qaraganda ko'proq vaznga ega va ularni bekor qilish qiyin bo'ladi.

#modal a ( rang: ko'k; ) /* pastdagi rangni bekor qilib bo'lmaydi, chunki #modal sinflarga qaraganda ko'proq vaznga ega */ .modal-header a (rang: #333; ) /* bu holda siz #modal */ #modal .modal-header a (rang: #333; ) qo'shishingiz kerak bo'ladi.
Foydalanish ham tavsiya etilmaydi!muhim, chunki uning og'irligi id atributidan yuqori va uni bekor qilish ham qiyin bo'ladi.

10. Menyu

Menyu ro'yxat sifatida formatlanishi kerak.

Bosh sahifa Yangiliklar Kompaniya haqida

• uy
• Yangiliklar
• Kompaniya haqida

11. Rasmlar uchun alt belgisi yo'q

Alt atributi teglarda ko'rsatilishi kerak (bo'sh bo'lishi mumkin).

12. Teglar

Har bir sahifada tegda faqat bitta sarlavha bo'lishi kerak

. Asosan, bu teg sahifaning sarlavhasini o'z ichiga oladi.

13. Transkripsiya

Barcha elementlarning nomlari inglizcha tarjimada yozilishi kerak. Ingliz tilida so'z qanday yozilishini bilmasangiz ham, uni tarjima qiladigan ko'plab bepul xizmatlar mavjud. Transkripsiyada elementlarning nomlari paydo bo'lganda, u noprofessional ko'rinadi.

/* noto'g'ri */ .tovar () .stranica () .zapros () /* to'g'ri */ .mahsulot () .page () .so'rov ()

14. Clearfix

Clearfix haqida qisqacha yozish qiyin, lekin men shuni ta'kidlaymanki, mening fikrimcha, ko'plab maket dizaynerlari xato qilishadi.

class.clearfix asosiy tegda ko'rsatilishi kerak va uning yonida joylashtirilmasligi kerak.

15. HTML - dasturlash tili

Ba'zi HTML bilan yangi tanish bo'lganlar HTMLni dasturlash tili deb o'ylashadi. Aslida HTML dasturlash tili emas, uni Microsoft Word bilan solishtirish mumkin. Masalan, matnni qalin qilish uchun Word dasturida tugmani bosish kerak, HTMLda esa kodni yozish kerak. Bular. HTML shunchaki matn, rasmlar, jadvallar va boshqa elementlarni qo'shadigan vositadir.

Kaskadli uslublar jadvallari (CSS) veb-sahifani tashrif buyuruvchilar uchun jozibali qilish uchun ishlatiladi. Bundan tashqari, CSS uslublar jadvallari veb-sahifani loyihalash jarayonini sezilarli darajada soddalashtiradi. CSS shuningdek, butun saytni tahrirlashdan ko'ra, bir joyda o'zgartirishlar kiritish imkonini beradi. Shunday qilib, siz saytning har bir veb-sahifasiga tashrif buyurishingiz va ularni tahrirlashingiz shart emas.

CSS sizga qimmatli vaqt va energiyani tejaydi. Kaskadli uslublar jadvallari, nomidan ko'rinib turibdiki, odatda "kaskad" deb ataladigan ustuvor ro'yxat asosida veb-sahifalardagi elementlar uchun o'ziga xos uslubni belgilaydi. Bundan tashqari, u sizning saytingiz veb-sahifalaridagi turli elementlarni boshqarish imkonini beradi. Bitta CSS uslublar jadvali butun veb-saytning shriftini, formatini, matn hajmini, joylashishini, uslubini va rangini boshqarishi mumkin. Kaskadli uslublar jadvallari veb-saytingiz taqdimoti va ko'rinishini o'zgartirishi mumkin bo'lsa-da, ularning veb-sayt dizayni bilan hech qanday aloqasi yo'q.

CSS webmasterga ko'p jihatdan yordam berishi mumkin. CSS tufayli veb-saytingiz yanada jozibali dizaynga ega bo'ladi. Aytish joizki, hatto qidiruv tizimlari ham CSS-ga asoslangan veb-saytlarni qidirish indeksida tartiblashda afzal ko'radi.

Sayt taqdimotini uning mazmunidan ajratish.

CSS yordamida siz saytingizning tashqi ko'rinishini juda ko'p nazorat qilishingiz mumkin, chunki bu texnologiya turli uslublar jadvallarini saytingiz matni bilan bog'lash imkonini beradi. Natijada, agar siz veb-sahifadagi biron bir elementning ko'rinishini o'zgartirishingiz kerak bo'lsa, siz faqat bitta tashqi CSS uslublar jadvali faylini tahrirlashingiz kerak va u butun veb-saytda aks etadi. Bunday yondashuv nafaqat saytni boshqarishning moslashuvchan jarayonini ta'minlaydi, balki vaqtni sezilarli darajada tejaydi.

Saytni yuklash tezligini oshirish.

Kaskadli uslublar jadvallari matnli fayllar bo'lgani uchun ular engil va kamroq tarmoqli kengligidan foydalanadi, bu esa o'z navbatida saytingizni yuklash tezligini oshiradi. Statistik ma'lumotlarga ko'ra, CSS-ga asoslangan tashqi uslublar jadvallarini ishlatadigan sayt ushbu texnologiyasiz shunga o'xshash saytga qaraganda taxminan etti marta tezroq yuklanadi. Matnli hujjatlar juda tez yuklanganligi sababli, veb-sahifalar deyarli bir necha soniya ichida taqdim etiladi, bu sizning saytingizga tashrif buyurganingizda umumiy tashrifchi tajribasiga ijobiy ta'sir qiladi.

CSS veb-sahifadagi istalgan elementning o'rnini o'zgartirishni osonlashtiradi. Masalan, menyu har qanday joyda joylashtirilishi mumkin: chap, o'ng, yuqori yoki pastki. Shu bilan birga, elementlarni bunday joylashtirishning asosiy maqsadi qidiruvi robotlari birinchi navbatda veb-saytingizning asosiy mazmunini skanerlashini ta'minlashdir. Bunga erishish uchun HTML kodidagi asosiy tarkibdan keyin menyular kabi barcha yordamchi elementlarni joylashtirish kerak.

Zamonaviy brauzerlar bilan CSS mosligi.

Hozirda juda ko'p turli xil brauzerlar mavjud bo'lganligi sababli, veb-usta uchun mutlaqo barcha brauzerlarda veb-saytning funksionalligini tekshirish qiyin. Biroq, agar siz standart CSS-ga asoslangan tartibni qo'llab-quvvatlasangiz, bu muammo osongina echiladi.

Yuqoridagilardan ko'rinib turibdiki, CSS texnologiyasi zamonaviy, jozibali veb-saytlarni yaratish vositalarini taqdim etishdan tashqari, bir qator muammolarni hal qilishga yordam beradi. Bu o'z-o'zidan CSS-ning yuqori ahamiyatini belgilaydi.

Internetdagi eng qadimgi xizmatlardan biri forumlardir. Ushbu aloqa platformalari birinchilardan bo'lib paydo bo'lgan va o'shandan beri deyarli o'zgarmagan. Ammo yoshi katta bo'lishiga qaramay, ular hali ham o'z vazifalarini bajara olishadi. Bu yerda odamlar muloqot qiladi, savol beradi va javob oladi.