Делаем меню из списка с гиперссылками

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

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

После этого я решил для себя, как у меня будут размещены пункты меню. Я выбрал для себя создание меню, как отдельные списки подменю.

Написав весь список, выделяем текст и переходим к созданию списка.

Cоздаем список:

Переходим в "Формат"\"Список"

Далее выбираем стиль списка.

Я буду делать список со свертываемой структурой, поэтому использовал параметры "Включить свертываемые структуры". Параметр "Изначально свернуть" можно использовать при необходимости.

Для списка я создал 2 изображения - одно для главного списка, другое для раскрывающегося.

Вот эти изображения:

Вставление изображений вместо стандартных точек:

Для вставления изображения необходимо указать его в параметре "задать рисунок:"

Вот, что получается:

Не совсем то, что мы хотели бы видеть, поэтому продолжаем работу над списком.

Выделяем текст, который будет отображаться и скрываться при нажатии на основную часть списка:

Два раза нажимаем на "Увеличить отступ"

После чего получаем:

Теперь не снимая выделения с текста нажимаем на нём правой кнопкой мыши и выбираем "Свойства списка"

В параметре "Задать рисунок" меняем изображение на другую "стрелку"

Далее выделяем текст, который будет ссылаться на определенную страницу:

И после выделения жмем на нём правой кнопкой мыши. Выбираем "Гиперссылка..."

Выбираем ту страницу, на которую будет переходить пользователь при нажатии на ссылку.

Таким же образом делаются все остальные пункты Вашего меню.

Внимание! Страницы должны иметь названия на Латинице! Т.Е. например не "Веб-дизайн.html", а "Web-dizayn.html".

P.S. В некоторых версиях браузеров сворачивающиеся списки не работают!

Создание меню из стандартных кнопок.

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

Конечный вариант:

В данном уроке рассмотрим, как это делается с помощью стандартных функций Front Page.

В моём случае я сначала сделаю таблицу внутри ячейки для более правильного отображения моих кнопок. У меня их будет 5 штук.

Приступим.

Создаём таблицу. В моём случае она равна 1 - ой строке и 5 столбцам.

Далее переходим к свойствам таблицы.

Далее настраиваем свойства данной таблицы. В моём случае необходима жесткая привязка, поэтому я устанавливаю ширину таблицы в пикселях.

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

Так же в моём случае я изменил интервал и поля ячеек тоже к нулю.

Далее переходим к созданию кнопок.

Выбираем - Вставка\Меняющееся кнопка

Из списка "Кнопка:" выберете стиль кнопки. В строке "Текcт:" введите нужное название. В строке "Ссылка:" с помощью "Обзора..." выберете страницу, или файл, на которую будет ссылаться кнопка при нажатии.

Вот, что получилось:

Двойным нажатием на кнопке, Вы всегда сможете изменить её параметры.

Если у Вас не влезает текст и отображается не корректно, то можно изменить его шрифт во вкладке "Шрифт", там же меняется цвет и размер текста.

Во вкладке "Рисунок" можно изменить длину и ширину конечного изображения. Не забывайте о параметре "Сохранять параметры" при редактировании размеров :)

Немного поработав, я добавил ещё кнопки и у меня получилось это:

Удачи Вам!