Boost Website UX Using DHTML Menu Builder Lite For Navigation

Written by

in

DHTML Menu Builder Lite (most notably popularized by developers like Sothink) is a visual, no-code desktop application used to create cross-browser compatible, search-engine-friendly JavaScript and Dynamic HTML navigation menus. It eliminates the need for manual JavaScript coding, allowing web designers to generate multi-level drop-down or tree menus through a What-You-See-Is-What-You-Get (WYSIWYG) interface. Core Features

No-Code Visual Interface: Build, edit, and reorganize multi-level menu paths using simple drag-and-drop or copy-and-paste commands.

Ready-Made Templates: Includes dozens of pre-designed templates, styles, and a built-in image library for icons, backgrounds, and separators.

Search Engine Friendly (SEO): Generates lightweight code that search engine spiders (like Google) can easily crawl and index.

Cross-Browser Compatibility: Formats the output files to function uniformly across Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, and Safari.

Web Editor Integration: Seamlessly integrates via extensions into legacy and modern web editors, including Adobe Dreamweaver, FrontPage, and Expression Web.

Relative Path Handling: Automatically maps paths so your menus work seamlessly on a local machine, live server, or temporary staging environment without broken links. Setup & Installation Follow these steps to set up the software on your system:

Download: Obtain the installation package from an authorized host or software portal (such as Software Informer or Soft112).

Installation: Run the .exe installer wizard. Follow the prompts to select your destination directory and finish the setup.

Extension Integration: During installation, the setup wizard will detect if you have editors like Dreamweaver installed. Check the box to install the free companion plug-in if prompted.

Launch: Open the application. You will be greeted by a “Tip of the Day” window and a split-pane workspace showing your menu tree, a properties panel, and a live preview window. Complete Step-by-Step Tutorial Step 1: Select a Template or Create New When launching the app, choose New Project. Browse the Template Library panel on the left.

Select a layout type that matches your site’s design (e.g., Horizontal Top-Bar, Vertical Sidebar, or Tab Menu). Step 2: Build Your Menu Hierarchy

Use the Tasks Panel to add main navigation items (e.g., Home, About, Services, Contact).

Click Add Sub-Item to generate lower hierarchical levels (drop-downs) underneath your main elements.

Rearrange items at any time using the directional arrows or standard copy-and-paste actions. Step 3: Customize Properties & Links

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *