Создать шаблон. Лист
Добрый день уважаемые читатели! Я продолжаю свой рассказ о том как создать шаблон с помощью программы Artisteer. В прошлый раз я остановилась на вкладке Фон, а сейчас хочу предложить вам рассмотреть вкладку Лист. Данная вкладка имеет ряд инструментов, позволяющих настроить отражение внешнего вида шаблона. В последствии именно на Листе у вас будут находиться все элементы сайта — меню, блоки, хедер, футер и контент. И теперь , о главном….
Как обычно, это правило придумали создатели программы, это вкладка начинается с кнопки «Предложить идею». Думаю по моим прошлым материалам о программе Artisteer вы уже догались, что здесь можно просто щелкать мышкой и выбрать понравившиеся оформление Листа. Как всегда разработчики постарались предложить не один вариант . Выбирай — не хочу. Но так как мы рассматриваем все возможности создания шаблона, то предлагаю познакомиться с остальными инструментами вкладки Лист.
Для начала следует определиться с внешним видом листа. Для этого просто нажмите вот эту стрелочку
И у вас откроется окно с десятком всевозможных вариантов. Здесь можно выбрать и с тенью, и верхним отступом, и с овальным загруглением углов. Просто активируйте предполагаемый вариант и вы сразу увидите изменения.
Теперь следует установить размер листа, а с ним определяется и весь размер шаблона. Для этого есть пункт Ширина, позволяющая оставить размер по умолчанию или же установить необходимый вам. Просто решите, что вы желаете видеть — шаблон во всю ширину монитора или огромные фоновые поля по бокам. Программа вам может предложить размеры от 600 до 1000рх. Но сегодня с широэкранными монироми это значение очень маленькое. И поэтому можно задать свое значение ширины , зайдя в Настройки ширины листа
В открывшемся окне предлагается произвести настройку не только ширины листа, но и установить Верхний отступ, Отступ, Радиус скругления, Ширина границы, Прозрачность и Тень.
Хоть последние шесть пунктов авторы программы и вынесли отдельными пунктами, но удобнее всего будет устанавливать эти параметры в этом окне.
Верхний отступ — создает отступ сверху
То есть данное значение позволяет установить отспут от адресной строки до начала основного листа. При создании такого отспупа пространство будет сверху залито фоном.
Отступ — создает отступ от границы листа как по вертикали так и по горизонтали..
Радиус скругления — позволяет изменить отражение внешних углов Листа. То есть вы можете создать углы под прямым углом, а можете либо слегка закругленные или же вообще сделать овальными.
— прямой угол
— максимально возможное в программе закругление углов.
Ширина границы — создается эффект границы. Можно создать лист и вообще без границы, а можно сделать границу слегка заметной , размером всего 1рх или же при вашей фантазии наооборот достаточно жирную границу.
Прозрачность — поиграв с данным значеним и при использовании в качесте фона графику или рисунок можно получить интересные эффекты.
Тень — будет ли от листа падать на фон тень так же зависит от вашего желания
Можно поэксперементировать с Размером, Прозрачностью, Расстоянием и углом тени.
Цвет заливки — этот параметр несет теже в себе функции , что во вкладке Фон и поэтому думаю не стоит уделять снова ему внимание.
Цвет границе — позволяет при выборе листа с границей установить ее цвет. Здесь такая же цветовая панель как и при выборе цвета заливки.
Хочу просто при работе с цветом учитывать несколько моментов: цвета фона, листа и границы должны гармонировать и сочетаться. При этом следует учитывать что при просмотре не должно напрягаться зрение от «ядовитого» сочетания.
И так как в дальнейшем необходимо будет подбирать тон для текста ,ссылок, кнопок, то чтобы создать идеальное сочетание, запишите себе на лист бумаги код используемых цветов при создании фона, листа и границы листа. Это облегчит в дальнейшем работу с цветовой палитрой.
На этом рассмотрение вкладки Лист закончилось. Но продолжение следует…..
Если вы не хотите пропустить появление новых материалов на блоге «Seo записки отчаянной«, то предлагаю подписаться на обновление в удобной для вас форме.
Удачи!
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!