Адаптивна верстка. Кросбраузерність.

Адаптивна верстка

Гумова верстка

Блокова верстка

background-color

background

color

color-background

дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку

це процес створення веб-сторінок із попередньо створеного макету дизайну сайта, заздалегідь намальованого за допомогою графічних редакторів

це властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

це підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку

це процес створення веб-сторінок із попередньо створеного макету дизайну сайта, заздалегідь намальованого за допомогою графічних редакторів

це властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

це підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

< body >

< head >

Вкінці документа

< script >

спосіб опису блоків де розміри задаються не в статичному, а у відсотковому розмірі

спосіб опису блоків де розміри задаються в статичному розмірі.

спосіб опису блоків де розміри задаються не в статичному, а у піксельному розмірі.

спосіб опису блоків де розміри задаються не в статичному, а за допомогою параметрів margin та padding.

зовнішній відступ блоків

внутрішній відступ блоків

позиціювання блоків відносно інших

калькуляцію значень параметрів

зовнішній відступ блоків

внутрішній відступ блоків

позиціювання блоків відносно інших

калькуляцію значень параметрів

для фірмового дизайну

для адекватного відображення сайту на різних моніторах

для адекватного відображення графіки на сайті

правила CSS, які дозволяють керувати стилями елементів залежно від значень технічних параметрів пристроїв

пошукові (ключові) слова, які створює користувач

правила CSS, які дозволяють створювати запити на різних пристроях

пошукові (ключові) слова, які створює користувач через різні браузери

Перегляд сайтів із фіксованою версткою на планшеті став незручний.

Мобільні сайти не були оптимізовані під екрани великих розмірів.

Мобільний Інтернет став дешевий і швидким.

Мобільні телефони стали потужнішими.

прив'язки до конкретного розміру пристрою

оголошення медіа-запиту

 перевірки відповідності розміру пристрою

встановлення параметрів стилю