... 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 9 - Millennium Computers
Key Terms

Millennium Computers -- Tutorial 6, Case Problem 4

This is a graded assignment.

Case Problem 4 from Tutorial 6 is presented in our TextBook beginning on page HTML 481 (near Figure 6-81). 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 design a Web Form -- an Order Form. For the first time in our class, you will make HTML and CSS files from beginning to end (no starting data files). Keep in mind that you can always REUSE HTML/CSS from previous assignments.

Needed Data Files:

Data Files are located in the tutorial.06/case4 folder.

As is always the case, file named "modernizr-1.5.js" we will not need. You will continue to 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:

First, remember that one Grading Rubric Item is to complete the Tutorial's example WebSite, Red Ball Pizza. Do this before beginning on the Case Problem Assignment.

You start without a concrete idea of what your Millennium Computers Order Form WebPage should look like. So, you are in charge of design. Your site will be at least two pages. One WebPage named pc.html is your order form page. You will use 2 stylesheets to complete your forms page. Both style sheets you will write yourself. Name one mill.css, which you will use to style the WebPage itself. Name the other oform.css, which you will use to control the layout and appearance of the your form. Name the form cOrder. Page two of your site is your WebSite Elements page, remember to link these pages so they are easy to navigate. Another page could be a Splash page. Many WebSites use a "Splash" page ... you see them all the time.

Start early. Work hard. Complete all of the 7 steps from the textbook page HTML 482 (near Figure 6-81). Remember, the Grading Rubric has 14 items for you to satisfy. Use our HTML Template because it includes the correct reference to the character set we will use, "utf-8". And, it includes the link to the version of modernizr.js we are using.

Use a folder on your computer to keep all pages for this WebSite organized. Make a new folder on CPST WebServer, name it "Week_09". Use it to keep your WebSites organized.

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

Turn your WebSite in to be graded.

Turn in your WebSite by eMail'ing the URL of your class Home Page, include in your eMail text saying "Please grade my Week ... ???what ever??? ...".

Turn in before midnight Friday

If you turn in before midnight Friday, 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.