Open Contribute.

From the menu bar, choose Edit, My Connections.

In the My Connections dialog box, shown in Figure 34.1, click the Create button.

Figure 34.1. The My Connections dialog box enables you to connect to websites.

In the Create Connection dialog box (see Figure 34.2), click Next because you don’t have a connection key.

Figure 34.2. Because you don’t have a connection key, you need to create a connection manually.

In the URL field for the website, type the URL to the site you have been creating for Retro’s Cycles. If you followed the defaults throughout the book, the URL is http://localhost/retroscycles (see Figure 34.3).

Figure 34.3. Add the URL to the site to which you are connecting.

Because the site is located on your local hard drive, choose to connect to the site via Local/Network (see Figure 34.4). Click the Choose button and browse to the local folder that contains your pages. If you have been following the defaults, the path is c:InetPubwwwroot etroscycles.

Figure 34.4. Choose the connection type for your site.

Next, Type your full name and email address. This information helps to identify who made changes to a page for review purposes (see Figure 34.5).

Figure 34.5. Type your identification information.

The last step in creating the connection is to review the information you just entered (see Figure 34.6). If corrections need to be made, click the Back button until you reach the page you want to correct. If the information is correct, click the Done button.

Figure 34.6. Confirm that the connection information is correct.

When the connection has been created, it is visible in the My Connections dialog box. From this dialog, you can edit the connection settings and administer the website settings.

In the My Connections dialog box, click the Administer button in the upper-right corner. Contribute opens a dialog box indicating that you can choose the environment in which you would like your users to edit.

Because the staff of Retro’s Cycles are comfortable with using a word processor, choose the standard word processing environment and click Yes to indicate that you want to become the Administrator for the site.

In the Administer Website dialog box, shown in Figure 34.7, select the User and Roles category. This dialog shows users who are part of the site and enables you to invite others to have a role in managing content. Click the Send Connection Key button to send a key to Nancy.

Figure 34.7. The Administer Website dialog box allows you to configure users and their roles.

In the Send Connection Key dialog box (see Figure 34.8), choose Yes to send the current connection settings. Click Next.

Figure 34.8. Choose to send the current connection settings.

Because Nancy will be a Publisher for the site, choose Publisher and click Next.

To communicate the connection key, you’ll be sending the key to Nancy via email, so choose the Send in Email radio button and then type a unique password for Contribute to use for the base of the encryption key (see Figure 34.9).

Figure 34.9. Type the password that will be used for the base encryption.

Finally, review the connection key settings shown in Figure 34.10 and click OK if everything appears to be correct.

Figure 34.10. Review the encryption key settings.

With the connection key settings configured, Contribute spawns an email in your default mail client that includes the encryption key as an attachment (see Figure 34.11). The recipient need only click on the attachment to install the key.

Figure 34.11. Send an email to the user with the encryption key as an attachment.

Next, follow through the same steps to create an encryption key for Joe, only set him up as a Writer rather than a Publisher.

When completed, close the My Connection dialog box by clicking Close.

When the site was configured in Contribute, the home page of the site was opened in the Contribute browser (see Figure 34.12). Roll your mouse over the rollover links on the left side of the home page and notice that they change state as expected.

Figure 34.12. The home page is displayed in the browser and the rollover links function as expected.

Next, click the Contact button and notice that the browser renders the contact.cfm page. Click through the About Us and Services links and they render the appropriate links as well.

Click the For Sale button and notice that the database-driven table created in Dreamweaver is displaying correctly (see Figure 34.13).

Figure 34.13. The dynamic table displays the correct content.

Click on any of the links in the inventoryid column and note that the Contribute browser loads the details for that record (see Figure 34.14).

Figure 34.14. The dynamic details are displayed correctly as well.

Now that you know that the hyperlinks work as expected, you can start adding content to the blank pages.

In the Contribute browser, click the link to the home page.

To edit the page, click the Edit Page button in the upper-left corner of the browser. Contribute switches to Edit mode and the Contribute toolbar changes, replacing the navigation buttons with editing buttons (see Figure 34.15).

Figure 34.15. Switch Contribute to Edit mode.

Because these pages are based on a Dreamweaver template, Contribute recognizes the markup and allows you to access only the erTitle and erPageContent editable regions. Place your cursor in the erTitle editable region.

In the editable region, type Welcome to Retro's Cycles. Highlight the text and click the Bold button on the button bar. Change the font style and size to Arial, 12. Note that Contribute automatically creates a style for you named Style1 that you can reuse throughout the page (see Figure 34.16).

Figure 34.16. Add a title to the page and create a style based on the title.

Next, place your cursor in the erPageContent editable region and type Add introductory page content here (see Figure 34.17).

Figure 34.17. Add the placeholder text to the page.

Note in Figure 34.17 that the default font for the page has automatically been set to a sans serif typeface. In addition, notice that the title of the page—Retro’s Cycle Home Page—displays in the application bar of Contribute. You need to update this to read “Retro’s Cycles Home Page” instead. To do this, click the Page Properties icon in the browser’s upper-right corner.

In the Page Properties dialog box, you can select from the various page settings that are editable. Adjust the title so that it reads “Retro’s Cycles Home Page,” as shown in Figure 34.18. Click OK to close the dialog box.

Figure 34.18. Adjust the page title so it reads correctly.

To apply the changes to the page, click the Publish button in the Contribute bar. Contribute displays a pop-up box (see Figure 34.19) letting you know that the content was published successfully.

Figure 34.19. The adjusted page content has been published.

Click OK to close the message and Contribute renders the new page in the browser.

To add the document to the site in Flashpaper, navigate to the Services page in the Contribute browser.

Click the Edit Page button to switch to Edit mode.

Place your cursor in the erTitle editable region and click the Align Center button on the Contribute toolbar.

In the editable region, type Retro's Cycles Services. Highlight the text and click the Bold button on the button bar. Change the font style and size to Arial, 12. Again, Contribute automatically creates a style for you named Style1 that you can reuse throughout the page (see Figure 34.20).

Figure 34.20. The title has been added to the Services page.

Place your cursor in the erPageContent editable region and click the Align Center button on the Contribute bar. In the editable region, type Click here for a complete list of our services.

Because the Word document does not fit in the template of the site, you must create a link to a new page and insert the FlashPaper object into that file. Highlight the text and click the Link button on the Contribute bar. From the drop-down, choose Create New Page.

In the Insert Link dialog box, choose Blank Web Page and type Retro's Cycles Price List in the New Page Title field (see Figure 34.21). Click OK to create the new blank page.

Figure 34.21. The Insert Link dialog box enables you to create a new page and link to it.

Click OK to create the new page.

From the menu bar, choose Insert, Document with FlashPaper. Browse to the retros_cycles_services.doc document, located in the images folder of the site, and click Open.

From the FlashPaper Options dialog box, shown in Figure 34.22, accept the default settings and click OK.

Figure 34.22. Accept the defaults for the new FlashPaper file.

Wait a few seconds while FlashPaper converts the document and places it into the page (see Figure 34.23).

Figure 34.23. The FlashPaper document has been placed in the page.

Click the Publish button. In the Publish New Page dialog box, shown in Figure 34.24, name the file service_list.cfm and click Publish.

Figure 34.24. Publish the new page to your site.

To finalize the link to the page, click the Back button in the Contribute bar to switch to the Services page. Click the Edit Page button and then click Publish to apply the changes to the page.