| |
| |
By following this tutorial you will learn how to use MX AJAX Toolbox to build a "static" AJAX-based site (no database to connect to and to retrieve data from). The goal of the tutorial is to make you familiar with some of the most important features in MX AJAX Toolbox, that is why the manually (statically) entered content in the site pages is not the main focus. In the Create an Online Music Catalog tutorial you will use a database, connect to it, and then retrieve data from there.
In this tutorial you will build a company presentation website. Similar applications can be built, such as: personal website, travel diaries, blogs etc.
For building this web application you will:
Create an AJAX-based site and its structure (panels) in a visual manner, by simply configuring a dialog box. Then add static content (regarding a company presentation) to the panels states.
Add the company logo next to the company name in the Header panel.
Create AJAX links that point to the news details, and then back to the main news page.
Add AJAX tooltips to the news details link in order to see a preview of the news.
Check out this demo to see a similar (but more complex) site to the one you are about to build.
The only Dreamweaver extension you need in order to follow this tutorial is:
Note: If you also install PHAkt (free product - Try), you will be able to use the PHP ADODB server model. Since no database connection is needed for this tutorial (manually entered content), there is absolutely no difference in the instructions ahead between PHP ADODB and PHP MySQL (these are the only two server models that MX AJAX Toolbox supports).
The estimated completion time for this tutorial is 30-40 minutes. It also depends on your authoring knowledge with Dreamweaver and MX AJAX Toolbox.
Plan the company presentation website
Build the "static" AJAX site and its structure