Sait visitka2PystoBlog2PystoKatalog2PystoInternet mag2PystoPortal2PystoKorporation sait2

Верстка

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

Верстка начинается с «нарезки» дизайна сайта: отделения отдельных графических элементов из макета, который разрабатывает дизайнер. Это может быть psd шаблон (формат adobe photoshop), jpg картинка, corel. Далее готовые нарезанные элементы дизайна переводятся в html код.

Современное «сайтостроение» требует, чтобы html код должен быть кроссброузерным , то есть нормально отображаться во всех браузерах и валидным - соответствовать стандартам W3C - The World Wide Web Consortium).

По способу реализации верстка бывает блочная (div), табличная (table,tr,td) и комбинированая.

Блочная верстка – это тип верстки, когда каркас сайта формируется из элементов (div).
Преимущества блочной вёрстки:
• небольшой «вес» готовой страницы, следовательно,быстрая скорость загрузки;
• позволяет добиться оптимизированного кода сайта под любые поисковые системы;
• легкость самого процесса верстки, простота и понятность исходного кода;
• соответсвует всем современным веб-стандартам, а именно HTML, CSS, XML;
• правильное отображение страниц сайта на любом компьютере, в том числе и с КПК.

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

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

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

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

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

scroll back to top