Как сделать верстку сайта - Создание сайтов - Заработок в Интернет - Каталог статей

Разработка сайта осуществляется поэтапно. Так, при создании сайта верстка psd-макета является следующим шагом после разработки дизайна сайта.

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

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

Виды верстки сайта. Традиционно выделяют блочную (div-верстку), табличную и смешанную верстку.

Блочная верстка соответствует всем существующим html-стандартам, страницы всегда отображаются правильно вне зависимости от используемых устройств. Блочная верстка достаточно легкая и имеет компактный код. Еще одним важнейшим преимуществом такого вида верстки является небольшой вес её элементов, что позволяет страницам загружаться в разы быстрее. Но есть и ряд недостатков блочной html верстки сайта: разными браузерами она может отобраться по-разному (появляется плывучесть верстки), также, если разрешение экрана небольшое, то при использовании другого размера шрифта такие параметры верстки, как длина и ширина, будут меняться.

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

Валидность.

В веб-дизайне существуют свои стандарты работы. Консорциум W3C осуществляет функцию надзора за развитием используемых языков при создании веб-страниц, в том числе и HTML. Разрабатываются специальные рекомендации-спецификации по применению. Язык HTML достаточно просто идентифицируется браузерами. Именно поэтому он чаще всего используется в процессе создания сайта.

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

Кросбраузерность.

Некоторыми браузерами верстка может отображаться по-разному (появляется плывучесть верстки). Поэтому в процессе создания сайта сверстанный макет должен правильно отображаться во всех популярных браузерах, таких как: IE 6-8, последняя версия FF, последняя версия Opera, последняя версия Safari (исключая бета-версии этих браузеров). То есть во всех браузерах ваш сайт должен отображаться корректно.

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

Правильная верстка сайта - верстка на 80-90% должна совпадать с макетом (дизайном), быть валидной и кросбраузерной.

Поделитесь с друзьями:

Еще статьи:

Читайте в основных разделах сайта:

Категория: Создание сайтов | Добавил: Anna (29.05.2016)

Просмотров: 1568 | Теги: верстка сайта, Как сделать верстку сайта, разработка сайта, дизайн сайта | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Рассылка "Зарабатывай легко!"