| |
| |
When developing web applications, if you are using a database, designing it first is essential. The database structure used here is the exact one used in the Generate a database-driven menu using another table structure tutorial. Please read its description and where to find the necessary scripts here.
Note: You will use a database in this tutorial, therefore a server model is required. But remember that you can create static CSS menus in plain .html pages. To see an example for this situation, check out this tutorial.
Before you start building the actual application, there are a few things that you should do:
Create a new site in Dreamweaver and make sure it is correctly configured: set the Local Info, Remote Info, and Testing Server options (since you are using a database, a server model is required).
In order to complete this tutorial, you need five files in the Dreamweaver site. Create them in the site root and name them:
home
spring_pack
products
overview
contact
Open one of these five pages (e.g. home) and define a Dreamweaver database connection: conn_html_menu. Configure it to connect to your database server and make it point to the database containing the table described here.
From the \tutorials\Another table structure folder in the package, copy the logos folder in the local site root. It contains all the image files (product logos) used in this tutorial - the image names are stored in the database table provided.
Note: For more instructions on how to configure your site and how to create the database connection, consult the Getting started help file. It can be accessed in Dreamweaver from the Help menu, InterAKT -> Getting Started.
Continue with the next topic to add content in the site pages.