HTML Cheat Sheet

Assignment #3

Create Your Own Web Page
Due: November 7

Create your own single Web page as a starting point for a larger Web site project. I will upload them to your very own web address on the NHS Web site. Ideally in time, you will create an entire site you can use as a portfolio piece.

 

Planning

1. Brainstorming.
   Begin by brainstorming a favorite topic of yours. Keep it school-appropriate. Choose something that you find very interesting.
   Here are some ideas:
   • Your client for whom you completed an RFP.
   • Your blog.
   • Your favorite hobby or sport.
   • Your biography.
   • Your family.
   • Your culture.
   • Your favorite holiday.
   • Your favorite academic or historic subject.
   • Your own movie or game reviews.
   • Your opinions on world events.
   • Your take on celebrity news.
   • A portfolio of your art work or writings.
   • Anything you are something of an expert on.
   • Let me know if you have any others ideas.
2. Requirements
   Review the Requirements listed below in the next section.
3. Rough Sketch
   Draw a rough sketch for the site's layout:
   • Stick with a layout you can reasonably do with your current knowledge of HTML. We'll get fancier later!
4. Outline
   Create an outline based on your rough sketch.
   • Show where various block and inline elements will go: headings, paragraphs, images, lists and links.
5. Rough Draft
   Write a rough draft of the text for your site:
   • At least six paragraphs of information that can be classified into several headings.
   • In your own words.
   • Check your spelling and grammar.

 

Requirements

Your page must include the following:

• A logical <title> element.
• Several heading tags logically used (i.e. h1 for page heading, h2 for second-level headings, etc.).
• A minimum of 6 paragraphs of interesting information in your own words.
• A bulleted or numbered list.
• Links to sites with more information.
• At least one image.
• At least one image which is a link to another site.

NOTE: DO NOT add any color to text or backgrounds at this time unless you are sure it is CSS.

 

Coding

1. Create a folder in your root folder called
   lastname_site, where lastname is your own last name.
2. Make a new index.html in Notepad, and save it inside your lastname_site folder.
3. Start by typing in the basic HTML skeleton.
4. Complete the coding of the Web page according to the Requirements listed above and your outline.
5. Save and test the page frequently as you work.

 

Turn in Your Work

1. Paper work: top basket on bookcase.
• Turn in your rough sketch, outline, and text rough draft.
• Make sure your name and period is on all written work!
2. Digital work:
   1. In My Documents, navigate down to your Lastname Site folder.
   2. Right-click on the Lastname Site folder and select Copy.
   3. Navigate to the Inbox.
   4. Right-click on the Assignment 3 folder and select Paste.

 

Source: "Head First HTML: with CSS & XHTML" by Elisabeth Freeman and Eric Freeman