|
|
В нашем проекте уже 6 страниц. Пока допустимо размещение всех страниц в левом меню сайта, но что делать, если их значительно больше? Размещать их все в левом меню крайне неудобно и для работы с сайтом и для его просмотра пользователями. В конструкторе есть возможность размещать на странице еще три вида меню(кроме левого). Давайте подробнее рассмотрим работу с меню.
Щелкнем мышкой по кнопке «Редактор меню» на панели инструментов. |
| |
|
|
Появится окно «Редактор меню».
|
| |
|
|
В левой части расположен список всех страниц сайта.
|
| |
|
|
А справа располагаются все меню с их содержимым. Пока у нас есть только левое вертикальное меню. Чтобы увидеть список входящих в него страниц щелкнем по плюсику рядом с ним.
|
| |
|
|
Раскроется список. В этом списке можно изменить названия пунктов меню, изменить порядок их расположения и создать подменю. Рассмотрим как это сделать.
|
| |
|
|
Изменим название пункта меню(название страницы при этом не изменится, поэтому у вас может быт два пункта меню с разными названиями, но ссылающимися на одну и ту же страницу).
Выделим пункт меню, который мы хотим изменить.
Например «Главная». |
| |
|
|
Щелкнем по нему еще раз(стоит быть внимательным, потому что необходимо сделать именно выделение и щелчок левой клавишей мышки, а не просто двойной щелчок).
|
| |
|
|
Теперь мы можем редактировать название с помощью клавиатуры.
Назовем это пункт меню «Добро пожаловать!».
|
| |
|
|
Теперь покажем как можно переместить пункт меню выше или ниже по списку.
Допустим мы хотим чтобы «Новости школы» стал вторым пунктом меню. Выделим его щелчком мышки.
|
| |
|
|
Станут активными кнопки «Переместить по меню вверх» и «Переместить по меню вниз», этими кнопками вы можете свободно перемещать пункты меню.
|
| |
|
|
Щелкнем по кнопке «Переместить по меню вверх». «Новости школы» стал вторым пунктом меню.
|
| |
|
|
Теперь рассмотрим как делать подпункты в меню.
Допустим мы хотим чтобы «Новости школы» стал подпунктом раздела «Добро пожаловать!». Для этого выделим его(если он еще не выделен) и щелкнем по кнопке «Переместить на более низкий уровень».
|
| |
|
|
Пункт «Новости школы» перешел в подменю. Подпункты можно создавать до 2-го уровня вложения.
|
| |
|
|
И стала активной кнопка «Переместить на более высокий уровень».
|
| |
|
|
Воспользовавшись этой кнопкой вы можете вернуть подпункты в основное меню.
Добавим еще несколько подпунктов.
|
| |
|
|
Щелкнем по кнопке «ОК» и посмотрим, что у нас получилось.
|
| |
|
|
По умолчанию для отображения подпунктов выбран каскадный тип меню (подменю выпадает при наведении мышкой на раздел). Выпадающий тип меню не отображается в режиме редактирования из-за неудобства работы с ним.
|
| |
|
|
Для того, чтобы посмотреть как увидят наше меню посетители сайта проведем конвертацию в HTML (кнопка «Конвертировать в HTML и просмотреть»).
Появится окно браузера с нашим сайтом. Проверим работу меню(наводя на пункты меню курсор и щелкая левой кнопкой мышки).
|
| |
|
|
Закроем окно браузера, щелкнув левой кнопкой мышки по кнопке закрыть в правом верхнем углу. |
| |
