Easy CSS Menu

Навигация

Содержание сайта

Разное

Навигация

Обзор л.2

Easy CSS Menu

На рисунке - Easy CSS Menu v 3.3 (2011 - 2013 гг.). Интерфейс на русском языке. Справка на англ. языке. Вес 23,8 Мб.
Имеется бесплатная и 2 платные версии программы (цены 29,95 и 49,95 долл.), срок испытания 20 дней.
Операц. системы Windows XP, Windows Vista, Windows 7 или более новые.
Автор: Blumentals

Последние версии:
     
Easy CSS Menu является урезанной версией программы этого же автора Easy Button & Menu Maker.

Easy CSS Menu - простая программа. Среди бесплатных программ по созданию меню - одна из лучших (если не самая лучшая).
 Бесплатная версия включает в себя только 20 шаблонов и ограниченные возможности по сравнению с платными версиями.

Содержание сайта Редакторы кода Обзорный лист 1 Notepad 2 Notepad++ Note Tab Namo Code Editor AceHTML Web Editor Справка AceHTML Обзорный лист 2 Редактор 1 Редактор 2 Редактор 3 Редактор 4 Редактор 5 Обзорный лист 3 Обзорный лист 4 Обзорный лист 5 Комбинированные редакторы Обзорный лист 1 Обзорный лист 2 Редактор 1 Редактор 2 Редактор 3 Редактор 4 Редактор 5 Визуальные редакторы

Слева - пример меню, созданный в бесплатной версии программы Easy CSS Menu (с применением JavaScript). Может быть создано меню без JavaScript Меню может быть горизонтальным или виртикальным. Основные шаги: Выбор шаблона Выберите один из шаблонов меню в разделе Шаблоны кнопки.  Выбранный шаблон можно изменить или выбрать другой шаблон в процессе работы над меню.

Имеется два типа шаблонов, и Вы можете создать два типа меню - меню CSS и меню, основанное на изображении.

Чистое меню CSS не содержит файлов изображения (кроме значков и градиентного фона) и состоит из чистого HTML и кода CSS.

Преимущества чистого меню CSS - большой выбор дизайна, более чистый код, быстрая загрузка, JavaScript не используется.

Меню, основанное на изображении (Классическое) использует изображения для главных кнопок меню. Преимущества этого меню - более яркие кнопки главного меню, главное меню может содержать кнопки различных стилей, JavaScript используется.
По умолчанию меню включает файл JavaScript, чтобы увеличить удобство и простоту использования и визуальные эффекты.

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

Особенности и  интерфейс для того, чтобы редактировать основанные на изображении и чистые меню CSS,  немного различны.

В последних версиях программы возможно создание меню для мобильных телефонов.
Совместимость с HTML 5.

Основы работы:

Первый пункт

После выбора шаблона в окне редактирования появится одна кнопка - для первого пункта меню.

Отредактируйте первый пункт меню, используя панель свойств (справа ):
введите свое название пункта меню;
определите цвет кнопки и цвет границ
определите шрифт надписи  (вид шрифта, его размер, стиль и цвет). Цвет шрифта может быть разным - для обычной кнопки и кнопки при наведении курсора;
создайте ссылку
и другое.

Значки
При необходимости поместите на кнопку значок - с редактором идет очень много различных значков. Для этого первоначально нужно выделить кнопку, а с клавишей Ctrl - несколько кнопок одновременно.
Кроме того, Вы можете применить и свои значки. Для этого выберите значок на своем компьютере и поместите его в папку установки Easy CSS Menu (папка klipart/icons). После этого Вы можете поместить сторонний значок на кнопку, как сделано в примере меню - вставлен значок
Для использования некоторых значков, идущих с программой, нужно разместить ссылку на автора значка.

Добавление пунктов

После выбора шаблона Ваше меню состоит из одного пункта (одной кнопки).
Щелкните по кнопке Добавить пункт на ленте. Правее первого пунка появится второй пункт (вторая кнопка). Аналогично тому, как это производилось с первой кнопкой, определите свойства второго пункта.
Таким образом создаются и другие главные пункты меню.
При горизонтальном расположении меню количество пунктов меню лимитируется шириной страницы, при вертикальном расположении меню этого ограничения нет.

Добавление подпунктов

Щелкните по пункту, раскройте список рядом с кнопкой Добавить пункт, выберите Добавить подменю. Будет добавлена кнопка подменю.
Определите свойства подменю на Панели свойств, как описано выше.
В свою очередь щелкнув по подменю и снова выбрав Добавить подменю, Вы создадите под-подпункт.
В принципе число пунктов, подпунктов, под-подпуктов и т.д. (т.е. число уровней меню) - не ограничено.
Кнопки подменю можно также снабдить значками или оставить без значков.

Вы можете изменить вид оформления пунктов подменю, щелкнув по кнопке Submenu Templates (Шаблоны подменю).

Стрелки

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

Сохранение единственной кнопки

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


Свойства кнопки

Выделите кнопку. Используя клавишу Ctrl, можно одновременно выделить несколько кнопок. Используйте Панель свойств (правая панель)  для определения свойств кнопки.


Примените визуальные эффекты

Чтобы сделать Ваши меню полупрозрачными, добавьте тень или измените всплывающий эффект
Нажмите на вкладку Общие в верхнем правом углу. Установите эффекты.
  

Вставка меню на web-страницу

Откройте вкладку Publish ( переключение вверху ленты).
Сохранить меню как HTML - будет создана пустая страница и на нее вставлено меню.
Вставить в веб-страницу - будет показан код меню. Скопируйте код и вставьте его в нужное место нужной веб-страницы.

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

Сохранение проекта меню

Созданное и вставленное на страницу меню (см. выше) нельзя вновь открыть в Easy CSS Menu.
Если Вы рассчитываете на то, что может понадобиться дальнейшее редактирование меню - сохраните проект меню.
Для этого в меню File выберите Сохранить проект. Проект сохраняется с расширением .bamp.


Справка программы (англ. язык)

Скачать / Купить Easy CSS Menu


Другие программы этого автора:

---

Программы, похожие на Easy CSS Menu:



Вернуться к обзору

О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.