Управление навигацией: редактор меню сайта

т       

Сайт создан по технологии «Конструктор сайтов e-Publish»

 

Управление навигацией: редактор меню сайта

В нашем проекте уже 6 страниц. Пока допустимо размещение всех страниц в левом меню сайта, но что делать, если их значительно больше? Размещать их все в левом меню крайне неудобно и для работы с сайтом и для его просмотра пользователями. В конструкторе есть возможность размещать на странице еще три вида меню(кроме левого). Давайте подробнее рассмотрим работу с меню.

Щелкнем мышкой по кнопке «Редактор меню» на панели инструментов.

В нашем проекте уже 6 страниц. Пока допустимо размещение всех страниц в левом меню сайта, но что делать, если их значительно больше? Размещать их все в левом меню крайне неудобно и для работы с сайтом и для его просмотра пользователями. В конструкторе есть возможность размещать на странице еще три вида меню(кроме левого). Давайте подробнее рассмотрим работу с меню.

Щелкнем мышкой по кнопке «Редактор меню» на панели инструментов.

 

Появится окно «Редактор меню».

 

Появится окно «Редактор меню».

 

 

В левой части расположен список всех страниц сайта.

 

В левой части расположен список всех страниц сайта.

 

 

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

 

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

 

 

Раскроется список. В этом списке можно изменить названия пунктов меню, изменить порядок их расположения и создать подменю. Рассмотрим как это сделать.

 

 

Раскроется список. В этом списке можно изменить названия пунктов меню, изменить порядок их расположения и создать подменю. Рассмотрим как это сделать.

 

 

 

Изменим название пункта меню (название страницы при этом не изменится, поэтому у вас может быт два пункта меню с разными названиями, но ссылающимися на одну и ту же страницу).

Выделим пункт меню, который мы хотим изменить.

Например «Главная».

Изменим название пункта меню (название страницы при этом не изменится, поэтому у вас может быт два пункта меню с разными названиями, но ссылающимися на одну и ту же страницу).

Выделим пункт меню, который мы хотим изменить.

Например «Главная».

 

Щелкнем по нему еще раз (стоит быть внимательным, потому что необходимо сделать именно выделение и щелчок левой клавишей мышки, а не просто двойной щелчок).

 

Щелкнем по нему еще раз (стоит быть внимательным, потому что необходимо сделать именно выделение и щелчок левой клавишей мышки, а не просто двойной щелчок).

 

 

Теперь мы можем редактировать название с помощью клавиатуры.

Назовем это пункт меню «Добро пожаловать!».

 

 

Теперь мы можем редактировать название с помощью клавиатуры.

Назовем это пункт меню «Добро пожаловать!».

 

 

 

Теперь покажем как можно переместить пункт меню выше или ниже по списку.

Допустим мы хотим чтобы «Новости школы» стал вторым пунктом меню. Выделим его щелчком мышки.

 

Теперь покажем как можно переместить пункт меню выше или ниже по списку.

Допустим мы хотим чтобы «Новости школы» стал вторым пунктом меню. Выделим его щелчком мышки.

 

 

Станут активными кнопки «Переместить по меню вверх» и «Переместить по меню вниз», этими кнопками вы можете свободно перемещать пункты меню.

 

Станут активными кнопки «Переместить по меню вверх» и «Переместить по меню вниз», этими кнопками вы можете свободно перемещать пункты меню.

 

 

Щелкнем по кнопке «Переместить по меню вверх». «Новости школы» стал вторым пунктом меню.

 

Щелкнем по кнопке «Переместить по меню вверх». «Новости школы» стал вторым пунктом меню.

 

 

Теперь рассмотрим как делать подпункты в меню.

Допустим мы хотим чтобы «Новости школы» стал подпунктом раздела «Добро пожаловать!». Для этого выделим его (если он еще не выделен) и щелкнем по кнопке «Переместить на более низкий уровень».

 

Теперь рассмотрим как делать подпункты в меню.

Допустим мы хотим чтобы «Новости школы» стал подпунктом раздела «Добро пожаловать!». Для этого выделим его (если он еще не выделен) и щелкнем по кнопке «Переместить на более низкий уровень».

 

 

Пункт «Новости школы» перешел в подменю. Подпункты можно создавать до 2-го уровня вложения.

 

Пункт «Новости школы» перешел в подменю. Подпункты можно создавать до 2-го уровня вложения.

 

 

И стала активной кнопка «Переместить на более высокий уровень».

 

И стала активной кнопка «Переместить на более высокий уровень».

 

 

Воспользовавшись этой кнопкой вы можете вернуть подпункты в основное меню.

Добавим еще несколько подпунктов.

 

Воспользовавшись этой кнопкой вы можете вернуть подпункты в основное меню.

Добавим еще несколько подпунктов.

 

 

Щелкнем по кнопке «ОК» и посмотрим, что у нас получилось.

 

Щелкнем по кнопке «ОК» и посмотрим, что у нас получилось.

 

 

По умолчанию для отображения подпунктов выбран каскадный тип меню (подменю выпадает при наведении мышкой на раздел). Выпадающий тип меню не отображается в режиме редактирования из-за неудобства работы с ним.

 

По умолчанию для отображения подпунктов выбран каскадный тип меню (подменю выпадает при наведении мышкой на раздел). Выпадающий тип меню не отображается в режиме редактирования из-за неудобства работы с ним.

 

 

Для того, чтобы посмотреть как увидят наше меню посетители сайта проведем конвертацию в HTML (кнопка «Конвертировать в HTML и просмотреть»).

Появится окно браузера с нашим сайтом. Проверим работу меню (наводя на пункты меню курсор и щелкая левой кнопкой мышки).

 

Для того, чтобы посмотреть как увидят наше меню посетители сайта проведем конвертацию в HTML (кнопка «Конвертировать в HTML и просмотреть»).

Появится окно браузера с нашим сайтом. Проверим работу меню (наводя на пункты меню курсор и щелкая левой кнопкой мышки).

 

 

Закроем окно браузера, щелкнув левой кнопкой мышки по кнопке закрыть в правом верхнем углу.

Закроем окно браузера, щелкнув левой кнопкой мышки по кнопке закрыть в правом верхнем углу.