.

Разработка шаблонов

При создании шаблонов для команды разработчиков используйте один из графических редакторов (Fireworks или Photoshop), который доступен всем членам команды. Сохраните шаблоны в формате, присущем используемому программному средству. Таким образом, члены команды разработчиков смогут открыть шаблон и подправить дизайн, оптимизировать его. а затем экспортировать графику, уже готовую для вставки на Web-сайт.

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

Ниже перечислено несколько видов шаблонов, которые вы можете создать для Web-сайта.

Макет главной страницы. Чтобы обеспечить HTML-программистов графическим руководством, которого следует придерживаться при создании Web-страницы, создайте законченный макет главной страницы. Кроме этого, готовый макет позволяет показать взаимодействие всех компонентов на странице — заголовков, кнопок и маркеров списка.

Макет внутренней страницы. Как и макет главной страницы, завершенный дизайн внутренней страницы является графическим руководством и для HTML-программистов, и для разработчиков графики. Завершенный макет позволяет увидеть составляющие дизайна во взаимодействии друг с другом, поэтому при необходимости разработчики могут воспользоваться графическими элементами этого шаблона для создания интерфейсных элементов сайта.

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

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

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

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

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

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

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

Руководство по стилю

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

Вы также можете создать руководство по стилю в виде печат ного документа или (еще лучше) CSS-файла. Если это CSS-документ, то он уже готов к использованию на сайте. В любом случае руководство по стилю должно включать в свой состав следующие элементы.

Заголовки и подзаголовки. Следует определить стиль, цвет и размер шрифта.

Основной текст. Необходимо определить стиль, цвет и размер шрифта.

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

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



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×