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

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

Этапы создания макета сайта. Часть 3. Разметка макета сайта.

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

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

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



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


Продолжаем рассматривать тему «Этапы создания макета сайта» и создавать свой макет для будущего сайта. В предыдущих двух статьях мы определись с:


Размерами будущего макета сайта;

Основным фоном для макета сайта.


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


Если ваша работа по созданию сайта плановая, и вы уже прошли подготовительный этап «Разработка структуры сайта». Если вы разработали «Web-дизайн сайта», а сейчас вышли на финишную прямую в этом вопросе и создаете «Макет сайта». То у вас должна быть разработанная модульная схема сайта.


Разметка  макета сайта


Как отмечалось раньше, это может быть эскиз на листе бумаги или блочная схема в любом редакторе (можно и Microsoft Word) вашего будущего сайта. Необходимость иметь такую схему позволит вам не только двигаться запланированным курсом, а не шарахаться из стороны в сторону без всяких на то веских причин, но и иметь четкое представление, что надо делать, проводя разметку макета сайта.


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


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


В первоначальной разметке, которая составляется до, какой либо, прорисовки макета сайта, в первую очередь выделяются основные модули сайта. Выделяются шапка(header), основная часть(content) и подвал(footer). Размеры шапки и подвала, как правило, фиксированные, поэтому величина их определяется согласно уже имеющимся правилам. Все это, как правило, учитывается при разработке и создании модульной схемы сайта. Если вы не знаете, как это делается, прочитайте мою статью «Создание внешней структуры сайта. Часть 2. Модульная схема сайта».


Разметка  макета сайта


Кроме основных модулей в процессе разметки макета сайта, возможно, некоторое увеличение детализации макета сайта. Что имеется ввиду. На этапе разметки макета сайта вы можете включить в разметку дополнительные блоки в основной части и других модулях. К этим дополнительным модулям, как правило, относятся колонки вертикального меню и дополнительной информации сайтбары (sidebar), область горизонтального меню и т.д.


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


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


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



Поделиться

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

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


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


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

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

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

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

Z255632435111

R174106546724

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

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

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

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

Статей: 107

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

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

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