Сергей Бердышев - Искусство оформления сайта. Практическое пособие

Когда этот этап работ остался позади, можно вернуться к главной, выделив ее, и кликнуть на иконку Page на панели инструментов, что позволит перейти к редактированию выделенной странички, то есть Домашней. На этом рассказ о создании сайта можно завершить. Работа с отдельными страничками нами хорошо изучена, а по интерфейсу Net Objects Fusion сильно напоминает старую добрую Microsoft Expression Web (при этом кое в чем даже попроще, так что с дизайном странички легко будет разобраться).

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

В общем виде потребности приобретают форму древа. Рассмотрим такое древо, используя для этой цели специальные обозначения. Обозначим главную цель как АА, тогда сопутствующие второстепенные цели получают обозначения Аа, аА и аа. Главная задача пользователя состоит в том, чтобы найти АА. Очевидно, что первое сообщение – это то, которое удержит посетителя на сайте, то есть сообщение вида Аа – «вы нашли то, что искали, вот общие сведения, за конкретикой переходите сюда». Контент Аа напрямую ведет к контенту АА. Рядом с контентом АА соседствуют ссылки на контенты вида аА – комментарии, дополнения, полезные сведения, прямо или косвенно затрагивающие существо главного вопроса. Со страничек, заполненных контентом аА, должны быть переходы на контент аа, который малосущественен и используется главным образом для не очень занятого посетителя, собирающего дополнительные данные о компании. (Кроме того, дополнительный контент хорош тем, что повышает посещаемость сайта в целом и улучшает его обнаружение поисковыми системами; поэтому, кстати, со страниц с контентом аа должны иметься переходы на страницу с наполнением АА.)

Предположим, вами создается ресурс по продвижению работ по озеленению садов, балконов и квартир, выполняемых некой условной фирмой «Аленький цветочек». Запустим Мастера Сайтов в HTML-редакторе Net Objects Fusion и быстренько сверстаем нужный нам сайт. Укажем для него следующие странички:

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

От нее ответвляется страница About – О компании (очень кратко о главном: деятельность компании, спектр услуг, расценки, консультации).

Другая дочерняя страница: Contact Us – Контакты (e-mail компании, телефоны контактных лиц с указанием имен и должностей); от нее ответвляется Location – Расположение (продолжая страничку контакты, указывает фактические адреса филиалов в разных городах страны с картами маршрутов).

Затем с главной ведет страница Services – Работы. Это подробный рассказ об услугах компании «Аленький цветочек» с упором на конечный результат, то есть рассказ о том, что может приобрести в этой компании потенциальный клиент. От данной странички отходят дочерние Catalog, Download(s), Listings.

Catalog – Каталог. Это иллюстрированный указатель конкретных работ по дому и саду, которые выполняет компания; на этот раз конечный результат не описывается, но сообщается, сколько потребуется времени и денег на ту или иную работу; здесь же имеются калькулятор и формы для оформления заказа. Download(s) – Скачай. Здесь помещаются скачиваемые в виде zip-архивов прейскуранты (допустимо включить, при желании, секцию ботанической литературы, подборку занимательных статей по садоводству). Listings – Списки, то есть списки видов и сортов растений, с которыми работает компания; списки семян, которые рассылает компания своим клиентам; списки обслуженных VIP-клиентов, оставивших хорошие рекомендации.

Теперь обратимся к отходящей от домашней странички Events – События (собственные мероприятия и промо-акции компании, награждения, участие в конкурсах, демонстрация работ, корпоративные праздники). С ней логически связана Photo Gallery – Фотогалерея (преимущественно образцы работ: поменьше раздражающих физиономий, побольше радующей глаз зелени; отдельную секцию галереи стоит посвятить обоям на рабочий стол, изображающим радующие глаз цветники [20]).