Перейти в раздел к "Содержанию"

Как оценить верстку любого сайта

Что нужно знать прежде, чем заказать верстку

Заказчикам (для их пользы) рекомендуется ознакомиться с данной статьей до того, как будет обращение к какому-либо верстальщику, с намерением заказать верстку нужного сайта.

Тем, кто заказывает верстку сайта, необходимо уметь оценить выполненную для вас работу. При этом заказчику необязательно разбираться в HTML и CSS кодах, достаточно усвоить основные критерии, которые практически и определяют качество верстки - ведь от качества сверстанных веб-страниц во многом зависит работа всего сайта. Прочитав данный раздел до конца, Вы узнаете, как оценить верстку вашего сайта и сможете дать оценку работе верстальщика.

Есть большое количество разных верстальщиков, которые предлагают свои услуги. У заказчика есть выбор к кому можно обратиться - это, безусловно, хорошо.

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

Если заказчик оплачивает работу верстальщика, то, естественно, заказчику хочется, чтобы деньги были заплачены не зря. Если платить, то платить за качественную работу. И тут возникают вопросы - что такое качественная верстка сайта? как оценить готовую верстку сайта? К какому верстальщику лучше обратиться?

Ниже указаны основные моменты, определяющие качественную верстку веб-страниц сайта. Это поможет Вам выбрать верстальщика и оценить выполненную верстку сайта.

Основные показатели качественной верстки сайта

1) Если веб-страница верстается с какого-то макета, то на веб-странице должен сохраняться изначальный дизайн макета (не должно быть "косяков"). При этом содержимое веб-страницы всегда должно располагаться по центру окна браузера при большом разрешении экрана.

2) Сайт должен хорошо отображаться во всех основных браузерах - это Internet Explorer, Microsoft Edge, Mozilla Firefox, Opera, Google Chrome, Safari, Яндекс Браузер

Все люди пользуются разными браузерами, и Вы не знаете, в каком именно браузере будет смотреть ваш сайт тот или иной посетитель. Поэтому тут правило одно - сайт должен хорошо отображаться во всех основных браузерах (по-крайней мере в последних версиях на момент верстки).

Браузер Internet Explorer - это отдельная история. Если кратко, то уже нет практического смысла ориентироваться на версии 8 и меньше, т.к эти версии являются сильно устаревшими и не поддерживают многие свойства CSS, используемые при верстке современных сайтов. Статья Браузер Internet Explorer 8 - его актуальность в верстке

Для современных сайтов нижним пределом является IE11, т.к. с 12 января 2016 года компания Microsoft больше не поддерживает браузеры Internet Explorer версий меньше IE11 и переключила свое внимание на разработку браузера Microsoft Edge, который используется в ОС Windows 10.

3) Если дизайн сайта обычный (не спец. широкоформатный и без каких-то особенных элементов на веб-странице), то веб-страница сайта должна отображаться при разрешении экрана 1024х768 без появления внизу окна браузера горизонтальной полосы прокрутки. Мониторами с разрешением экрана 1024х768 пользуется достаточно большое количество людей, поэтому на это следует обращать внимание. К тому же разрешение 1024рх используется для экранов нетбука и планшета. И если Ваш сайт будет хорошо смотреться на этих устройствах, то это дополнительный "плюс". Для более низких разрешений экрана (мобильные устройства - смартфон, планшет) применяют адаптивную (респонсивную) верстку. Также необходимо проверить, чтобы сайт хорошо отображался (сохранял дизайн) на мониторах с более высоким разрешением экрана. Особенно это касается резиновой верстки. При неправильном применении резиновой верстки, на широкоэкранных мониторах при большом разрешении экрана, веб-страница "размазывается" по всей ширине экрана, что плохо сказывается и на дизайне и на удобстве просмотра сайта.

Внимание! - Брак верстки

Отсутствие горизонтальной полосы прокрутки на сайте является признаком хорошего тона. Однако, в этом моменте часто допускают серьезный брак в верстке. Брак заключается в том, что устанавливают запрет на появление горизонтальной полосы прокрутки, и при этом часть информации, которая не умещается на экране меньшего размера, становится просто не видимой для пользователей, например, на экране меньшего размера будет видна только половина статьи, или будет видна только часть товаров на сайте интернет-магазина. Такое отсутствие горизонтальной полосы прокрутки, на деле на много хуже, чем ее наличие. Ведь в этом случае посетитель вашего сайта просто не видит часть информации. Поэтому будьте внимательны в оценке верстки – для владельца сайта это очень важный момент.

Для того, чтобы на экранах меньшего размера не возникала полоса прокрутки, и при этом была видна вся информация (без обрезания, как вышеуказано), выполняют резиновую или адаптивную верстку.

4) Исходный код веб-страницы должен быть валидным, без ошибок. Проверить исходный код на валидность легко. Достаточно зайти на сайт валидатор http://validator.w3.org и в поле "Address" ввести URL нужной Вам веб-страницы сайта. Потом нажмите кнопку "Check".

Однако полное соответствие валидности, еще не является сто процентным показателем правильности составленного кода. Код пишется в определенной последовательности, и нарушение последовательности может вызвать косяки на сайте даже при валидном коде.

Для получения более дополнительной информации, перейдите по ссылке Важность валидного кода

Другие показатели

Есть и другие критерии оценки исходного кода веб-страницы, но, объективно говоря, некоторые из них носят больше теоретический характер, и практически не влияют на работу сайта.

При этом следует отметить, что в зависимости от поставленных задач, правила написания кода могут иметь свои особенности, например, SEO оптимизация, адаптивная верстка, статическая или динамически изменяющаяся информация на странице и т.п.

Вывод:

Как можно понять из данной статьи - качественная верстка сайта - это заметно больше, чем просто верстка, и если Вам требуется верстальщик, то сперва следует узнать уровень его работы, и уже потом обращаться к нему за услугами. Те, кто ориентируется только на цену, чаще оказываются в проигрыше.

Перейдя по ссылке, Вы можете заказать профессиональную верстку сайта.