Information Resources & Technology (IRT)–

Create a New Page

Watch Demo

Important: All new pages must be created from an existing functional page in your site. The new page will take on all the source page's features, so choose the source page carefully. By features, we mean BreadCrumbs, LeftColumn links, and tab highlight, if any.

Step 1: Identify a page (and file) to duplicate

  1. Locate the page you want to duplicate in a browser; for this exercise, find the 2-column stationery page
  2. Examine the URL in the Address bar; the URL will tell you where to look for the file in your site, e.g. root/2col_stationery.html
  3. Switch to Dreamweaver, find the file in question within your local site files directory, and open it, as if for editing
  4. Use the menu sequence File > Save As… and give the file a new name. Make sure there are no spaces or special characters in the file name. You can use hyphens (-) or underscores (_) to make words in your file names. Keep file names as short as possible. If working on a tutorial, try "my_page.html"

Step 2: Modify your new page, save and put

  1. Update the main headline: “This is [your name]'s Page”
  2. Update the browser title: “[your name]'s Page”
  3. Save the file and then use the menu sequence Site > Put. You can click "No" on the Dependent Files prompt

Step 3: Validate the new page in your browser

  1. Switch to the browser window and find your site's home page
  2. Look at the Address bar; it either ends "/" or "/index.html"
  3. You want "/my_page.html"; if the URL ends in "/" go to the end and type "my_page.html"; if it ends "index.html" select this and replace it with "my_page.html"
  4. Type Enter; you should see your new page
    • If not, check your URL and file name; they must match exactly, including capitalization
  5. You can switch back to Dreamweaver and close the my_page.html file

Filling in your content

« Previous | Home | Next »

Stanford Medicine Resources:

Footer Links: