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 v 4.3 (2015 г).
Работает в Windows XP, Vista,  7, 8, 10. Новое в программе - возможность создания меню для экранов разных размеров.


Easy CSS Menu - простая программа. Среди бесплатных программ по созданию меню - одна из лучших (если не самая лучшая).
Слева - пример меню, созданный в бесплатной версии программы 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


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

WeBuilder - Редактор кода для веб-дизайнеров.
Rapid PHP Editor - Редактор PHP IDE и PHP.
HTMLPad - Редактор HTML/CSS/JS. 
Rapid CSS Editor - Редактор CSS. 
Easy GIF Animator - Создание анимации формата GIF 
Easy Button & Menu Maker - Создание кнопок и панелей навигации (меню)
Easy CSS Menu - Создание меню на основе CSS.
Rapid SEO Tool - Программа для оптимизации сайта для поисковых систем.
Findberry Site Search - Добавление поиска на любой веб-сайт.
Free CSS Toolbox - Бесплатная программа для форматирования, сжатия и проверки правильности кода CSS
Surfblocker - Программа для ограничения доступа в Интернет.
Program Protector - Защита паролем любой программы.
Screensaver Factory - Создание заставок экрана компьютера
Screensaver Wonder - Создание заставок экрана компьютера



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

CSS3Menu
CoffeeCup Free DHTML Menu Builder.


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