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