Web Final Project Layout And PowerPoint Exercise

Start your final web project by designing your site on paper. The entire project is due at the end of the semester, so there is no need to finish coding the entire site today. Before next class, you only need to write your project layout on a piece of paper. It does not have to be typed and using pencil is fine. Bring this paper to the next class.

Step 1: Look at the final project instructions and choose a free site or a resume site. For a free site, choose your topic. Here are the final project instructions (and remember that you do not have to code it today.)

Step 2: Your job today is just to write a design for your web site, not to code it. Draw one box for each page you plan to put on your website. Briefly write what will be placed on each page using squares for the pictures. Draw links between pages. Consider where your navigation bar will be (top, side or bottom).

Step 3: Create a powerpoint that you will place on your web site. The powerpoint needs web links, slide transitions, animation, and a picture on the master slide. Upload the powerpoint to panther. You can make it a link now or set it to be a link later. It will be graded with your final project. Click here for a movie showing the creation of a powerpoint with web links, slide transitions, animation and a picture on the master slide.

Step 4: Now learn a little bit about using Cascading Style Sheets to create a navigation bar here. Then decide whether you will use tables to make your navigation bar, or whether you will use CSS to create a navigation bar.

Step 5: Optional: Decide whether you want to use any other advanced features. If you do, learn about them here.

IMPORTANT: If you do any coding on the web site, please upload your work to panther, or email it to yourself, so you can continue to work when you are in the classroom. (If you do not yet have a grade for your webcard, please either make your web card a link from your project page, or wait until I grade it before uploading the project's index.htm