HTML Demo

This demo will introduce you to the most basic aspects of web authoring (making a web page using HTML). Following this demo, you’ll make our own page with an online tutorial.

  1. Open Notepad and, if you haven’t done so already, Firefox
  2. Save a (blank) Notepad file to your computer’s desktop as "demo1.htm" (no caps, no spaces, no quotation or question marks)
  3. In Firefox open a new tab (ctrl + t) and then open (ctrl + o) demo1.htm from your desktop; you should have a nice browser window view of a blank page
  4. We’re now going to fill in some basic page elements; follow along with the instructor’s demonstration
  5. Remember to save demo1.htm regularly.
  6. Create a folder on your desktop for storing images and call it "img." You can do this by using Firefox (ctrl + o and then create the folder ) or Windows.
  7. Find a photographic image of a MOOSE online and save it in your "img" folder
  8. Open Adobe Photoshop.
  9. Create a new file ...
  10. Draw a picture of a moose from your imagination (or copy/trace one of the photos online).
return to schedule ~Jonathan Bass
Web Authoring - Fall 2007