... 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

Assignment - Week 2
Case Problem
Key Terms

dessertWeb -- Tutorial 1, Case Problem 3

This is a graded assignment, worth
40 Points

The purpose of this assignment is:

First, write HTML. Then to discover that the frist design element of a WebPage is to separate content (HTML pages) from the display of content (CSS Style Sheets).

Second, help you appreciate using our TextBook. 100% of the HTML you need to write for this WebPage assignment is discussed in full and demonstrated in full. You completed the example WebPage (J-Prop Shop) during Week 1. The WebPage you will write for Week 2 is named "torte.htm". Everything you need to complete this you practiced during Week 1.

Grading Rubric -- every Assignment will have a Grading Rubric
Item#  Points  -  description
  1. 10 points - Canvas Discussions for Week 2.
  2.   5 points - start your dessertWeb page using our HTML Template. This HTML is not identical to what is described in our textbook. We use character set utf-8, not "ISO-8859-1". We link to our own version of mddernizr.js. All small stuff really. But, you get 5 points if everything is correct. This will be required for every WebPage you write for this class.
  3.   5 points - name your new WebPage torte.htm
  4.   5 points - your WebPage is W3C Valid ... use W3C Markup Validator to check your HTML. Use a strategy to write your HTML. If you use the W3C validator early and often, you will find your HTML errors when you make them, when correcting them will be easy. If you wait until you are almost finished writing, you could be discouraged by the number of errors W3C Validator finds. This will be required for every WebPage you write for this class.
  5.   5 points - include documentation (include comments) in your HTML, see Strategy for Editing HTML. Good documentation is important because; (a) it reminds you of your intentions making it easier for you to reuse your work; (b) it makes it possible for others to understand your HTML; (c) most importantly, in our class, you use documentation to tell George where you satisfied each item of the grading rubric. This will be required for every WebPage you write for this class.
  6.   5 points - start now using folders to organize your WebSites on CPST WebServer. See Guidelines for Naming files and folders. For example, you can make a folder on CPST WebServer, say named "Week_02". You can have a folder for every week. You will eventually have 100s of files on your WebServer space. It will be much easier on you to keep them organized. It will be even easier if you name folder on your own computer with the same names as folders on CPST WebServer.
  7.   1 point - with the inline image torte.jpg, set its width to 250 pixels, width only, not height, page HTML 52 in your textbook. When you specify just width, or just height your image will display without distortion.
  8.   1 point - an unordered list of ingredients.
  9.   1 point - replace 1/2, 1/3, 1/4 etc. with their special character equivalent: ½, etc.
  10.   1 point - an ordered list of directions.
  11.   1 point - Change '4 stars', '2 stars', etc. to be a set of star symbols.

Please note that, in dessertWeb HTML, our Textbook uses the tag set <time></time> which has been modified in the HTML5 standards. If you include this tags in your WebPage, it will result in W3C MarkUp Validator reporting an error. The easy solution is to not include <time></time> tags. The better solution would be for you to research on your own the correct use of these tags.

40 points - TOTAL

Let's begin

Did you read this week's news yet? There are links at the top of this page. There is a new Assignment WebPage every week, and a new News page every week.

Canvas Discussions

•• Read this regarding Self-grading your Canvas Discussions ••

There are several new Canvas discussions setup in the Discussions section of Canvas. Each discussion should be self-explanatory. The name of each discussion begins with "Week 2", indicating that it is to be used during Week 2 of class. See our SiteIndex WebPage for a complete list of Weeks and Dates for all Assignments.

The help discussion is "Week 2 - Help". Use this to ask any and all question you have.

You may add as many threads to these discussions as you like. Each time you substantially participate in one of these discussions you earn 3 points.


See the Case Problem page for more information on how to proceed. See info on Needed Data Files. See info of What to do.

If so far, this all sound like Greek ... no problem. We are just getting started Tutorial 1. I promise when you finish Tutorial 1, finish writing HTML for dessertWeb, you can return here, read this again, and it will not be Greek any more. All the time and effort you put into reading Tutorial 1, and writing the HTML for dessertWeb, will pay handsome dividends.

Guess what. That's it. Your turn. Start Tutorial 1 now. Write HTML for dessertWeb as you read.