Верстка й її критерії якості

Відео: Калібрування монітора від А до Я. Критерії якості калібрування. Олексій Шадрін

Відео: Олександр Люстік: Критерії якості для MFA і MFS

верстка - це процес перетворення картинки (наприклад, в PSD, JPG, PNG та інших форматах) в HTML-сторінку. Тобто Ви зробили дизайн сторінки, але це ще не сторінка, так як ще немає абсолютно ніякої інтерактивності. І ось після створення дизайну настає час верстки. А в цій статті я розповім про критерії якості верстки.

Ось ті критерії якості верстки, за якими можна визначити, наскільки якісно зроблена верстка:

Відео: Урок 5 HTML заключний урок

1. Збіг з дизайном. Рідкісне явище, коли дизайн на 100% збігається з версткою, але дуже близький збіг необхідно забезпечити. Дуже близький збіг з дизайном означає, що при погляді спочатку на дизайн, а потім на верстку, вкрай важко назвати відмінності. Безумовно, якщо в дизайні відступ 10 пікселів, а Ви поставили 8, то ніхто цього не помітить, і дефектом це бути не буде.
2. кросбраузерність. Цей критерій характеризує, наскільки сайт добре виглядає в різних браузерах. Відразу скажу, практично неможливо зробити 100% однакове відображення у всіх браузерах (тим більше, що їх сотні, а разом з версіями і тисячі). Однак, забезпечити адекватне відображення в усіх сучасних браузерах (Firefox, Opera, IE, Chrome - останніх версій), а також деяких старих (IE8, IE7, IE6) Обов`язково потрібно.
3. Адаптація під різні дозволи. У більшості випадків проблема виникає при низькій роздільній здатності, а точніше при маленькій ширині екрану. На даний момент адаптувати сайт рекомендується під ширину екрану 1024 пікселів і більше. Адаптація під різні дозволи екрану, в більшості випадків, означає відсутність горизонтальної смуги прокрутки.
4. Чистий і валідний код. Під чистим кодом мається на увазі такий код, в якому без проблем розбереться стороння людина. Тобто все має бути структуровано, внутрішні теги повинні мати відступ від зовнішніх, все класи і id повинні мати адекватні імена. А про важливість валідності писалося тут: валідність html-коду.

приблизно 50% верстальників (в тому числі і всякі компанії) забезпечують лише 1-й пункт і трохи 2-й. Десь 49% не забезпечують взагалі нічого, тобто їх верстка просто потворна. І лише 1% дійсно якісно верстають. На жаль, я не знайомий з такими верстальниками, але сайти добре зверстані є, значить, і відмінні верстальники є, але їх дуже мало.

Відео: Топ-20 поведінкових факторів сайту

Мені б дуже хотілося, щоб Ви потрапили в цей 1% асів верстки, які забезпечують всі 4 пункту, але для цього потрібно дуже добре знати HTML і CSS і, головне, практикуватися, регулярно практикуватися, причому в простому редакторі, а не в якомусь DreamWeaver (Якщо використовуєте візуальну частину цього редактора, то Ви автоматично потрапляєте в ті 49%). Тому щодня практика, і вже через пару місяців Ви будете добре верстати.

І, нарешті, відмінним варіантом навчання верстці буде ось цей курс: Верстка сайту з нуля - який навчить Вас всім азам, покаже кілька прикладів верстки різних сторінок і дасть масу вправ для закріплення знань.