McMaster University

Faculty of Health Sciences
Web Design

Scope of Search

How to create a new web page in Contribute

To create a new page on a website from a template, complete the following steps:

  1. Click the New button (or Select File -> New from the Contribute menu).



    — OR —



  2. A New Web Page or Blog Entry dialog box will appear.
  3. Under the website in which you are creating the page, a list of templates will appear under the Templates folder.
  4. Select the template you want to use for the page. A sample will appear in the preview pane so that you will be able to see how the page will appear. In this example, format 1.1 (format1_1) has been chosen.

    NOTE: Do NOT select the mcmaster template when creating pages. This is the master templates from which all the other templates are created and contain no formatting in the content area. You should choose the format1_1 template instead.
  5. Enter a Page title in the text box on the bottom right of the dialog box. This is the text that will appear in the title bar at the top of the browser window. If a visitor adds your page to their favourites (bookmarks), the page title is the default name it will give the bookmark. Search engines use the page title as the listing name for their results. In HTML the page title is delimited by the <title>page title</title> tag. You should keep the text of the page title as brief as possible.

    NOTE: Do not enter the file name for the page here. Enter readable text. Contribute will use this text without spaces only as a suggestion for a file name when you publish the new page, but this is not the place to enter the file name.
  6. Click OK.



  7. A draft entry with the page title will be listed next to a draft icon under Pages in the Draft Console left panel. The draft will remain open until the page is either published or discarded, even if you close Contribute and continue working at another time. A copy of the draft will be saved on the server in a temparary location.

  8. The new web page you just created will appear in the editing pane on the right.
  9. Blue boxes indicate where you may enter content for the page. Each box has a name that appears above it on the top left. Dummy content has been placed into the boxes as placeholders so that you will have a better idea of how the page will appear. You will replace the dummy content with your content.

  10. Select the dummy text in the blue box with the name "page_title". Enter the content title you want to appear at the top of the page content. (This title is not the same as the page title you entered when you created the page.) In HTML the text in this box will be delimited inside of the <h1>Title of Content</h1> tag. When search engines index the page, they will look for the <h1> tag as an important resourse to discover what the page is about. You should not use <h1> tags anywhere else on the page. You should use <h2>, <h3>, <h4>, etc instead.

  11. Select the dummy text or dummy images in the other blue boxes on the page and replace with your content. For example, here you would select the dummy text in the blue box named "bottom_content" and replace it with the text for the page. You can copy the text from a Word document or from an existing web page. If you copy from an existing website that uses tables for content layout, make sure that you copy each cell from the layout table one at a time. Otherwise, you will copy the code for the table into the new page. If the page has dummy images that need to be replaced, please follow these instructions:

    How to update an image with Contribute
  12. After you have updated the content on the page, you can test how the page will look in your browser by hitting F12 key (or selecting File -> Preview in Browser from the Contribute menu).
  13. You may check the spelling on the page by clicking the spelling icon on the Contribute toolbar.
  14. You may save your work and continue at a later time by clicking the Save for Later button at the top of the pane. A copy of the draft will be saved on the server in a temparary location. To continue editing the page, click on the draft under Pages in the Draft Console left pane.

  15. You may delete the draft of the page by clicking the Discard Draft button at the top of the editing pane. You will be asked to confirm that you want to discard the draft.

  16. You may send an email with a link to the draft by clicking the Send for Review button at the top of the editing pane. (Note: Do not publish or discard the draft until the person sent the email has a chance to review it. Otherwise, the draft will not be available for review.)

  17. After you have updated and reviewed the content on the page, click the Publish button on the Contribute toolbar.


  18. Contribute will display a warning to remind you that the page must be linked into the website. Click Yes to continue publishing. You may turn off this warning by clikcing the checkbox.
  19. Since this is a new web page, a Publish New Page dialog box will appear. By default, the filename for the new web page is the same as the page title that was entered in Step 5 above, except that Contribute removed any embedded spaces in the name.


  20. Change the filename so that all alphabetic characters are in lower case. Also, if you want to break up the words in the name, you may use underscores instead of spaces. For example, the filename might be changed from CreateNewPage.html to "create_new_page.html".
  21. You may also choose a Folder in which to put the page. Unless your website is very large, however, it is recommended that all HTML files be left in the root directory of the website, which is the default location in the Publish New Page dialog box.
  22. Click the Publish button in the Publish New Page dialog box.


  23. A dialog box appears that says "Congratulations! You have successfully published the page". Check the box if you don't want this box to appear after you publish a page.
  24. The webpage and all other files that you have added (images, documents, etc.) have now been uploaded to the server and the draft of the page has been deleted.
  25. Check how the page looks in your browser. Test all links that you added to the content.