ВЕРСТКА МАКЕТОВ САЙТА

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

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


кроссбраузерная верстка

В 2013 году наиболее популряными бразуерами в рускоязычном интернете стали:  Google Chrome, Safari, Mozilla Firefox и Opera. Каждый бразуер имеет неприятную особенность  отображать одну и ту же HTML страницу,  по-разному. Все создатели браузеров стремятся прийти к единому стандарту использования языка гипертекстовой разметки, но до сих пор существуют разногласия, поэтому верстка сайтов должна учитывать кроссбраузерность.



адаптивная блочная верстка

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



Адаптивная блочная верстка позволяет комфорнтно просматривать сайт как на смартфоне, планшете или телевизоре с выходом в интернет, так и на обычных компьютерах или ноутбуках. Это позволяет охватить весь спектре устройств без необходимости создания отдельных, мобильных версий сайта.



Главными причинами возникновения и развития технологий адаптивного веб-дизайна стали:

  • увеличение количества различных разрешений устройств, с которых есть возможность выхода в интернет;

  • популярность мобильных устройств с выходом в интернет и увеличение мобильного интернет-трафика.



Сделать верстку сайта можно двумя принципиально разными способами.

ТАБЛИЧНАЯ ВЕРСТКА.


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

БЛОЧНАЯ ВЕРСТКА.


Этот способ значительно удобней и правильней, с точки зрения убеждений о разделении содержания и оформления. Блочная верстка сайтов дает больше возможностей, позволяет сделать код компактнее, и увеличить скорость загрузки веб-страницы. Мы получаем возможность гибко настраивать свойства слоев через подключаемые таблицы стилей CSS./p>

Посмотрите примеры валидной кроссбарузерной адаптивной верстки

Cannot find 'dev-blog-posts-by-tag' template with page ''