Макеты сайтов можно классифицировать по различным признакам. Например, по ширине сайта их можно подразделить на фиксированный, резиновый, эластичный, адаптивный, комбинированный.
А теперь расскажем о них подробнее.
Фиксированным макетом называют такой макет, ширина у которого фиксирована, то есть имеет постоянное значение. Этот макет находится в центре экрана. На него не влияет ни разрешение окна браузера, ни размер самого монитора, поэтому в таких случаях на экране остается большое количество свободного пространства.
Резиновый занимает всё пространство экрана, располагается во всю ширину. Такой сайт отлично смотрится на любом мониторе, пространство занято, нет пустот. Но такие сайты немного сложнее при разработке.
Эластичный предполагает изменение «под себя». Это наиболее удобно в работе. Данный макет отличается от предыдущих тем, что при изменении размера шрифта будет изменять и размер элементов.
Адаптивный макет можно подстроить под разрешение монитора или окна браузера, меняя ширину макета, количество колонок, размеры изображений и текста. Для реализации такого макета заготавливается несколько стилевых файлов под разный диапазон разрешений. Такой макет очень сложен в разработке, так как, по сути, нужно сверстать несколько вариантов таких макетов под каждое предполагаемое изменение.
Комбинированный макет – это гибрид. Что-то в этом макете остается фиксированным, что-то становится резиновым.
А теперь расскажем о них подробнее.
Фиксированным макетом называют такой макет, ширина у которого фиксирована, то есть имеет постоянное значение. Этот макет находится в центре экрана. На него не влияет ни разрешение окна браузера, ни размер самого монитора, поэтому в таких случаях на экране остается большое количество свободного пространства.
Резиновый занимает всё пространство экрана, располагается во всю ширину. Такой сайт отлично смотрится на любом мониторе, пространство занято, нет пустот. Но такие сайты немного сложнее при разработке.
Эластичный предполагает изменение «под себя». Это наиболее удобно в работе. Данный макет отличается от предыдущих тем, что при изменении размера шрифта будет изменять и размер элементов.
Адаптивный макет можно подстроить под разрешение монитора или окна браузера, меняя ширину макета, количество колонок, размеры изображений и текста. Для реализации такого макета заготавливается несколько стилевых файлов под разный диапазон разрешений. Такой макет очень сложен в разработке, так как, по сути, нужно сверстать несколько вариантов таких макетов под каждое предполагаемое изменение.
Комбинированный макет – это гибрид. Что-то в этом макете остается фиксированным, что-то становится резиновым.