Система SiteBuilder предназначена для Web-программистов и администраторов сайтов. Программа помогает создавать и эффективно сопровождать сайты произвольной структуры и сложности, в том числе с динамическими страницами. Она позволяет строить логическую структуру сайта и предлагает автоматическое создание ряда систем навигации по сайту. Система позволяет централизовано управлять стилями и автоматически перестраивать весь сайт или отдельные его части. SiteBuilder не содержит визуального редактора, для его использования требуется знание HTML.

Основные характеристики системы

	Создание сложной системы навигации в виде выпадающих меню.
	Генерация HTML и JavaScript кода, корректно работающего под всеми распространенными браузерами: InternetExplorer 5.x и выше; Netscape Navigator 4.7 и выше; Opera 5.x и выше.
	Генерация как текстовых, так и графических меню. Дополнительные спецэффекты для графических меню.
	Оптимизация графики меню под 16 и 256 цветов.
	Автоматическое создание графических кнопок в исходных документах.
	Создание навигационного списка типа DropList.
	Компоновка страниц в проекте из нескольких колонок, что позволяет добавлять дополнительную панель навигации.
	Возможность добавления собственного кода в различные участки страниц через механизм глобальных и локальных включений.
	Визуальный редактор стилей документов. Можно настроить таблицу стилей CSS для всех стандартных элементов текста, заголовков, элементов ввода, таблиц и т.д.
	Возможность экспорта и импорта стилей из различных проектов системы.
	Управление в рамках проекта произвольным числом независимых страниц, которые не отображаются в меню, но могут быть добавлены на сайт и доступны через создаваемые в тексте ссылки.
	Создание сайтов по шаблону. Создание собственных шаблонов сайтов (в части стилей).
	Автоматическая генерация карты сайта и вертикального текстового меню.
	Возможность генерации для каждой страницы сайта версии для печати.
	Добавление эффектов анимации для выпадающих подменю в браузере Internet Explorer.
	Режим автоматического обновления сайта при изменении исходных страниц.
	Настройка системы на предварительный просмотр в различных браузерах.
	Проверка грамматики страниц средствами MS Word, а также ряд других утилит для разработчика сайта.
	Подключение документов MS Word.
	Встроенный HTML-редактор. Поддержка множества конверторов исходников языков програмирования в HTML (pas2html, c2html etc.).
	FTP клиент с функцией автосинхронизации локальной и опубликованной версий сайтов ( в разработке ).
	Подключение БД через механизм ADO ( в разработке ).

Системные требования

	Операционная система Windows 98/Me/NT/2000/XP.
	Браузер Internet Explorer 4.0 или выше.
	10 МБайт на жестком диске.
	Графический режим 800x600 x 16bit минимум, рекомендуется 1024x768 и выше.

Установка программы

Установка программы не представляет особой сложности, так как установка представлена в виде мастера, который задает только один вопрос - "Куда ставить", на который вам надо указать место установки. По умочанию местом установки является "%systemroot%\program files\site builder", но при желании можно его изменить.

После установки программа готова к работе. Программа уже имеет несколько вариантов стилей, для создания сайта, так что требуеться только выбрать стиль, который вы хотите использовать.

Не следует думать, что вы установили редактор сайта : программа позволяет только генерировать навигацию, а сам HTML код можно (и нужно) писать в любом другом HTML редакторе.

Рис.3.Дизайн программы.

Создание нового проекта

После запуска программы появляется диалоговое окно, которое позволяет выбрать три типа работы программы : 1 - создать новый проект, 2 - открыть существующий проект, 3 - загрузить последний редактируемый.

Выберите пункт "Создать новый проект". Перед вами появится окно мастера создания проектов, в котором вам нужно :

1.Создайте на своем диске папку, в которой будет размещен новый сайт.

2.Запустите программу SiteBuilder.

3.Укажите имя создаваемого проекта (как правило оно совпадает с названием сайта) и нажмите кнопку "Далее" .

4.Укажите стиль создания сайта.

5.Программа покажет покажет те настройки, которые вы выбрали.

Создание стиля сайта

Программа SiteBuilder автоматически создает стиль сайта. Вам нужно только указать как именно вы хотите видеть свой сайт, все остальное программа создаст автоматически.

Рис.4.Внешний вид создания стиля сайта.

1.Откройте закладку Стили .

2.Вам надо выбрать пункт элементы текста .

3.Выбираем пункт body / Тело документа .

4.В нижней части появятся настройки этого стиля .

5.Первым делом надо поставить галочку в поле Создавать этот стиль (в противном случае ничего работать не будет).

6.В настройках шрифта можно указать имя и размер шрифта, а так же цвет текста, которым будет отображаться весь сайт.

7.В настройках фона указывается цвет .

8.Откроется диалоговое окно выбора цвета.

9.В поле для ввода цвета вручную введите 6699CC и нажмите ОК .

10.Цвет рамки, которую вы настраивали изменится на выбранный цвет.

11.Так же вы можете указать фоновый рисунок, который будет использован на вашем сайте.

12.Нажимая клавишу F9 видим, что фон сайта изменился. Плюс к этому все новые страницы, которые вы создадите будут иметь этот фон.

Таким же способом изменяется настройки свойств полей H1,H2,H3,H4,H5,H6.

13.Выделяем пункт H1 - это заголовок первого уровня. т.е. он самый большой (чем больше цифра в теге H, тем меньше этот заголовок на самом деле) .

14.Выбираем в свойствах шрифта имя и размер и устанавливаем его в нужное значение.

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

Создание основного меню

Создание меню заключается в добавлении компонентов в структуру сайта.

Рис.5.Внешний вид создания основного меню.

1.Выбираем пункт MySite .

2.Щелкаем левой кнопкой мыши на кнопке Добавить. В появившемся поле пишем название нового пункта меню .

3.Повторяем эту операцию, до тех пор пока не получим достаточного количества пунктов.

4.Теперь надо создать пункты подменю. Выбираем пункт меню, который уже создали и добавляем к нему дочерний элемент. Это и будет наше подменю. Если вы будете добавлять новые дочерние компоненты к пункам подменю, то в основном меню они появляться не будут, но как страницы они будут присутствовать в проекте.

Будем считать, что сделано меню, которое показано на рисунке.

1.Выбираем пункт меню Интересы. Этот пункт является просто пунктом меню и не содержит страницы, по этой причине устанавливается тип этого элемента как произвольная ссылка .

2.Теперь выбираем пункт Компьютеры. Это уже страница, а следовательно устанавливаем тип этого пункта как обычная страница.

Обратите внимание на кнопки, которые расположены ниже типа компонента. Каждая из них означает следующее (слева направо):

---

- временно исключить из проекта (Эта страница будет временно исключена из проекта).

---

- отображать в выпадающем списке навигации (ссылка на эту страницу будет отображаться в выпадающем списке навигации справа сверху).

---

- отображать эту страницу в вертикальном меню (ссылка на эту страницу будет отображаться в вертикальном меню сайта).

---

- отображать эту страицу на карте сайта.

---

- отображать на этой странице верхнее меню .

---

- отображать на этой странице нижнее меню .

---

- создавать для этой страницы печатный вариант. (программа позволяет автоматически создавать печатный вариант страницы, т.е. без дополнительной раметки)

---