Услуги

Верстка

Возможна постановка на WordPress или на самописную легковесную CMS (на текущий момент версткой не занимаюсь). Конечным продуктом будет готовый полноценный сайт.

Верстка — обязательный этап в процессе создания веб-сайта. Она подразумевает преобразование дизайнерского макета в уже готовую веб-страницу, которая создается с помощью HTML (гипертекстовая разметка) и оформляется в CSS (таблица стилей).

Верстка сайта и постановка на WordPress

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

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

Блочная или табличная?

Есть два способа для верстки сайтов — использование блоков (<div>) или таблиц (<table>). В итоге внешний вид страницы будет абсолютно одинаковым. Однако, табличный вариант имеет недостаток в большом размере документа, что сказывается на скорости обработки странички веб-браузером, ведь таблицы не предполагалось применять для создания каркаса страниц. Как результат получаем верстку в которой лишние элементы, долго загружающийся сайт и вероятность получения ошибок. Поэтому, лучше использовать блочную верстку, она надежнее и правильнее.

Блочная или табличная?
Блочная или табличная?

Статичная или резиновая?

Создавая сайт следует учитывать, что пользователи могут просматривать его на устройствах с разным разрешением экрана. Отсюда выходит два метода верстки — статичная и резиновая. Первая предполагает указание фиксированных размеров сайта в пикселях, при этом не важно какое разрешение у посетителя, страница будет иметь статичный размер. Обычно используются размеры с учетом того, что у пользователя разрешение минимум 1024х768. Резиновая верстка предусматривает указание размеров в процентах от разрешения пользовательского экрана. Это значит, что страница будет менять размер исходя из разрешения у пользователя. Если оно больше, то сайт растягивается, меньше — сужается.

Статичная или резиновая?

Резиновая верстка раньше была более актуальной, поскольку позволяет рациональнее использовать пространство. Сейчас же больше склоняются к статичной, поскольку она дает возможность комфортно просматривать сайты как на широком мониторе, так и на мобильном устройстве с небольшим разрешением, на котором растягивание выглядит не слишком удачно. Ширина страницы при статичной верстке обычно сдержится в пределах 900 пикселей.

Валидность верстки

Валидная верстка — это когда структура и исходный код сайта созданы в соответствии с мировыми стандартами. Любой современный браузер отобразит такую страницу корректно. Чтобы проверить валидная ли верстка можно использовать специальную программу wc3.

Кроссбраузерность верстки

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

Заключение

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

Не забывайте использовать программу-валидатор, чтобы проверить код на «чистоту» и валидность. Для проверки сайта используйте разные браузеры: Google Chrome, Opera, Safari, Mozilla Firefox и Internet Explorer. Проверяя в IE обязательно сделайте это на нескольких версиях бразуера (начиная с 8-й), поскольку есть пользователи которые используют старые версии. Если даже в одном из браузеров сайт будет отображаться некорректно, то все пользователи, которые им пользуются пройдут мимо вашего ресурса.

Если Ваш проект довольно сложны и объемный, то следует нанять независимого тестера для проверки работоспособности.

Соц. сети