Creating Web Documents

Portfolio

The purpose of the portfolio is to give you a chance to show off your skills in creating HTML documents. I hope you create a portfolio that you would be proud to show potential employers.

The Assignment

For security and administrative reasons, you must use the Unix account supplied to you by the University for your Web pages and to email your URL to your instructor--failure to do so will result in your assignment not being graded. UW-Milwaukee students can use panthermail.uwm.edu for emailing.

Prepare a set of Web pages that explain some topic or present some information about a hobby, craft, sport, interest, club, or some other area of your interest.

You can look at this example portfolio. Be sure to review this lesson on expanding your Web space.

Your portfolio must (at a minimum, you can do more):

  1. Technical Content Requirements
    1. Be located in a subdirectory called "portfolio" in your Web space. For example, here is a diagram of Mary's Unix account showing her Web space:
      Mary's Web space

      Note that the file index.html that is directly under her www directory has this URL:

      http://www.uwm.edu/~mary/index.html	
      	
      Please note that this is not the URL of Mary's portfolio. Mary should not put her portfolio's opening page in this file nor turn in this URL as the URL of her portfolio. This page contains her personal Web page for her account. This is not her portfolio. Mary should not put her portfolio's opening page in this file nor turn in this URL as the URL of her portfolio. Mary should not put her portfolio's opening page in this file nor turn in this URL as the URL of her portfolio.

      Mary's portfolio must be totally contained in the directory called portfolio. The URL for her portfolio is this:

      http://www.uwm.edu/~mary/portfolio/index.html	
      	
      This is the URL Mary should turn in as her porfolio URL.

      You can prepare your portfolio subdirectory and then change your current working directory into it with these Unix commands (assuming you are starting in your home directory):

      	$ cd www
      	$ mkdir portfolio
      	$ chmod 755 portfolio
      	$ cd portfolio
      	
      Once inside your portfolio subdirectory, after you create more .html files, make sure they have permissions set like this so that they are readable to the world:
      	$ chmod 644 *.html
      	
      If you ever get a "permission denied" error, re-run this chmod command in your portfolio subdirectory.

      The URL of your portfolio will include the pathname portfolio followed by the file names you use. For example, the user mary would have the opening page of her portfolio as index.html. The URL of this page would be (for example):

      	http://www.uwm.edu/~mary/portfolio/index.html
      	
    2. Consist of at least three (3) separate HTML files that link to each other with the A (anchor) element. You might want to review this lesson on Unix filenames in choosing the names of these files.
    3. Include your name and email address somewhere on the opening page to indicate authorship.
    4. Contain an image (IMG).
    5. Demonstrate the use of the (TABLE) element.
    6. Include a link to at least one Internet resource on a server different than the host on which your portfolio is located.
  2. Meaning Content Requirements
    1. Present information on a single topic.
    2. Explain, illustrate, or summarize your topic well.
      • Introductory paragraphs introduce topic
      • TITLE element on each page reflects page purpose
      • Content is understandable
Remember also that every page of your portfolio must pass syntax validation. Remember (as in grading): do not use JavaScript or frames.

You must follow these turning-in procedures and you must check for a receipt to make sure that your instructor received your assignment before you consider the assignment done--remember "It's not complete until you get your receipt!"

Turning in Your Portfolio Assignment

Your portfolio is due at or before the time listed on the syllabus. Use these procedures for turning in your assignment. Your assignment will be graded according to criteria I set up for this tutorial.

Save this page to any social bookmarking site! Share · Search · Market · Directory
2015-11-01 · John December · Contact · Terms of Use © December Communications, Inc.