MAT165 Exercises:

Exercise One: About Me

HTML & CSS
This exercise will review hardcoding HTML and using CSS (internal/document and inline styles) to format a basic html page.

Topic: This page is about you, why you are taking the class, what you hope to learn, things you know, things you enjoy, pets you have, and anything else you care to share. One page. As long as you want it to be. Your page should include:

Evaluation: This Exercise is worth 30 points:

Late work may be lowered one letter grade for each class meeting it is late

Exercise Two: Poetry

DreamWeaver
Topic: Choose a poem, and use the tools available in DreamWeaver to bring it to life. Use formatting that reflects the theme of the poem. Add imagery (must be prepared for web use), add style, fonts, colors to the text, external links, internal jump links, colors and design to create your page. Link to it, a page with a brief bio (one paragraph) of the author and a page with a brief interpretation of the poem and why you chose it. You may also break the poem into multiple pages or use multiple short poems on by the same author on separate pages. Minumum of 4 pages.

Objectives:

Requirements:

Evaluation: This Exercise is worth 50 points:

Late work may be lowered one letter grade for each class meeting it is late.

Exercise Three: CSS Box Layout Challenge

CSS Layout, Floats, Absolute and Relative Positioning
Use the techniques that we have covered in class to create solutions to five unique template layouts and the simple code provided. Use DreamWeaver and CSS styles to develop your webpages to match the image positions and dimensions given. You can develop each layout using any CSS rules you feel are appropriate, but strive to write code that is clean, efficiant and well structured.

Objectives/Requirements:

You may add HTML code to the document such as "wrappers" or "containers" as well as other content (text,images, backgrounds, colors) to make you layout more interesting, but the final positioning or layout must match the the template images given

CSS-Box-Layout HTML
Use this code as the starting point for all 5 pages you create.

Template Images

Evaluation: This Exercise is worth 60 points

Late work may be lowered one letter grade for each class meeting it is late.