| |
| |
Use the New AJAX Site wizard to put together an AJAX site in the simplest and fastest way: the needed files and the corresponding site structure are automatically generated. You can later on add new panel states, panels, or other AJAX controls.
The New AJAX Site wizard can be found inside Dreamweaver's Site menu. Launch it in a new empty site, correctly configured in Dreamweaver (set the Local Info, Remote Info, and Testing Server just like for any other functional site of yours).
Note: Do not skip to set the server model - in order to provide graceful degradation for your web application, MX AJAX Toolbox needs a server technology. This way, even when JavaScript is disabled in the client’s browser, your website will still be available to visitors.
The supported server models are PHP ADODB (provided by PHAkt) and PHP MySQL.
The New AJAX Site wizard has two steps.
Configure the first step of the New AJAX Site wizard as shown below:
In the Site name text box enter the text that you want displayed in the Header panel of the AJAX site. It is pre-filled by default with the name of your Dreamweaver site.
In the Layout drop-down menu decide how your site content will be organized: in 2 or 3 columns displayed between the site header and footer.
The image below these two interface controls offers a preview of how the AJAX site page will look in browser.
The buttons in the lower part of the interface (they appear on both steps of the wizard) offer the next functionalities:
With the < Back/Next > buttons you can navigate through the wizard's steps.
Click Finish to apply the wizard, when you are done configuring it.
Click Cancel to exit without the new settings to be applied.
The Help button brings you to this help page.
Click Next to continue configuring the wizard.
Configure the second step of the New AJAX Site wizard as shown below:
When you launch the wizard, the Content states grid has one item - its title is "Welcome to {Site name}" (the value you specified in the first step of the wizard) and its state name is "home" (this is also the name of the generated file). It is checked to be displayed in the site menu and it uses the Default template.
Notice the four buttons above the Content states grid. Use them to perform the following operations:
Click the Plus (+) button to add a new state for the main panel, Content.
Click the Minus (-) button to remove the currently selected state in the grid.
To change the Content states order (in the site menu, for those that show) use the up arrow and down arrow buttons on top of the grid.
For each newly added state in the Content panel, configure the following options:
In the Title text box specify the page title (in browser) set by the current main panel state.
In the State name text box specify the name of the current main panel state. This will also be the name of the corresponding site file.
With the Display in menu checkbox decide if the current main panel state will be accessed directly from the site menu or not.
In the Template drop-down menu select one of the predefined templates.
Check out the related topics listed below to see the site structure generated by the wizard and all the files and folders it creates.
Related Topics