| |
| |
At this stage in developing the application, the database-driven menu is displayed in each of the four site pages, as well as a content placeholder where you should add specific content for each page. This is what you will do in this tutorial topic.
Three of the four site pages have static content (entered manually) and one page, namely products, has its content dynamically retrieved from the database.
Follow the instructions below to populate the five site pages:
Open the home page and replace the temporary text in the content placeholder ("Content placeholder") with the following one:
----------
InterAKT Online is a self-funded web development company that started in 2000. Our goal is to simplify web development in all possible aspects.
The software products created and provided by InterAKT Online include bundles, extensions, web applications or free products.
This small site here presents the MX Spring Pack 2006 bundle.
----------
Save the home page, upload it to the server, and close it.
Open the products page. This is the only site page that has its content dynamically retrieved from the database you connected to.
To add specific content in this page, follow the instructions given here (until step #10), considering these few differences:
When creating the rsProductDetails recordset:
Select the conn_InterAKT_table database connection.
Name the URL parameter that the recordset is filtered by id, and not id_prd.
The "editable region" mentioned there corresponds to the content placeholder (div) in this current situation, so make sure to add all those elements in page inside the div designed for the page specific content.
Ignore step #2 when you are told to transform the MX Spring Pack 2006 text section into a link.
After following all these steps, the products page in Dreamweaver, in Design view, should look like this:
After performing these operations, notice in the Server Behaviors tab of the Application panel the new recordset and dynamic elements added (to the ones already existing).
Save the products page, upload it to the server, and close it.
Open the overview page and replace the temporary text in the content placeholder ("Content placeholder") with the following one:
----------
InterAKT's main lines of business stay in creating tools for software development - for Intranet, Web Publishing, and E-commerce. Most of our tools extend Dreamweaver and offer more productivity to developers and designers alike. Our mission is to provide functionality without any compromise on quality.
We are Macromedia partners for extending Dreamweaver. While we will continue to offer the best possible solutions to our Dreamweaver customers, InterAKT is looking into new markets where our experience and technology might help. We view the Flex, .NET, JSP and Web 2.0 technologies as new areas where we can make a difference, and in the near future our offer will include a more varied line of solutions.
----------
Save the overview page, upload it to the server, and close it.
Open the contact page and replace the temporary text in the content placeholder ("Content placeholder") with the following one:
----------
Address: 1-11 Economu Cezarescu ST, AYASH Center, 1st floor, Sector 6, ZIP 060754, Bucharest, Romania
Web: www.interaktonline.com
E-mail: contact@interaktonline.com
Phone: +4031 401.68.19 or +4021 312.51.91
Fax: +4021 312.53.12
----------
Save the contact page, upload it to the server, and close it.
Now that content has been added in all four site pages, in the reserved location (div), your application is completed. Preview in browser one of the four pages and use the menu to navigate in your site:
Notice how each menu item (except for the ones on the first menu level that have sub-items) opens a certain page, or the same page, but with another value for the URL parameter.
In the tutorial you just completed, you generated a CSS menu using the Database-driven CSS Menu Wizard and the InterAKT table structure. The site pages are not template-based: the common part was created first, and then the files using the Save As function.