This activity leads you through a few steps that help you acquire the skills necessary to create web-pages. You will need these skills to create your E-Portfolio. Some power point slides describing some of the ideas can be found here.

• Print this page out, so you can refer to it.
• Study an HTML file
  1. Go to the following absolute link (cut and pase into the adress bar)
     http://web.cecs.pdx.edu/~sheard/course/Frinq/Docs/testhtml.html
  2. View the source by clicking on the "view" tool. This will probably open "notepad" a simple editor. If not cut and paste the source into an editor you use.
  3. Study the source. If all the links are accurate, Draw a picture of the file and directory structure. Which files must be in each directory.
• Create your own HTML file.
  1. Edit the source of the file in notepad (or another editor)
  2. You must save this file on your H drive.
  3. Delete the links in the file, and add your own links.
  4. Have at least one absolute link, and one relative link.
  5. The absolute link should be somewhere you don't control (e.g. www.google.com)
  6. The relative link should be in your directory structure.
  7. Create the file that your relative link points to (use the editor (notepad) or some tool like Frontpage).
  8. Test your pages by double clicking on the files from the finder.This will open them in the web-browser, because their names end in .html
• Publish your pages
  1. Start up the file transfer tool.
  2. host: odin.pdx.edu
  3. Copy your files into the public_html directory of your odin account.
  4. Be sure the directory structure is the same on both your H drive and your odin account.
• Test your pages
  1. Cut and pase the absolute address of your new page. It should be something like:
     http://web.pdx.edu/~name/xxx.html
     Where "name" is your login name, and "xxx" is the name of the file you created.
     Don't forget the "~" before your login name!

Back to the Daily Record.

Back to the class web-page.