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

Предисловие

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

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

Мне казалось, что можно найти бесплатное приложение и получше, однако выяснилось, что то, что я нашел из халявного оказалось самым хорошим:)

Сегодняшнюю статью я хотел бы посвятить одному нашему постоянному читателю - Умбреку! Ведь именно благодаря нему я провел достаточно глобальное «перелопачивание» Интернета на предмет нахождения лучшей бесплатной программы для создания меню на сайт.

Что из этого вышло - судите сами… :)

Сравнение с платным аналогом

Похожего результата можно добиться при помощи использования JavaScript. Такой подход предлагает нам платная программа AllWebMenus:

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

Однако есть и один достаточно весомый минус в создании навигации при помощи JavaScript! У некоторых пользователей скрипты автоматически блокируются, что означает невозможность использования такого меню в их браузере!

Поэтому подход к созданию навигации на чистом CSS, по крайней мере мне, представляется более удачным…

Справедливости ради стоит отметить, что у CSS Menu Generator есть и платная PRO-версия, за которую нужно «отвалить» ни много, ни мало $19.

За эти деньги мы получим возможность в визуальном режиме работать с фоновыми картинками для кнопок, а также добавлять на эти же кнопки нужные иконки.

И да! Мы получим право использовать программу в коммерческих целях:).

Начало работы с программой для создания меню сайта

Для начала работы с CSS Menu Generator нам потребуется установить программу. Для этого запустите инсталлятор из скачанного архива и пройдите несложную процедуру установки, нажимая кнопку «Next».

Сохранение готового меню

А пока перейдем на третью вкладку программы - «3) Get the Files»:

Данная вкладка служит для сохранения нашего меню в готовые файлы. Здесь у нас опять есть три раздела, первый из которых и позволяет сохранить меню.

По сути все, что мы настраивали с Вами в предыдущих вкладках, сохраняется в три отдельных файла:

1. csshover2.htc - файл-заплатка для корректной работы полученного меню в Internet Explorer 6;
2. style.css - таблица стилей, которая обеспечивает оформление нашего меню;
3. index.html - готовый HTML-документ, в котором находится само меню.

Для сохранения файлов нужно в правой части вкладки, которая представляет собой, по сути, Проводник , нужно указать выходящую папку, а затем нажать кнопку «Export Files to Selected Folder».

Однако я бы советовал немного повременить с сохранением и рассмотреть два дополнительных раздела данной вкладки.

Инструкции по внедрению готового меню на сайт

Первый из них - «Template Help Info»:

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

Итак, для работы созданного меню Вам потребуется:

1. Закачать файлы csshover2.htc и style.css в корневой каталог Вашего сайта. Если файл style.css у Вас уже существует, то вам понадобится скопировать его содержимое и добавить к содержимому существующего файла.
2. Открыть файл index.html при помощи Блокнота и скопировать из него -теги и все, что находится между надписями «» и «».
3. Открыть Блокнотом файл index.html вашего сайта и вставить -теги в секцию «», а блок с меню в нужное место в теле Вашей странички, после чего сохранить все изменения.

Вот, собственно говоря, и все:)

Изменение кодировки для отображения кириллицы

Перейдем в третий раздел - «HTML/CSS Code»:

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

В данном разделе Вы можете скопировать все нужные данные непосредственно из кода сгенерированных файлов!

Здесь стоит как раз упомянуть о нашей несостыковке в отображении русских букв.

На скриншоте выше можно увидеть причину этого недостатка. В атрибуте «charset>», который отвечает за кодировку странички должно быть задано значение windows-1251 !

Если у Вас на сайте установлена другая кодировка или вообще отсутствует нужный МЕТА-тег, скопируйте его из кода.

Если Вы хотя бы немного разбираетесь в CSS, то в данном разделе Вы также можете внести нужные Вам коррективы в таблицу стилей, которая расположена на вкладке «CSS Code».

Что также примечательно, в каждой вкладке есть кнопки «Copy to Clipboard» и «Save File», что позволяет копировать выделенные фрагменты или целиком сохранять только отдельные файлы.

Достоинства и недостатки программы

• возможность создавать многоуровневые выпадающие меню;
• вертикальная и горизонтальная ориентация меню на выбор;
• возможность изменения цветового оформления меню;
• наличие окна предпросмотра результата;
• прямой доступ к файлам меню без необходимости что-либо сохранять.

• малое количество шаблонов;
• в FREE-версии нет возможности добавлять фоновые картинки и иконки;
• не совсем удобная работа с кириллицей.

Выводы

Однозначный вердикт вынести сложно… С одной стороны CSS Menu Generator имеет в своем арсенале все необходимое для создания качественных многоуровневых CSS-меню для сайта.

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

Естественно, что если Вы обладаете знаниями в области каскадных таблиц стилей, то Вы без проблем сможете вручную разнообразить полученное меню. Но для «чайника» можно было бы и побольше вариантов оформления сделать, ИМХО:).

Тем более, что за это все еще и берется $19 (если Вы захотите получить платную версию с двумя дополнительными шаблонами и возможностью работы с картинками)!

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

Поэтому, если Вам нужно быстро создать навигацию по сайту, то CSS Menu Generator - именно тот инструмент, который поможет Вам сделать это в кратчайшие сроки и без лишних проблем!

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

Сегодня расскажу про пару программ, с помощью которых, вы без проблем сможете быстро создать любое DVD-меню без особых знаний. Если вам казалось, что это сложно, то могу только сказать, что глубоко ошибаетесь. Ниже описанные программы и сделают процесс создания меню для DVD легким и интересным! Теперь можете делать собственные сборники любимых фильмов с удобной навигацией по фрагментам, что очень важно при просмотре DVD на обычном DVD плеере.

Разработчики Super DVD Creator, встроили в программу три утилиты:

1. Конвертер видео файлов в VOB формат, для создания фрагментов фильма. Подчеркну, что можно сконвертировать уже существующие VOB файлы — пригодится если хотите снизить размер фильма или обрезать его.
2. Создание DVD меню, с последующей записью на DVD и естественно созданием авто запуска для меню
3. Запись фильмов на DVD. Думаю, комментариев не требуется.

Итак, запускаем конвертер. Минимум кнопок и всяческих примочек, все понятно — уже хорошо, но хочу отметить и недостаток — нельзя настроить разрешение в пикселях для видео, что было бы полезно для ноутбуков или просто домашних компьютеров.

Начало и конец фрагмента, качество и формат экрана — вот все, что предлагает выбрать Super DVD Creator в своем конвертере — не богато, но нам нужно создать меню и поэтому идем в следующий этап и смотрим как программа работает там.

Кликаем по кнопке «DVD compiler» тут еще проще, весь процесс создания DVD-меню разработчики Super DVD Creator уместили в одном окне.

Справа выбираем фоновую заставку для меню (можно свою), в нижней части добавляем фрагменты фильма и указываем формат экрана(16:9 или 4:3). Далее, стоит обратить внимание на функцию добавления текст в меню и фоновой музыки, на этом процесс создания меню закончен, остается только записать получившийся DVD, что можно сделать как в самой программе, так и с помощью любой другой записывалки DVD, например Nero, но это уже ваше дело.

Технические характеристики:

Вес: 10.2 mb

Интерфейс: Английский Системы: Windows 95/98/ME/xp Vista

Основные минусы:

• возможностей мало, сможете сделать только простенькое меню ничего более. Для домашнего просмотра больше и не надо;)
  

Более мощное решение, для желающих сделать проффесиональное DVD меню. В DVD-lab Pro разработчики предали особое внимание тонкой настройки эффектов и уникальных элементов меню. В программе есть возможность создать красивые анимационые эффекты, например передвижения кнопок при выборе. Можно сделать слайд-шоу из изображений, например для презентации или любимых фотографий для удобного просмотра на телевизоре. Также DVD-lab Pro может сделать режим чтения DVD диска в формате караоке. Более глубоко описывать возможности этой программы не буду, если уверены в своих возможностях скачивайте, помощь от меня всегда есть, пишите в комментариях, что не ясно. Помогу.

Технические характеристики:

Вес: 27.3 Мб

Интерфейс: Английский Системы: Windows 95/98/ME/xp

Основные минусы:

• Довольно сложный интерфейс. В целом, что может понадобится в программе имеется.
  

Обновление от 26.03.2012! Обзор дополнен отличной программой DVDStyler.

DVDStyler (добавлено 26.03.2012)

DVDStyler — бесплатное приложение от разработчика «DVDStyler Team», позволяющее проводить DVD-авторинг. Это создание образов DVD-дисков, которые можно проигрывать в стандартном DVD-плеере. С помощью этой программы любой желающий получает возможность из любого видеоролика или серии роликов создать один DVD-образ со всеми соответствующими функциями.

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

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

К списку поддерживаемых форматов можно отнести AVI, MPEG, WMV, MP4, MOV, OGG, а также некоторые другие форматы файлов, с которыми сталкиваются пользователи в работе. Среди поддерживаемых звуковых форматов стоит отметить MP3, MP2, MPEG2, MPEG4, AC-3, DivX, XviD. При этом с помощью данной программы можно монтировать образ с использованием нескольких файлов разных форматов.

Интерфейс программы реализован на основе принципа drag&drop, т.е. для использования того или иного файла или шаблона достаточно просто перетащить его в соответствующую ячейку. Меню DVD диска создаётся на основе векторной графики, также можно импортировать другие файлы для создания фонов и т.д.

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

ОС: Windows, Mac OS, Linux

Подводя итог, скажу что в зависимости от сложности, качества DVD — Меню зависит, какую программу лучше выбрать. Для простого и быстрого создания простеньких менюшек вам в помощь — для остальных, кто хочет сделать что-нибудь поинтереснее в помощь или DVDStyler. Кстати, DVDStyler в обзор был добавлен недавно, на то были причины — приложение полностью бесплатно и многофункционально. Рекомендую!

Инструкция

Скачайте и установите программу для создания загрузочного меню, например, Longtion AutoRun. Для скачивания программы перейдите на сайт разработчика http://www.longtion.com/ . Данная программа позволяет работать с шаблонами, управлять и тестировать оболочки, что дает возможность ускорения разработки. Программа имеет понятный интерфейс, и мастер построения - это позволит работать с ней непрофессионалу. Сделать загрузочное меню можно двумя способами. Если вы создаете меню впервые, выберите мастер создания. Выберите меню «Файл» и нажмите команду «Мастер». Поместите все файлы, которые вы хотите записать на диск, в одну папку и укажите эту папку в первом окне мастера.

Нажмите кнопку «Далее», чтобы продолжить создание загрузочного меню. Нажмите кнопку «Настройка» (Configure), выберите нужное оформление для своего меню, установите цвета шрифта и фона. В поле Form icon нажмите кнопку Select и выберите со своего компьютера файл изображения, чтобы установить его в качестве иконки для диска. В следующем поле выберите звуковой файл, который будет сопровождать открытие диска. Далее установите цвета и размер для загрузочного меню с помощью соответствующих кнопок. Перейдите во вкладку Splash screen, в этой вкладке выберите изображение, которое будет открываться в качестве приветственного экрана вашего диска. Установите время, в течение которого оно будет показываться на экране. Перейдите в следующую вкладку, чтобы оформить загрузочное меню диска. Выберите настройки меню, затем текст и настройки соглашения. В следующей вкладке выберите настройки безопасности.

Нажмите кнопку «Далее», установите настройки ссылок. Например, сделайте ссылки на установочные файлы, которые находятся на вашем диске, чтобы из меню можно было сразу начать установку той или иной программы. В следующей вкладке создайте ярлыки и кнопки для своего загрузочного меню, нажмите кнопку «Далее». В этой вкладке можно протестировать свое загрузочное меню с помощью кнопки Save and test. После просмотра результата вы можете вернуться на любой из шагов и загрузочное меню.

Зарегистрируйте программу, чтобы иметь возможность использовать шаблоны в создании загрузочного меню и программой после 30-дневного ознакомительного периода. Для того чтобы сделать меню загрузки с помощью шаблона, щелкните мышью по одному из значков шаблонов на панели инструментов программы. В окне справа будет открыт шаблон, доступный для изменения. Щелкните мышью по определенному элементу, чтобы его изменить. Далее нажмите кнопку «Сохранить».

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

Используя дружественный интерфейс данной программы , вы сможете настроить все цвета, шрифты, размеры, промежутки, также как и большой список других параметров (коих более 50), чтобы настроить меню полностью по вашему вкусу. ... Вы сможете создавать навигационное меню , используя простой XML файл с возможностью добавлять неограниченное количество элементов во второй уровень меню .

... Программа Womble EasyDVD – это программа для процесса создания авторского создания мультимедийных продуктов на DVD быстро и легко. ... Программа EasyDVD обеспечит вас расширенным меню шаблонов. ... - Профессиональное меню . ... При помощи программы EasyDVD вы сможете работать с каналом 5. ... - Поддержка создания составного видео.

Setup Factory – это лучшая программа создания установщиков, которая уже используется миллионами разработчиков программ для создания надежных инсталляторов к своим программам . ... Даже если вы хотите создать ярлыки на рабочем столе и в меню пуск или настроить деинсталлятор в инструменте контрольной панели «Установка/удаление программ » - просто сделайте пару щелчков мышью и все!

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

... Программа abcAVI имеет гибкую систему создания отчетов по открытым видео файлам (текстовый, HTML, XLS форматы). ... abcAVI поддерживает одновременную работу с большим количеством видео файлов, может встраиваться в контекстное меню AVI файлов. ... Программа abcAVI может импортировать информацию о фильмах из Internet Movie Database.

Программа Site Builder позволяет вам с легкостью составить динамический веб сайт с автоматически генерируемой структурой меню , автоматическим генерированием ключевых слов и генерированием описаний мета тегов, встроенных систем подачи RSS и действительных XHTML кодов. ... Данная программа подходит для любого, кто хочет создать и содержать приятный веб сайт, от новичков до профессионалов создания ...

Увлекательный интерфейс программы , профессиональный вид с динамической системой меню . ... - Полная поддержка создания электронных записей. ... Программа Anxiety & Phobia – это дружественная система, которая следит за медикаментами, записывает ежедневные события, ведет запись симптомов, следит за терапией и даже составляет графики процесса восстановления.