Вёрстка веб-страниц — процесс формирования веб-страниц в текстовом либо WYSIWYG-редакторе, а также результат этого процесса, то есть собственно веб-страницы (wikipedia).
По сути Верстка - это "оживление" страницы, придание подаваемой информации соответствующий вид, определение поведения навигационных элементов.Курсы JoomMaster от RadiusPRO
Верстка делится по типу и стилю.
Типы верстки:
- Масштабируемый (в народе «Резина»)
- Статичный
Стили верстки:
- Табличная верстка
- Блочная верстка
Масштабируемая или «Резиновая» верстка отличается тем, что дизайн растягивается или сжимается в зависимости от расширения экрана. Это свойство «резинового» шаблона очень удобное, учитывая большой разнос диагоналей мониторов на рынке. Представьте только, что шаблон сверстан под монитор с диагональю 17 дюймов, а просматривают его пользователи с диагоналями в 22 дюйма и 15 дюймов. Если бы шаблон не растягивался, то в первом случае сайт будет выглядеть сиротливо и казаться узким, во втором случае сайт выйдет за рамки монитора, скроется часть функциональных модулей, меню и т.д. (справа). Придется пользоваться прокрутками браузера или масштабировать разрешение браузерного окна - это неудобно, а в некоторых случаях, текст может стать нечитабельным.
Вывод: «резиновый» шаблон – забота о пользователе.
Однако у резинового шаблона есть недостатки. Дело в том, что поскольку он растягивается, весь текст и графические объекты в нем начинают растекаться относительно границ блоков. Что касается текста, то тут проблем нет, но есть случаи, когда контент содержит много графических объектов, которые на разных мониторах будут в разных местах, и в ряде случаев просто невозможно сделать так, чтобы они сохраняли свои места на всех мониторах.
Вывод: при выборе «резинового» шаблона подумайте, не скажется ли это на эстетике представления информации (непосредственно статей)
Масштабируемость шаблона может быть задана или в процентном соотношении или предельно.
Процентное соотношение – параметр, когда задается ширина относительно экрана в процентах. Например 90% означает, что какой бы не был экран ширина шаблона будет 90% его ширины.
Предельное соотношение – параметр, когда указывается минимальная и максимальная ширина шаблона. В этом случае он будет растягиваться или сжиматься до определенных пределов. Такая масштабируемость выбирается, как раз в том случае, когда процентное «растягивание» сильно искажает контент.
Часто применяется, так называемая смешанная масштабируемость. Этот способ применяется, когда необходимо растянуть на весь экран одни части сайта, например шапку и подвал, но при этом держать статичными или в приделах другие, как правило среднюю чать. Здесь все зависит от дизайнерской мысли.
Со статичной версткой все становится ясно уже из описания «резиновой». ЕЕ главное преимущество в том, что в таком шаблоне контент будет представляться во всех мониторах одинаково. А главный недостаток в том, что вид сайта проигрывает, когда он кажется полоской в середине экрана.
Вывод: статичная верстка уступает в качестве «резиновой» и ее использование необходимо в случае, когда крайне важно подать информацию именно в установленном виде.
Табличная верстка как видно из названия выполняется посредством отрисовки таблиц, в ячейках которых располагаются объекты сайта, будь то меню, картинка или баннер.
Табличная верстка дешевая, шаблоны на табличках проще в разработке, но при этом ограничивает возможности при верстке шаблона.Курсы JoomMaster от RadiusPRO
Примечание автора: верстка на таблицах - признак плохого тона.
Блочная верстка более дорогая, в разработке сложнее и дает максимум возможностей при верстке шаблона. При блочной верстке шаблон состоит из «блоков». Представьте себе, что вы строите дом из кирпичей (а именно так и отображаются в браузере блоки). При этом Вы получаете возможность реализовать любые архитектурные решения.
Примечание автора: блочная верстка является признаком хорошего тона и показателем качества шаблона.
Верстка делится по типу и стилю.
Типы верстки:
- Масштабируемый (в народе «Резина»)
- Статичный
Стили верстки:
- Табличная верстка
- Блочная верстка
Масштабируемая или «Резиновая» верстка отличается тем, что дизайн растягивается или сжимается в зависимости от расширения экрана. Это свойство «резинового» шаблона очень удобное, учитывая большой разнос диагоналей мониторов на рынке. Представьте только, что шаблон сверстан под монитор с диагональю 17 дюймов, а просматривают его пользователи с диагоналями в 22 дюйма и 15 дюймов. Если бы шаблон не растягивался, то в первом случае сайт будет выглядеть сиротливо и казаться узким, во втором случае сайт выйдет за рамки монитора, скроется часть функциональных модулей, меню и т.д. (справа). Придется пользоваться прокрутками браузера или масштабировать разрешение браузерного окна - это неудобно, а в некоторых случаях, текст может стать нечитабельным.
Вывод: «резиновый» шаблон – забота о пользователе.
Однако у резинового шаблона есть недостатки. Дело в том, что поскольку он растягивается, весь текст и графические объекты в нем начинают растекаться относительно границ блоков. Что касается текста, то тут проблем нет, но есть случаи, когда контент содержит много графических объектов, которые на разных мониторах будут в разных местах, и в ряде случаев просто невозможно сделать так, чтобы они сохраняли свои места на всех мониторах.
Вывод: при выборе «резинового» шаблона подумайте, не скажется ли это на эстетике представления информации (непосредственно статей)
Масштабируемость шаблона может быть задана или в процентном соотношении или предельно.
Процентное соотношение – параметр, когда задается ширина относительно экрана в процентах. Например 90% означает, что какой бы не был экран ширина шаблона будет 90% его ширины.
Предельное соотношение – параметр, когда указывается минимальная и максимальная ширина шаблона. В этом случае он будет растягиваться или сжиматься до определенных пределов. Такая масштабируемость выбирается, как раз в том случае, когда процентное «растягивание» сильно искажает контент.
Часто применяется, так называемая смешанная масштабируемость. Этот способ применяется, когда необходимо растянуть на весь экран одни части сайта, например шапку и подвал, но при этом держать статичными или в приделах другие, как правило среднюю чать. Здесь все зависит от дизайнерской мысли.
Со статичной версткой все становится ясно уже из описания «резиновой». ЕЕ главное преимущество в том, что в таком шаблоне контент будет представляться во всех мониторах одинаково. А главный недостаток в том, что вид сайта проигрывает, когда он кажется полоской в середине экрана.
Вывод: статичная верстка уступает в качестве «резиновой» и ее использование необходимо в случае, когда крайне важно подать информацию именно в установленном виде.
Табличная верстка как видно из названия выполняется посредством отрисовки таблиц, в ячейках которых располагаются объекты сайта, будь то меню, картинка или баннер.
Табличная верстка дешевая, шаблоны на табличках проще в разработке, но при этом ограничивает возможности при верстке шаблона.Курсы JoomMaster от RadiusPRO
Примечание автора: верстка на таблицах - признак плохого тона.
Блочная верстка более дорогая, в разработке сложнее и дает максимум возможностей при верстке шаблона. При блочной верстке шаблон состоит из «блоков». Представьте себе, что вы строите дом из кирпичей (а именно так и отображаются в браузере блоки). При этом Вы получаете возможность реализовать любые архитектурные решения.
Примечание автора: блочная верстка является признаком хорошего тона и показателем качества шаблона.
