Introduction

This project will give you a chance to practice HTML and allow you to collect and reflect on your work in this class. You will also use the page to collect and organize links to useful Web sites. This will be graded again at the end of the semester, so you will need to keep it up to date with each project and assignment.

This page will include some basic information about you, links to your work, links to resources, and a footer. Before you begin, sketch out how you want this to look on the page so you don't waste time redoing the code.

NOTE:  Everything on this page and all of your class work will be live on the Internet on our college server. This content will be available to anybody who types in your URL.  Though we've taken steps to make it difficult, your site might get into a search engine index. Contact me if this is a problem for you.

What to Do

  1. Create a new file named 211portfolio.html in your local_root folder (not within a subfolder).
  2. Open the file with your text editor and type in the basic tags that go in every page (DOCTYPE, html, head, body). For now, use this in the first line of your code:
            <!DOCTYPE html>

  3. Add a title tag title. The title should be something like "John Doe’s CIS 212 Class Work" (with your name, of course).
  4. In the body, use paragraph, image, and header tags to add content. Include your name, an image of you, and email address. If you wish, you may further protect your email address by using spaces when you write it out.  All images should include Alt text. Store your images in the images folder.
  5. Add a favorite quote (use quote or blockquote tag).
  6. For now, don't worry about how the page looks. We will add styles later.
  7. Add links to your class work.  This will be an ongoing process. I suggest that you have a bullet for each week, but you may organize it however you like.
  8. For each link, add a sentence that shares what you learned from the assignment.
  9. In a bulleted list, link to a few favorite Web development Web sites. This should also grow throughout the semester. By the end, you should have at least 10 links.
  10. Add a "footer" to the bottom of the page.  (Footer is just my word for stuff that goes at the bottom of a page -  there isn't a "footer" in Dreamweaver or HTML.)  The footer includes the revision date, contact information, institutional affiliation, and the page or site URL.  This helps establish your credibility and provides a way for visitors to contact you. If they print your page, the URL is there in case they want to look at it later.  Use line breaks between lines. Here's an example:
    Revised February 2009
    by Albus Dumbledore, albus@hogwarts.com
    for CIS 211, Cuyamaca College
    studentweb.gcccd.net/albusdumbledore

  11. Upload and test your work on the studentweb server. If the file is named and properly uploaded, images will display and links will work. Use this URL (with your username) to test:
              http://studentweb.gcccd.net/username/211portfolio.html

 

Useful reference:

Submitting work

Grading - 50 points

Points Requirements

10

correct URL

10

page loads without errors

10

includes the basic page tags

10

code has correct sequence and nesting

10

includes required content (personal information, image, links to class work, links to resources)