Искусство оформления сайта. Практическое пособие

Допустим, что первичный шаблон сайта нам не особенно понравился, и мы его решили немного оживить. В данном редакторе для этого есть замечательная возможность в виде библиотеки стилей. По завершении работ с конструированием сайта нам достаточно лишь кликнуть на иконку Style на панели управления и сделать свой выбор, просмотрев коллекции стилей. В коллекции Classic Site Styles для нашего «Аленького цветочка» нашлись два хороших шаблона – Gardening (садоводство) и Sunflower (подсолнух). Можно выбрать для примера «Садоводство» (см. рис. 37), потому что этот стиль дает красивый интерфейс сайта и славное меню. Кликаем теперь на иконку Set Style (установить стиль) и подтверждаем, что выбранный нами стиль должен быть применен к конструируемому сайту.

Рис. 37. Шаблон «Садоводство» в Net Objects Fusion

В дальнейшем странички можно дорабатывать здесь же или в другом HTML-редакторе. Встроенный в Net Objects Fusion редактор удобен тем, что наглядно показывает структуру готового html-документа и поэтому снижает вероятность ошибки при редактуре гипертекста и/или вставке новых html-объектов. Открыть HTML-код странички можно, проделав путь Go › HTML Source. Выполнив все доработки, готовый сайт можно запустить в Интернет, просто кликнув на иконку Publish Site (опубликовать сайт), хотя удобнее загрузить тщательно отредактированные странички через страничку загрузки самого хоста.

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

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

С этой целью в редактор кодов программы Web Page Maker или непосредственно в тело документа через блокнот либо иной упрощенный редактор записывается соответствующий скрипт «Калькулятор» со странички http://obrazcats.narod.ru/pages/scripts/scripts.html (готовый результат проверьте в действии на страничке http://obrazcats.narod.ru/pages/scripts/calculator.html).

Рассмотрим теперь пример другого веб-инструмента, пригодного для активного использования на сайте консультационного центра. Это счетчик расстояний по прямой между разными городами мира, что может показаться интересно и полезно как бизнесменам, так и любителям авиапутешествий и морских круизов. Такой счетчик можно разместить в центре консультаций по выбору услуг турагентств и авиакомпаний. Чтобы сконструировать подобное устройство, требуется скачать код на нашем учебном сайте со странички http://obrazcats.narod.ru/pages/scripts/scripts.html, при этом обратив внимание на тот факт, что часть кода внедряется в шапку html-документа ‹head›, сразу после всех мета-тэгов и титула ‹title›.

Понятно, что этот скрипт управляет работой счетчика расстояний. В body документа нужно скопировать кое-что другое: сам счетчик, то есть его интерфейс и некоторые вспомогательные механизмы, работающие по приведенному выше скрипту. Код интерфейса и скрытых «под ним» механизмов записывается целиком внутри тегов ‹form›. Окончательный результат можно увидеть и опробовать в действии на страничке http://obrazcats.narod.ru/pages/scripts/airdistance.html.

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