Выпадающие меню с помощью Netobjects Fusion

В комплект NOF входит инструмент под названием "DynaButtons", с помощью которого вы сможете сделать на вашей странице выпадающие меню. Горизонтальные или вертикальные выбирать вам. Для того чтобы "почувствовать" этот интсрумент на деле нам потребуеться сайт состоящий например из 12 страниц. Вы можете придумать структуру ту которая нравиться вам, я выбрал "классическую", часто встречающуюся в интернете.



Наша задача сделать для нашей структуры новые выпадающие меню под баннером, т.е. при нажатии на кнопку "Design", должно появиться допольнительное меню выпадающее вниз соcтоящее из "Web", "Cover", "Logo" и "Typo". Соответственно "Beste", "Neu" и "Staedte" при нажатии на кнопку "Foto"



На странице "Home" нажимаем на инструмент "DynaButtons" и вычерчиваем под баннером четырехугольник - наше будующее выпадающее меню. После того как вы прочертили меню, на экране вы видете серый четырехугольник с надписью "DynaButtons", а также свойства этого инструмента.



В свойствах DynaButtins поле Orientation (Ausrichtung) оставляем без изменений, в Number of Buttons (Anzahl der Schaltflaeschen) выбираем 5, потому что мы хотим сделать 5 кнопок и нажимаем на галочку.



После изменения настроек меню под баннером значительно увеличилось.



В настройках меню определям кнопки, для этого двойной щелчок на Button 1 (Schaltflaeche 1) из появившегося меню



выбираем "Home", тоже самое проделываем для остальных кнопок: Button 2 - "Portfolio", Button 3 - "Design", Button 4 - "Foto", Button 5 - "Kontakt"



Теперь нам осталось только сконфигурировать кнопки "Design" и "Foto", выбираем в поле Use Sub-Buttons 3 (Untergeordnete Schaltfl. definieren) - "Yes". В поле Sub-Button 3.1 (Untergeordnete Schaltfl. nummerieren 3.1) выбираем из открывшегося нового окна "Web" (рис. выше). Тоже самое проделываем для Sub-Button 3.2 - Cover, Sub-Button 3.3 - Logo, Sub-Button 3.4 - Typo. Анологичным образом проделываем туже операцию для кнопки "Foto".



Теперь необходимо привести дизайн в порядок, для этого удаляем "стандартное вертикальное меню" слева и перемещаем баннер и наше "новое динамическое" меню влево, как это показано на рисунке.




Для того чтобы просмотреть своё творение, необходимо сгенерировать код путем нажатия на "Publish Site" (Publisieren), в противном случае вы ничего не увидете. При нажатии на кнопку "Design" или "Foto" вы увидете меню 2 уровня. Выпадающее меню можно сделать так, чтобы при наведении мышкой на кнопку меню выпадало самостоятельно, для этого вам потребуеться применить Aktion. См. статью "Полёты текста и картинок на вашей вебстранице за 5 минут с помощью NetObjectsFusion."



Автор: Константин Талалаев
Источник: Cоздание сайтов и их продвижение