Декабрь 19, 2019 Просмотры 101 просмотр

Особенности верстки сайта

Верстка сайта представляет собой процесс формирования веб-страницы на основе готового макета. В процесс верстки входит создание кода страницы посредством языка разметки гипертекста html, а также оформление страницы с помощью CSS, то есть каскадных таблиц стилей.

Для сохранения качества дизайна, должен быть учтен тот факт, что пользователи просматривают интернет с мониторов, имеющих различное расширение. Дизайн-макет сайта может иметь резиновую или фиксированную ширину. Расчет фиксированной ширины происходит от разрешения 1024х768 пикселей, то есть от самых распространенных параметров мониторов. Для исключения появления горизонтальной полосы прокрутки и возможных искажения дизайна средняя ширина макета должна равняться 800-990 пикселей. Однако этот способ верстки имеет недостаток в виде неэффективного использования свободной площадки. Резиновый макет создается из расчета того, что в качестве единиц измерения при верстке используются проценты, что позволяет растягивать макет на ширину окна браузера.

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

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

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

Блочная верстка, то есть верстка посредством слоев, дает больше возможностей для компактного кода без излишеств, а также имеет ряд других преимуществ, в частности соответствует кодам html и CSS, а также легко поддается редактированию за счет простоты кода и разбивки его на блоки.


Просмотры 101 просмотр

Отзывы

Админ
Отлично!
Март 28 Админ

Статьи и обзоры Все статьи

Автодержатель - незаменимая вещь для тех, кто за рулем. Фаблеты, ...
Как подключить роутер? Этот вопрос задается в месяц более 70 ...
Хостинг предоставляет место для хранения файлов вашего сайта. Если привести ...
Криптовалюта - это цифровые деньги, или как ее еще называют ...