| |
| |
By following this tutorial you will learn how to use MX AJAX Toolbox to build an AJAX-based site put together with the help of five AJAX panels, inserted one by one. You will use a database to connect to, and for some of the site pages you will retrieve content from there.
In this tutorial you will build a company presentation website (same theme as here, but different method adopted). Similar applications can be built, such as: personal website, tennis tournament site, online library etc. (basically, ANY kind of sites).
For building this web application you will:
Design the layout of the main site page in a CSS manner, using only divs.
Insert an AJAX panel in each div (except for the container div), and define the needed states for the master panel.
Add AJAX widgets and controls in your site:
AJAX links with tooltip, tabset, and photo gallery in the master panel.
Accordion and collapsible region in the Nuggets panel.
Check out this demo to see a very similar site to the one you are about to build.
The only Dreamweaver extension you need in order to follow this tutorial is:
The estimated completion time for this tutorial is 60 minutes. It also depends on your authoring knowledge with Dreamweaver and MX AJAX Toolbox.
Plan the AJAX panels application
Design the CSS layout for the AJAX panels site
Create the five AJAX panels needed
Complete the header, menu, nuggets, and footer panels
Complete the main panel with its states