... part of the Web Site of George North -- Back to Site Index
Webpage Design and Development, CPST-2400-10
with HTML5 and CSS3
Fall 2019

Case Problem - Week 2 - dessertWEB
Key Terms

dessertWeb -- Tutorial 1, Case Problem 3

This is a graded assignment.

Case Problem 3 from Tutorial 1 is presented in our TextBook beginning on page HTML 67. Additional information, including the Grading Rubric is found on the Assignment WebPage. Make certain you understand the Gading Rubric. Its requirements are not the same as the TextBook discussion of this Case Problem.


This assignment requires you to write HTML for a WebPage that is similar to the J-Prop Shop. If you completed last week's assignment, you are ready to complete this assignment.

Needed Data Files:

Data Files are located inside the folder named "tutorial.01", look inside another folder named "case 3", there you will find the three files you need to complete this assignment. One file name "tortetxt.htm" is a text ONLY file. It contain all the text content of the WebPage you will write for this assignment (saves on typing). You should save this file with a new name, call it torte.htm.

The file named "dessertweb.jpg" is an image file (dessert picture). Another file is named "dessertstyles.css". This is the CSS style sheet. You will use this file unedited. Just like a .html file, .css files are plane text files, so you can open them in your text editor. Suggest you take a close look at "dessertstyles.css", because you will be writing your own .css files soon enough.

File named "modernizr-1.5.js" we will not need. You will realize that we need modernizr, but we will all use (link to) a version of "modernizr.js" on George's WebSite. Using this file is important, this is why all of us will link to the same version of modernizr.

What to do:

dessertWeb is a one page assignment. An image of how your WebPage will look in a browser is included on page HTML 68 of our textbook.

Start early. Work hard. Complete all of the 20 steps from the textbook page HTML 68 -- the the exception of steps 3 and 4. Our HTML Template already includes reference to the character set we will use, "utf-8". And, includes the link to the version of modernizr.js we are using.

Save often. Upload your WebPage to CPST WebServer often. Browse to your WebPage often to see your progress. Use W3C MarkUp Validation Service often to guarantee you are writing syntax-error-free HTML.

Turn in your WebPage by eMail'ing the URL to George. If you turn in before midnight Friday, and I will give you feedback you can use to make improvements. You can turn in assignments as often as you like. I will never grade assignments until after due date is past. Even if you are not complete, you benefit by turning in assignments early.

Include comments / documentation in your HTML. Especially, where in your HTML you meet requirements of the Grading Rubric.