Верстка сайту - етап створення сторінок, який йде після виконання робіт по графічної частини. Верстка сайту виконується в текстовому редакторі.
Можна виділити наступні методи верстки:
1. Таблична верстка - перший варіант створення структури сторінок, за допомогою якого проводиться завдання модульної сітки, колірного фону, виконується вирівнювання елементів, створення рамок.
2. За допомогою шарів проходить накладення деяких елементів сторінки один на одного з високою точністю. При цьому використовуються скрипти дозволяють змінити властивості шару.
3. За допомогою блокової верстки створюються на сьогоднішній день всі великі портали. Однак блоковий тип верстки набагато складніше, ніж табличний тип
4. Жорстко фіксовані сайти - ширина стовпців, малюнка і інших елементів зафіксовані шляхом введення точного значення цих величин. Подібний дизайн найбільш простою розробляється, проте популярність мобільних пристроїв, планшетів, напрямок компаній-виробників на створення екранів різних дозволів змушує деяких веб-розробників, переходить до інших типів верстки
5. Гумовий тип макета - ширина і довжина всіх макетів задається в процентному співвідношенні з розміром екрану. Позитивних якостей можна назвати рівномірне розташування всіх елементів на екрані, а недоліком - складність проведення роботи.
6. Адаптивна верстка - макет найбільш складно реалізувати, який передбачає не тільки зміну розмірів елементів сторінки з урахуванням дозволу екрану, але і зміна розташування блоків та інших елементів на екрані.
Варто пам'ятати, що тільки перевірка відповіді сервера дозволить визначити ступінь оптимізації зверстаних сторінок сайту.
Для того щоб розібрати гідності подібного методу оформлення сайту, відзначимо основні принципи, які використовуються при створенні адаптивної верстки:
1. Використання гнучкого макета на основі сітки. При цьому відзначимо, що написання «гумового» макету передбачає використання деяких спеціальних тегів.
2. Застосування гнучких зображень.
3. Проведення роботи з медіа-запитами.
Кожен тип верстки має свої переваги і недоліки.
