Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Макет сайта /

Виды макетов сайта. Часть 1 Макет сайта с фиксированной шириной.

АвторАвтор: aklychin

Дата добавленияДата добавления: 28.05.2013

Число просмотровЧисло просмотров: 8567



Здравствуйте уважаемый читатель блога "Основы сайтостроения и web дизайна".


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


Как этого добиться в разрезе того, что возможности современных мониторов усиливаются все быстрее и быстрее. Особенно это заметно на разрешении экрана. Вроде бы недавно преобладающее разрешение 1024х768 уже утратило свои позиции. Перед написанием статьи я посмотрел статистику своего блога. Четвертую часть посетителей сайта составляют пользователи с разрешением монитора 1366х768, а вроде бы некогда популярное разрешение 1024х768 занимает почетное, но пятое место.


Макет сайта с фиксированной шириной


Логично на все это отреагировали и веб технологии. На сегодняшний день классификация макетов сайта по ширине насчитывает пять видов макетов сайта. К этим видам относятся:


• Макет сайта с фиксированной шириной;

• Резиновый макет сайта;

• Эластичный макет сайта;

• Адаптивный макет сайта;

• Комбинированный макет сата;


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


Макет сайта с фиксированной шириной – это наиболее популярное в современном сайтостроении решение, и поэтому сайты с фиксированной шириной, встречаются, заметно чаще.


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


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


Макет сайта


Основными плюсами макета для сайта с фиксированной шириной можно считать такие направления, как:


1. Простота в создании макета сайта;

2. Возможность применения даже самых сложных эффектов или дизайнерских решений;

3. Возможность определение ширины зоны основного контента, что в свою очередь повышает читабельность текстов;

4. Относительная простота и незамысловатость процесса подготовки графики для ее размещения на сайте;

5. Не сложная верстка макета для сайта с фиксированной шириной.


Однако, не смотря на все плюсы макеты для сайтов с фиксированной шириной, имеют и свои минусы. К минусам можно отнести:


1. Довольно неприглядное представление сайтов на мониторах с большим разрешением. Так, к примеру, сайт с шириной 960рх смотрится, как то не очень привлекательно (слишком узко) при разрешении монитора 1920х1080.


2. Со значительным увеличением разрешения монитора и невозможностью изменять ширину зоны основного контента снижается читабельность текста.


3. Появление горизонтальной полосы прокрутки при разрешении экрана меньшем установленной ширины сайта, что соответственно создает дополнительные неудобства у посетителей.


Макет сайта


И на этом, пожалуй, все. В качестве совета хочу отметить, что при создании макета для сайта с фиксированной шириной большей 1000рх располагайте основной контент в левой части сайта. Это позволит пользователям, у которых разрешение монитора 1024х768 и меньше, не прибегать к услугам полосы прокрутки довольно часто.


Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 12

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017