Sothink Tree Menu


Содержание сайта
Разное
Навигация
Обзор л.3
Sothink Tree Menu

Javascript DHTML Tree Menu Powered by dhtml-menu-builder.com

Sothink Tree Menu v 3.1 (2013 г.).  Интерфейс и справка - на англ языке. Вес 24,9 Мб. Цена 60 долл.
Назначение - создание меню (в виде аккордеона) и карты сайта.

Программа позволяет быстро создать меню или карту сайта самостоятельно или используя шаблоны. Не требует знания html и JavaScript.

Авторы программы рекомендуют объединить Sothink Tree Menu с одним из следующих html-редакторов: Dreamweaver (CS4, CS5), Expression Web, FrontPage, Sothink HTML Editor. В этом случае вся работа по созданию и вставке на страницу меню ведется, не выходя из html-редактора.

Созданная в Sothink Tree Menu карта сайта способствует продвижению сайта в рейтинге поисковых систем.

Поддержанные форматы: STM (создающий файл Меню Дерева Sothink), JS (файл JavaScript), JPG, JPEG, GIF, CUR, ANI (изображение для курсора)

В период испытательного срока (30 дней) пользователь может создавать  неограниченное количество меню, но разместить на сайте можно только одно.

Программа Sothink Tree Menu имеет много общего с программой Sothink DHTML Menu.
Но она более проста в использовании (особенно в части сохранения созданного меню), у нее проще интерфейс, на ней проще работать, чем на Sothink DHTML Menu.

Слева - пример меню, созданного  в программе Sothink Tree Menu.
Примечание: меню создано для примера, ссылки не работают.

Краткий обзор редактора



Интерфейс:

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

Создание меню

Шаг 1

Откройте программу.

В меню File выберите New:
Blank Menu - создание меню самостоятельно
From template - создание меню с помощью шаблона
Site Navigation Structure Generator - создание карты сайта

Выберем Blank Menu - появится заготовка с единственным пунктом - Node 1

Щелкните по <Root> (вверху слева) - корню меню. Программа создает меню в виде дерева, с корнем, стволом, ветками и веточками (пунктами, подпунктами, под-подпунктами и т.д.). Щелкая по <Root> - мы определяем свойства всего меню.

Щелкните на правой панели в разделе Global Settings по General (Основные настройки).
На нижней панели (панели свойств) введите имя меню (можно оставить установленное программой), ширину меню (Width), высоту меню (Height), расположение на странице (слева, по центру, справа) и другое. При небольшой высоте меню будет создана полоса прокрутки.

Щелкните на правой панели в разделе Global Settings по Background (цвет фона меню).
На нижней панели определите или цвет (Bg color) или прозрачность (Trasparent).
Можете выбрать для фона изображение в строке Bg image.
Image Library - собрание изображений программы с их предварительной настройкой.
Вся площать меню будет покрыта выбранным изображением как плиткой.

Аналогичным способом определяются другие свойства меню - обрамление, линии, кнопки и пр.

Шаг 2. Добавление пунктов

На левой панели щелкните по <Root>, затем по Append Sub Node
Append Sub Node - добавить один пункт
Append Multi Sub Nodes - добавить несколько пунктов. В окне введите число пунктов.
Пользуясь панелью инструментов (над "деревом" меню), пункты можно передвигать вверх-вниз, копировать, удаляять.

На левой панели щелкайте по пунктам. Используя правую панель (раздел Node Settings) и нижнюю панель свойств, определяйте свойства каждого пункта: введите название пункта, определите ссылку для него, шрифт, фон и пр.
Разные свойства можно определить для разного положения курсора:
Mouse Out - курсор отведен
Mouse Over - курсор наведен
Используя стрелки вправо - влево, задают одинаковые свойства для обеих положений курсора.

Шаг 3: Добавление подпунктов

На левой панели щелкните по пункту, затем по Append Sub Node.
Добавьте один или несколько подпунктов.
Свойства подпунктов задаются аналогично тому, как это производилось с пунктами.

Шаг 4. Предварительный просмотр

На панели инструментов щелкните по Preview. Рассмотрите меню в разных браузерах.
Для пополнеия списка браузеров щелкните в меню Preview по Preview in Browser - Edit Browser List (или щелкните по треугольнику рядом с кнопкой Preview на панели инструментов и выберите Edit Browser List).

Шаг 5. Публикация меню

Откройте существующую страницу в html-редакторе или создайте новую. Сохраните страницу.
Щелкните по кнопке Publish на панели инструментов. Появится окно мастера публикации, который проведет Вас по всему процессу публикации.
Для вставки кода меню выберите тот html-файл, который Вы заготовили ранее.
Укажите место вставки кода -  щелкните между  <body> и </body>, щелкните Insert.
Код будет вставлен на страницу.
Сохраните страницу.
В дальнейшем страницу можно редактировать в любом html-редакторе.
Для публикации страницы на сайте необходимо переправить на сервер все файлы, связанные с созданием меню.

Использование шаблона

При создании меню с помощью шаблона последовательность действий аналогична вышеописанной.

Карта сайта

В меню File выберите New - Site Navigation Structure Generator
Откроется окно мастера создания карты сайта.
Укажите главную страницу сайта
Укажите уровень вложенности страниц
Определите, какие сведения нужно включать в карту сайта - ссылки и текст описания страницы, только ссылки, только текст
Укажите, файлы с каким расширением нужно включить в карту сайта
Когда все сведения введены, программа начнет генерировать карту сайта.

Скачать Sothink Tree Menu