Шаблон элементов Web - приложения.

↑

▷ Содержание

⇐ ПредыдущаяСтр 5 из 7Следующая ⇒

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

Преимущества и недостатки такого варианта создания сайта.

Исключается необходимость заниматься разработкой графического дизайна проекта, так как используется готовый вариант – шаблон. Значит, существенная часть работы над проектом, требующая много времени, сил и часто, самое главное, некоторых творческих навыков, становится выполненной. Не требуется продумывать сам дизайн, фактически не требуется писать даже код элемента, то есть заниматься веб - программированием. Нужно только вставить текст и графику в готовый шаблон (например в html - редакторе).

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

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

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

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

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

В Visual Studio можно создавать или менять шаблоны проектов, классов, страниц, веб - сервисов и так далее.

В Visual Studio шаблоны хранятсяв zip - файлах, впапке%VisualStudio folder%\Common7\IDE\ItemTemplates. Здесь они сортированы по языкам и по типам (CSharp\Web, CSharp\Code и т.д.). Например, шаблон для класса хранится в файле ItemTemplates\CSharp\Code\1033\Class.zip, в котором содержатся два файла:

Class.cs — шаблон нового класса

Class.vstemplate — описание шаблона в XML

В файле Class.cs можно добавить свой текст, а также использовать внутренние переменные в формате $variable$, которые при создании файла подставят свои значения. Например, $itemname$ – имя, которое задается в диалоге создания нового файла. Более подробную информацию о шаблонах можно посмотреть на специальной странице MSDN.

Те переменные, данные в которых ожидаются от пользователя, имеют также безопасные версии с приставкой save, которые не содержат в себе запрещенные символы.

В файле Class.vstemplate, можноизадать требуемую версию фреймворка, указать зависимости и прочие условия. После того, как внесены все изменения, нужно пересобрать кэш шаблонов, который хранится в%VusialStudiofolder%\Common7\IDE\ItemTemplatesCache, запустив студию с командой/installvstemplates

Таким образом, можно намного упростить себе работу и избавить ее от рутины.

1.7 Требования и рекомендации к контенту

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

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

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

Для того, что бы страницы было удобно просматривать, целесообразнее использовать:

- выделение ключевых слов;

- грамотно составленные заголовки;

- списки с маркерами;

- один абзац на одну идею (пользователи пропустят все остальные идеи, если их не привлекут основные слова абзаца);

- стиль перевёрнутой пирамиды (где статья начинается с заключения);

- меньшее количество слов, чем в обычной статье;

- минимум мало понятных терминов;

- указание даты создания сообщения (что бы знать на сколько, оно актуально на данный момент);

- контекстную информацию атрибута " ALT".

- электронные заголовки часто выводятся вне контекста:

- в списке статей на сайте;

- в заголовках сообщений электронной почты;

- в результатах поиска;

- в закладках браузера.

При этом пользователи не должны обладать какими - то сверхзнаниями, что бы понять заголовок, если они будут пропускать текст под заголовками. По этой причине текст заголовка должен быть самостоятельной порцией информации, позволяющей понять его в отсутствие остальной части контента. При написании заголовка необходимо использовать нейтральный язык, и не применять: игры слов, «навороченности», «завлекалочек», прописных букв (так как создаётся впечатление, что на пользователя кричат).

Пользователи предпочитают содержательные заголовки. Чем короче микроконтент, тем легче его просматривать. Необходимо исключить использование одного и того же слова в начале каждой статьи и названия страницы, так как при использовании одновременно нескольких таких статей, будет трудно на панели или закладках выбрать необходимую статью [3, с. 32].

Познавательные статьи:



Где возникла философия и почему?

Относительная высота сжатой зоны бетона

Сущность проекции Гаусса-Крюгера и использование ее в геодезии

Тарифы на перевозку пассажиров