In this topic you will take care of seven out of the nine server model-based files created earlier: you will be instructed how to add content in the header and footer pages, as well as in the site menu pages (pages to which the menu items point).
Open the header file. This page will contain the site header (an image) that will be displayed on all the site "pages" (remember that this application is built in a reusable-code manner, using MX Includes).
Follow the next steps to insert the header image in page:
Click the Images : Image icon in the Common tab of the Insert bar:
In the dialog box that opens browse to the header.jpg image located in the header site folder (that you previously copied in your site root), and select it to be inserted in page:
Another dialog box will pop-up after you press OK in the Select Image Source one, namely the Image Tag Accessibility Attributes dialog box. Just click Cancel as explained here.
Press the right arrow key to deselect the image inserted in page, and then press Enter to create an empty paragraph below it (this will ensure some blank space below the menu - a 'white' strip).
After following the steps above, the header page in Dreamweaver, in Design view, should look as follows:
Save the header page, upload it to the server, and close it.
Open the footer file. This page will contain the site footer (a small text section) that will be displayed on all the site "pages" (remember that this application is built in a reusable-code manner, using MX Includes).
Follow the next steps to create the site footer:
Click the Horizontal Rule icon in the HTML tab of the Insert bar to insert a horizontal line in page:
Once inserted, the line is selected. Press the right arrow key to deselect it, and then press Enter to create a new paragraph below it.
In the new paragraph enter Copyright @ 2006 InterAKT Online - Dreamweaver Extensions for Dynamic Websites.
After following the steps above, the footer page in Dreamweaver, in Design view, should look as follows:
Save the footer page, upload it to the server, and close it.
You will now add content in the five site pages to which the menu items point:
home
spring_pack
products
overview
contact
Open the home page and enter (copy/paste) the following text:
----------
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 spring_pack page and enter the following text:
----------
MX Spring Pack 2006 is a bundle of Dreamweaver extensions that help you enhance your website front-ends with new features and options. You can now add navigation menus, search features, or RSS feeds to your site in less time and with better results than before. Your visitors will definitely notice the new calendars and schedules, and can enjoy your brand-new image gallery. All this can be yours with this special spring offer. Save $115 with the new MX Spring Pack 2006!
----------
Save the spring_pack page, upload it to the server, and close it.
Open the products page. This is the only site menu page that has its content dynamically retrieved from the database you connected to. To populate this page, follow the instructions given here, considering these few differences:
The database connection you are using when creating the rsProductDetails recordset is conn_include_menu.
Make the MX Spring Pack 2006 text section a link to the index file from the site structure, and not to the spring_pack one. Also, pass an URL parameter having the name - mod, and the value - spring. In the Link text box from the Property Inspector (when the cursor is placed inside this text section), there should be: index.php?mod=spring.
Ignore the last step when you are told to reserve space for the menu.
After following those instructions, the products page in Dreamweaver, in Design view, should look like this:
Notice in the Server Behaviors tab of the Application panel the recordset and the dynamic elements added after performing these operations.
Save the products page, upload it to the server, and close it.
Open the overview page and enter the following text:
----------
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 enter the following text:
----------
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.
Continue with the next topic to generate the database-driven menu in the menu page.