Адаптивна верстка. Кросбраузерність. Графіка для веб-середовища.

класичний дизайн веб-сторінки

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

структура проекта для адаптацій у файлообмінниках

створення макета на основі модульної сітки для верстання сторінок

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

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

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

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

<div id=“Block1”> </div>

<div class=“Block1”> </div>

<div> </div>

<Block1> </Block1>

встановлення кольору контуру блоку

встановлення параметрів розміщення блоків для браузера Solidario

встановлення значень позиціювання блоків

встановлення способів взаємного переміщення блоків

background-color

background

color

color-background

так

ні

Ці праметри не мужуть набувати таких значень

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

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

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

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

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

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

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

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

підхід до розробки html-кода (верстка), який забезпечує коректне відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує гнучке відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує змінне відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує адаптивне відображення у всіх браузерах інформації відповідно смаків користувача.

Chrome

Mozilla Firefox

Edge

Opera

Safari

Internet Explorer

Chrome

Opera

Mozilla Firefox

Safari

Internet Explorer

Edge