... 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 10 - Franklin High School, Fractals
Key Terms

Franklin High School, Fractals -- Tutorial 7, Case Problem 3

This is a graded assignment.

Case Problem 3 from Tutorial 7 is presented in our TextBook beginning on page HTML 543 (near Figure 7-46). 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 complete one WebPage. Name your page fractal.html. A preview of your completed page is included as figure 7-47 in the textbook on page HTML 544 (near Figure 7-47). You start with a supplied sample WebPage and a somewhat complete style sheet named fstyles.css. Your are also given image files, a video, and all the files needed to implement a JAVA applet.

Needed Data Files:

Data Files are located in the tutorial.07/case3 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, Jumbo Popcorn. Do this before beginning on the Case Problem Assignment. If you complete Jumbo Popcorn, you will not have difficulty with Franklin High School.

You start with a mostly complete sample WebPage and Style Sheet. Your site will be just one page. Name your WebPage fractal.html. Make certain you understand the grading rubric. It follows the steps from the Case Problem (text book page HTML 543), but is not identical and includes requirements not listed in the text.

Start early. Work hard. Remember, the Grading Rubric has 13 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_10". 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.