Mavzu: htmlda moslashuvchanlik (responsive) veb dizayn Reja

Mavzu: HTMLda moslashuvchanlik (responsive) veb dizayn

Reja:

• Responsive dizayn haqida tushuncha
• Responsive va adaptive va mobile dizaynlar
• Media queries haqida
• Flexible media

Moslashuvchan veb dizayn nima?

Moslashuvchi veb-dizayn bizning veb-sahifamizni barcha qurilmalarda yaxshi ko'rinishida imkon beradi.

Moslashuvchi veb-dizaynda faqat HTML va CSS dan foydalaniladi.

Moslashuvchi veb-dizayn bu dastur yoki JavaScript emas.

 

Veb-sahifalarni turli xil qurilmalar yordamida ko'rish mumkin: Kompyuterlar, planshetlar va telefonlar. Qurilmangizdan qat'i nazar, veb-sahifangiz yaxshi ko'rinishi va ulardan foydalanishda qulay bo'lishi kerak.

Veb-sahifalar kichikroq moslamalarga mos keladigan ma'lumotlarni qoldirmasligi kerak, aksincha uning tarkibini har qanday qurilmaga moslashtirishi kerak:

Tarkibni hajmini o'zgartirish, yashirish, kichraytirish, kattalashtirish yoki har qanday ekranda yaxshi ko'rinishga ega bo'lish uchun CSS va HTML-dan foydalanganda, bu responsive veb-dizayn deb nomlanadi.