Weinberg College of Arts and Sciences


WCAS NU

home departments and programs faculty research resources
students

Adding Pages Using Dreamweaver

Before You Begin

  • You should already have a web site set up at http://faculty.wcas.northwestern.edu/~NETID/ (using your NetID). This guide assumes you are using WCAS-provided templates, but any site will work
  • If your site isn't already defined (i.e., if you are working on a lab computer):
    1. follow instructions to Define Your Site on the Initial Set Up page. You don't need to follow the other instructions on that page
    2. Make sure your files window is set to the Local View. Highlight the root (top) folder of your site and click the green down arrow (Get/(green down arrow)). Answer Yes if asked whether you are sure you want to get the entire site

      Screenshot: download entire site

Create a New Page (from a template)

  1. Under the File menu, choose New...
  2. Make sure the Templates tab is selected
  3. If you're managing multiple sites, make sure your site is selected
  4. Select the template want to use for the new page (Navigation will show the navigation links, Single Page will not)
  5. Make sure Update page when template changes is checked
  6. Click Create

Screenshot: new from template

Fill in Page Information

Sections outlined in blue are editable regions. Sections outside the blue are uneditable and are controlled by the template the page was based on (making changes to these areas of the template will update all pages using that template to reflect the change)

  1. Enter the page title in the Page Title region
  2. Enter a document title in the Title box (top of window). See About Document Titles (below) for good document title suggestions

Screenshot: Dreamweaver editor

About Document Titles

The document title (step 2 above) appears in several places:

  • Top of the browser window
  • Search results (like Google)
  • Bookmarks/favorites menu

Good document titles:

  • Start with a shortened page title so users recognize the page in search results and bookmarks (e.g., Publications)
  • Include your name so users know who the page belongs to (i.e., to distinguish between your publications and a colleagues in search results)
  • End with "Northwestern University" so users on Google or other external search engines know the content is affiliated with Northwestern

For example: "Publications, John Evans, Northwestern University"

Save!

Before doing anything else, save your work (under the File menu, choose Save). Once you've saved, fill in the content area, save again and close your work, then link to your new page (below).

Tips for File Names

What you save your file will be reflected in the URL of this page. For example, if you save the file as "publications.html" in a folder called "research" the URL will be http://faculty.wcas.northwestern.edu/~NETID/research/publications.html. See URLs and Files for more information

  • Imagine reading the URL on the phone
  • Avoid spaces and capital letters
  • The shortest URL isn't always best
    • northwestern.edu/ofcs isn't as clear as northwestern.edu/offices
  • Don't use numbers to replace words ("2" for "to" or "4" for "for")
  • Avoid non-alphanumeric characters except period (.) and dash (-)
    • The underscore character (_) is easily confused with a space when text is underlined.

Link to Your New Page

You probably want to link to your new file so users can find it. You can link to your new page in the content area of an existing page using the editor (see Links in the Reference for more information). You can also link this page in your navigation (below).

You can leave your new page unlinked and instead rely on distributing the URL to people. This doesn't mean your page is secret from unintended viewers (if someone else links to that page or people guessing the URL). Sensitive information should never be published on the Individual Page Server.

Adding the Link to Your Navigation

  1. In the Library folder, double click Navigation.lbi to open it
  2. The navigation links in your open library item will look different than in the template because they are outside the context of the surrounding styles

    Screenshot: naivgation as Library item Screenshot: navigation on live page
    Navigation links in Library Item, outside the context of surronding styles Navigation links as they appear on your live web page


  3. Add a new bullet by hitting enter/return at the beginning or end of an existing line
  4. Type the text you want to use and link it to your new page (see Links in the Reference for more information)
  5. Save your changes. Dreamweaver will ask if it should "Update library items in these files?" Click Update
  6. Dreamweaver will update all the pages in that section to include the link in the navigation
  7. Save and upload your pages (below)

Upload Your Page

  1. Highlight the pages you want to upload
    • If you added the link to your navigation, highlight the root (top) folder in order to upload the entire site
  2. Click the blue up arrow (Put/(blue up arrow))
  3. If Dreamweaver asks if you would like to "Put dependent files" answer Yes

Once your files are uploaded, visit the pages in your web browser to review the changes. You may need to hit refresh or reload on your browser.