Проектирование и разработка web-сайта

JavaScript - это язык для составления сценариев, позволяющих выполнять разные действия непосредственно на машине пользователя. Располагаются данные сценарии внутри HTML документов. JavaScript применяется для проверки правильности заполнения форм, создания удобной навигации.

Каждая вставка сценария JavaScript в HTML-документ начинается открывающим тегом <SCRIPT> и завершается закрывающим </SCRIPT>. Открывающий тег <SCRIPT> может иметь необязательный атрибут LANGUAGE равным JavaScript. В связи с появлением еще одного скриптового языка VBScript рекомендуется использовать этот атрибут. Кроме того, обратите внимание на использование тегов комментария <! - и // -->. Если страница, содержащая сценарий, будет загружена в Обозреватель не поддерживающий языки сценариев, строки программы, засоряя экран, будут выведены как обычный текст. Если же использовать тег комментария, то такой браузер пропустит текст программы, воспринимая его как комментарий. Двойная косая черта перед закрывающим текст скприпта тегом комментария гарантирует, что тег не будет воспринят Обозревателем как оператор JavaScript:

<SCRIPT LANGUAGE="JavaScript"> <! - alert ("Спасибо!!!!") // --> </SCRIPT>

Результатом выполнения этого скрипта будет вывод на экран сообщения: Спасибо!!!

Инструментарий создания сайта

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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

Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое (особенно это касается Netscape Navigator). Странички получаются какими-то кривыми, поэтому для создания качественных Web-страниц рекомендуется использовать пакеты, которые будут рассмотрены ниже.

Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производсту программ для создания веб-сайтов, а также законодателем моды в этой области.

Последняя версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю). Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" (вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности. На рисунке 1.2 изображен внешний вид окна DreamWeaver.

Рисунок 1.2 - Внешний вид окна DreamWeaver

Следующий редактор - HomeSite 4 - для создания страниц вручную, т.Е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под один из трех популярных браузеров (MSIE, NN, Opera).

HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково). Еще одна отличительная особенность HomeSite - это его "склейка" с Dreamweaver. HomeSite обладает кнопкой "Dreamweaver", а также входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для корректировки HTML-кода.

Ещё один редактор - CMS (Content Management System) английская аббревиатура расшифровывается как "Система управления контентом". Вы также можете встретить термины "система управления сайтом", "движок сайта" - все они являются вариантами вольного перевода англоязычного понятия.

CMS система - это компьютерная программа управления сайтом, предназначенная для того, чтобы систематически, руководствуясь разработанной методикой и согласно чёткому распорядку, самостоятельно управлять тем, что увидят и прочитают посетители Вашего сайта.

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

Amiro. CMS включает весь инструментарий, необходимый для эффективной работы современного коммерческого интернет-ресурса.

Особенность Amiro. CMS - "быстрый старт". При наличии готового дизайна скорость выполнения настройки системы под проект занимает у подготовленного специалиста от нескольких часов до пары рабочих дней.

Система поставляется в шести редакциях:

FREE - бесплатная редакция профессиональной платформы Amiro. CMS с развитыми функциональными возможностями по управлению собственной информацией сайта и выводом её содержимого.

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

Корпоративный - один из пакетов Amiro. CMS, содержащий все инструменты для построения и управления корпоративным сайтом с поддержкой сложной иерархической структуры представления информации о деятельности компании и для полного взаимодействия с его посетителями.

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

Минимаркет - с помощью электронного минимаркета продавать товары можно непосредственно с Web-сайта. Программная база предлагаемого продукта интернет-магазина проста и функциональна

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

2. Практическая часть

2.1 Выбор темы сайта