Создать шаблон. Лист

Добрый день уважаемые читатели! Я продолжаю свой рассказ о том как создать шаблон с помощью программы Artisteer. В прошлый раз я остановилась на вкладке Фон, а сейчас  хочу предложить вам рассмотреть вкладку Лист. Данная вкладка имеет ряд инструментов, позволяющих настроить отражение внешнего вида шаблона. В последствии именно на Листе у вас будут находиться все элементы сайта — меню, блоки, хедер, футер и контент. И теперь , о главном….

Как обычно, это правило придумали создатели программы, это вкладка начинается с кнопки «Предложить идею». Думаю по моим прошлым материалам о программе Artisteer вы уже догались, что здесь можно просто щелкать мышкой и выбрать понравившиеся оформление Листа. Как всегда разработчики постарались предложить не один вариант . Выбирай — не хочу. Но так как мы рассматриваем все возможности создания шаблона, то предлагаю познакомиться с остальными инструментами вкладки Лист.

Для начала следует определиться с внешним видом листа. Для этого просто нажмите вот эту стрелочку

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

 

 

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

В открывшемся окне предлагается произвести настройку не только ширины листа, но и установить Верхний отступ, Отступ, Радиус скругления, Ширина границы, Прозрачность и Тень.

Хоть последние шесть пунктов авторы программы и вынесли отдельными пунктами, но удобнее всего будет устанавливать эти параметры в этом окне.

Верхний отступ — создает отступ сверху

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

Отступ — создает отступ от границы листа как по вертикали так и по горизонтали..

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

— прямой угол

— максимально возможное в программе закругление углов.

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

Тень — будет ли от листа падать на фон тень так же зависит от вашего желания
Можно поэксперементировать с Размером, Прозрачностью, Расстоянием и углом тени.
Цвет заливки — этот параметр несет теже в себе функции , что во вкладке Фон и поэтому думаю не стоит уделять снова ему внимание.
Цвет границе — позволяет при выборе листа с границей установить ее цвет. Здесь такая же цветовая панель как и при выборе цвета заливки.

Хочу просто при работе с цветом учитывать несколько моментов: цвета фона, листа и границы должны гармонировать и сочетаться. При этом следует учитывать что при просмотре не должно напрягаться зрение от «ядовитого» сочетания.

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

На этом рассмотрение вкладки Лист закончилось. Но продолжение следует…..

Если вы не хотите пропустить появление новых материалов на блоге «Seo записки отчаянной«,  то предлагаю подписаться на обновление в удобной для вас форме.

Удачи!

Вам понравилась статья? Расскажите о ней друзьям!