Skip Navigation.

IMaGE Lab: Directions for the Web Page Templates

  1. Choose the template you like best.
  2. Click on the link for that template.
  3. In your web browser, click on "View", and then "Page Source." When the page source opens up, click on "File," and then "Save As."
  4. Save this as index.html in your web directory (no capital letters in index.html). If you're on the Windows machines in the IMAGE Lab, your web directory is your I drive. If you're on the NWE machines, your web directory is public_html.
  5. Click on the link for the CSS file, and save that file as main.css in your web directory.
  6. Open the index.html file in a web editing program like Dreamweaver or ASWE. Change the page to have your actual name instead of just the place holder YOURNAME. Edit the text and the images as you like.
  7. Open the file main.css and edit the colors of your page. To keep a stable color scheme, remember to change each mention of the same color to the same new color.
  8. Save both the index.html and main.css files, and look at your new website in a web browser.
  9. Once the page is right, make new pages by saving your index.html page as:
    contact.html
    research.html
    teaching.html
    other.html

    The links for these pages are already made, so you just need to do save as, and then edit these pages to display the correct information.

Back