Верстка – это элементы веб-страницы (изображение, текст и пр.) структурированные на языке HTML и размещенные на странице согласно заданному шаблону.
Общепринятого макета внешнего вида нет. Расположение элементов зависит от желаний клиента и решений веб-мастера.
При создании верстки нужно принимать во внимание параметры отображения страниц в разных браузерах.
Типы верстки
Разработка внешнего вида страницы начинается с определения макета (созданного в графическом редакторе) с желаемым результатом. Верстка бывает с табличным и блоковым шаблоном.
Табличный шаблон верстки. Макет разбивается на горизонтальные области – этажи. И на вертикальные области именуемые колонки. Таким образом на странице образуется модульная сетка. Моделируется каждый отсек сетки.
Сайт конструированный таким способом имеет неизменный внешний вид и не изменяется под параметры браузеров. В этом случает каждый элемент имеет фиксированную позицию. Независимо от расширения экрана. При использовании неподходящего расширения картинка сайта может располагаться искаженно. С одного края или скрывать некоторый текст.
Блоковый шаблон выполняется с применение разделения страницы на блоки и обработки их индивидуально. Страница созданная таким образом имеет меньший вес и загружается быстрее. Изображение подстраивается под различные браузеры и не искажается. При разработке макета таким образом вся страница представляется в виде 100% и каждый элемент имеет свое место в процентном соотношении. При увеличении расширения экрана общая картинка сайта увеличивается планомерно. Сохраняя свои пропорции и первоначальный вид.
Основные требования к верстке
После преобразования всех элементов в HTMLи расположения их по своим блокам шаблон страницы проверяют на валидность с параметрами поисковиков и индивидуальных особенностей для пользователей. Верстка должна отвечать индивидуальной тематике и требованиям сайта. Но из основных требований можно выделить:
- Кроссбраузерность. Отсутствие искажений внешнего вида страницы при просмотре с разных браузеров;
- Семантическая корректность. Сохранение общей картины информации при изменении шрифта и размера страницы в браузере;
- Не происходит ли критического искажения при отключении показа изображений;
- Насколько влияет расширение монитора пользователя на отображение сайта;
- Скорость обработки кода HTML браузером пользователя;
- Верстка должна быть гибкая. При необходимости удаления или замены определенного элемента, не должно быть критического искажения общего внешнего вида страницы.
Комментарии (0)