Adobe Contribute Basics: Tutorial 2

In this tutorial, we will use Contribute to create a new web page in your site. Things can get a little tricky, so be sure to pay careful attention.

  1. We are going to create an "About" page for your site. To do this, we need to take the current page (your home page) and use it as a template for your new About page.

    If you are not logged in, start Contribute and access your Web template.

    Once the template is loaded, go to the toolbar and click the "New Page" button. A dialog box will appear (see below).

  2. In the "Create a New Page for" menu, leave the setting at "Copy of Current Page"

  3. In the Page Title field (look toward the bottom right of the dialog box), enter this text: "About this Site"

  4. Click OK. Contribute will publish your new page.

  5. When Contribute is done publishing, it will provide you with an editable version of your new About page. You need to tweak a few things on this page.

  6. Highlight the headline and change it to "About this Site"

  7. Highlight the body copy and change it to whatever you like. One suggestion: "About page coming soon ..." (It's always a good idea to differentiate the text in your pages, even when you're just setting up a site. This helps you get a sense of where you are in the site).

  8. Click Publish. Contribute will publish your new About page. You will probably receive a warning that looks like this:

    Click Yes. We are going to disregard this warning.

  9. Contribute will then show you another dialog box:

    Change the Filename field to "about.html"

  10. Click Publish. Contribute will create a file titled "about.html" and place it on the Web server.

  11. At this point your site has two pages:

    • Home Page: This is the page you first edited.

    • About Page: This is the page you just created.

    We now need to create a link between the Home Page and the About Page.

  12. In the tool bar, click the Back Arrow

  13. Look at the Address area of the toolbar and make sure the file you're working on is titled "index.html" (this is your home page).

  14. Once you have confirmed that you're looking at index.html, press the Edit Page button in the toolbar.

  15. In the Web document, place your cursor directly after the second link on the left-hand side. Press Enter once to send the cursor to the next line:

  16. Go to the toolbar and click the Link button. Select "Drafts and Recent Pages." A dialog box will appear:

  17. In the Link Text field type "About this Site"

  18. In the Select a Page to Link To menu click on the About this Site file.

  19. Click OK.

  20. Contribute automatically adds two things to your index.html file:

    • It creates the text: About this Site

    • It links the About this Site text to your about.html page.

  21. Click Publish. Contribute will publish a copy of index.html to the server.

  22. Congratulations! You have just created a link from your home page to your About page.