Що таке верстка сайту

Категорія: Фрілансерам 12.02.2018 1 156

В цій статті хочу дати саме загальне уявлення про верстку сайту і її види.

Верстка сайту – це процес перетворення дизайну сайта в код, який зрозуміє браузер і зможе показати наш сайт в задуманому вигляді.

Як правило, дизайн сайту розробляється в програмі Photoshop і цей файл має розширення PSD (PhotoShop Document).

При верстці сайту потрібно розуміти, що існує багато розмірів моніторів, телефони і планшети. На цих всіх пристроях можна керувати виглядом нашого сайту.

Тому верстка сайту має свої підходи. Давайте розглянемо деякі способи верстки:

Таблична

Це досить старий і не гнучкий вид верстки.

В основу цього способу йде використання таблиць з прозорими рамками.

На сьогодні деякі верстальники продовжують верстати подібним способом, але професіонали вже давно перейшли на блочний спосіб верстки.

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

На сьогодні це самий популярний вид верстки.

З назви можна зрозуміти, що такий сайт складається з блоків, які досить гнучко можна між собою розмістити і надати відповідний вигляд.

Як було сказано: блочна верстка досить гнучка і має своє розгалуження способів верстки.

Фіксована чи статична верстка

Незалежно, яка буде ширина браузера, сайт не буде змінювати свій вигляд. З цим видом верстки ми всі знайомі.

Всі елементи займають строго своє місце і якщо розмір екрана досить великий, то з’являється багато місця по краях.

В деяких випадках це може бути не зручно, тому давайте розглянемо і «резинову» верстку.

Резинова верстка

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

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

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

Основна перевага сайту зверстаного за допомогою адаптивного варіанту верстки буде у зручному вигляді на будь-якому пристрої, не залежно: чи це буде телефон чи комп’ютер. Це досягається за рахунок використання різних стилів під різну ширину браузера.

Кросбраузерність

Зверстати сайт - це частина рішення. Основна з проблем верстки - це не однаковий вигляд сайту на різних браузерах (chrome, opera, firefox).

Тобто, якщо ми відкрили сайт в браузері Chrome, то є вірогідність, що для прикладу в opera чи firefox сайт може відображатися по іншому. Треба попрацювати над питанням кросбраузерності.

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

Причина цієї проблеми в тому, що різні браузери використовують різні технології. Хоча зараз все йде до загальних стандартів, щоб цієї проблеми не виникало, але при розробці сайту варто врахувати цей момент.

 

В цій статті лише узагальнено, розкрив тему верстки і її тонкощів, якщо ви хочете розвиватися в напрямку верстальника сайтів, то на цю тему знайдете багато курсів і відповідно статтей на нашому сайті.

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

Якщо вам сподобалася стаття, поставте лайк і буду радий прочитати вашу думку в коментарях про цей матеріал.

Поділися з друзями:

Будь частиною проекту

Напиши мені повідомлення

Можливо є якісь питання чи зауваження?
Що подобається, що ще б хотіли бачити на цьому проекті?

Написати свою думку