Откройте на своем ПК программу Проводник и найдите там нашу первую ученическую страничку index. Посмотрим, какое расширение стоит после названия «index». В Проводнике значится index.wpm. Это расширение, как и многие другие, представляет собой аббревиатуру. В данном случае сокращение выполняется от названия программы Web Page Maker. То есть wpm-файлы предназначены для создания и редактирования в программе Web Page Maker. В нашем списке интернетовских файлов этот формат не упоминался, что правильно. Загрузить на свой сайт wpm-страничку вы пока не сможете. Для этого нужно экспортировать ее в html-формат, что мы и делаем, открыв ее в «родном» конструкторе[4] и выбрав команду Export to HTML в меню File (см. рис. 3). Для экспортируемого html-файла требуется указать путь к папочке, где сверстанная веб-страничка и будет благополучно храниться. Пока на этом остановим разработку нашего проекта и продолжим чтение.
1.2. Веб-дизайн как искусство
Задача веб-дизайнера, как мы поняли, состоит в том, чтобы сделать красивый, привлекательный, очень-очень интересный и удобный для посетителя сайт. Веб-дизайн как ремесло отвечает на чисто технический вопрос, КАК сделать красиво. Веб-дизайн как искусство отвечает на эстетический вопрос, ПОЧЕМУ именно таким путем мы добиваемся привлекательности своего ресурса.
Итак, попробуем найти ответ на каверзный вопрос ПОЧЕМУ. Прежде всего, красиво – это когда предельно понятно и максимально удобно для использования. Представьте себе, что вы пришли в музей посмотреть на полотно великого Рембрандта. Но в музее никто и не подумал включить свет, в результате чего картина тонет в темноте. Вы знаете, что полотно прекрасно, но почувствовать эту красоту не можете. Спрашивается, почему? Да потому, что вам неудобно рассматривать произведения живописи в потемках. Точно так же дела обстоят и с сайтами. Даже очень хорошие странички можно испортить, если сделать их неудобными для ознакомления.
Вот почему удобство выдвигается на первый план. Человек хорошо видит пространство и наслаждается чтением, блуждает взглядом по картинкам, легко переходит на новые, заинтриговавшие его странички. Способность сайта удовлетворить потребность посетителя в комфорте, эргономичность сайта, удобство в эксплуатации носят собирательное название юзабилити (англ. usability). Юзабилити подразделяется на комфортность странички и комфортность веб-узла. Комфортность странички предполагает удобство в ознакомлении с материалами, которые размещены на одной-единственной страничке. И здесь важно соблюдать очевидные, в принципе, правила:
> важные тексты и картинки должны быть приметны;
> неважные тексты и картинки не должны быть свалены в кучу, они меньше нуждаются в приметности, чем важные, но не меньше – в упорядоченности;
> посетителю должны быть хорошо видны все переходы на другие странички и сайты;
> посетителю должно быть понятно, в какой секции (в каком разделе) сайта он сейчас находится;
> читателю должна быть предельно ясна тема странички.
Теперь назовем правила, которые действуют в отношении комфортности веб-узла, которая предполагает легкость ориентации в пространстве сайта:
> посетителю должны быть хорошо видны и доступны переходы во все разделы сайта, что называется удобной навигацией по сайту;
> важные, по мнению владельца сайта, разделы должны бросаться в глаза в первую очередь и при переходе на них должны открываться в отдельном (новом) окне;
> при пошаговой навигации требуется соблюдать «правило трех шагов», то есть доступ к любому документу, важному для делового человека, должен открываться после трех шагов максимум. Поисковая система:
1) главная страничка вашего сайта;
2) главная страничка раздела;
3) искомый документ;[5]
> неважные разделы меньше нуждаются в приметности, чем важные, но не меньше – в упорядоченности, то есть изначальная структура сайта должна всегда соблюдаться;
> посетителю должно быть понятно, в какой секции (в каком разделе) сайта он найдет нужные ему материалы;
> родственные по тематике разделы и странички необходимо объединить более тесными связям;
> читателю должна быть предельно ясна тематика сайта.
4
«Родной» принято называть на сленге компьютерщиков программу, в которой как раз и создавался файл, используемый в текущий момент.
5
Более сложную структуру могут позволить себе лишь сайты или разделы сайтов, отведенные под библиотеки, газеты и т. д., поскольку здешние визитеры изначально настроены на то, чтобы почитать, а значит, никуда не спешат. На коммерческих сайтах подобное усложнение недопустимо. Если потенциальный клиент не найдет в три клика прайсы, контактные формы или еще что-нибудь в том же роде, то он быстренько убежит с сайта.