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

How to Earn an "A" on our Final Assignment
earn 200 of possible 200 points
you can do it


Monday, (refer to our SiteIndex WebPage for all DATE references), is Week 12, our Final Week of class,
your Final Exam is Due 11:59 PM, Sunday, (refer to our SiteIndex WebPage for all DATE references).

Tutorial 9 -- Working with XHTML

Tutorial 9 is our final Tutorial, and (if you choose) it's Case Problem 4, "Maxwell Scientific" is your final WebSite Assignment. This is our Final Exam, worth 20% of your final grade. This exam is comprehensive, meaning you will demonstrate skills your learned over the entire semester.



Read this First

  • This is the Assignment page with Grading Rubric, etc.
  • The Case Problem page, with one last Picture to ID
  • Final Edition of the News

  • Just for good measure, The Grading Rubric, again

    Grading Rubric
    Item#  Points  -  description
    1.     0 points - no graded BlackBoard Discussions for Week 12, but, there are some interesting Forums, check it out!!!
    2.   20 points - Tutorial 9's Example WebSite, Wizard Works Fireworks.
    3.   20 points - Discussion of WebSite Elements. As is normal, you will publish your WebSite Elements as one of the WebPages for this assignment. Make it look really Special !!!
    4.   20 points - The repeating Rubric Items from past Assignments. These are: (1) start with HTML Template; (2) use a folder; (3) HTML and (4) CSS are well documented/commented. (5) HTML is error free as certified by W3C Markup Validator. (6) CSS style sheet(s) are error free as certified by W3C CSS Validation Service. (7) Web pages have visual appeal, are themed, and are easy to navigate (as judged by George).
    5.     0 points - This Final Exam WebSite will be multiple pages. You are free to use the Case Problem 4 files for Maxwell Scientific. Or, you are free to develop your own unique content.
    6.     0 points - Don't forget your Assignment's Home Page (from Week 5) must be complete with links to an entire Semester of WebSites. If your Assignment Home Page is not complete, you will loose the original 5 points earned in Week 5, and loose an additional 6 points for Late Penalty (total 11 points).
    7. 140 points - Design Topics, 20 points for each unique topic, maximum 140 points. See below the list of possible Design Topics and the Grading of each Design Topic. You are free to use any or all Design Topics. You are free to include addition Design Topics of your own. Maximum possible points is 140. Each Design Topic must have it's own unique Embedded Styles or External Style Sheet. Each Design Topic must be discussed in your WebSite Elements.
    8.     0 points - The only required Design Topic, the one you must include, is from Tutorial 9, "Working with XHTML". At minimum, you will include one WebPage and one Style Sheet using XHTML.
    9.     0 points - WebSite Elements. Remember, your WebSite Elements should receive the same level of attention you give to an Essay assignment from a College level English class. You will use your WebSite Elements to discuss each of the Design Topics for which you expect to be graded. Number, 1,2,3,etc., each Design Topic discussion. Name the Style sheet being discussed.

    Please, make sure navigation from page to page as easy as possible. Because the pages of your WebSite are linked together, when you send eMail to George to turn-in this assignment, you need only to include the URL to the main WebPage.


    Rubric Item # 7, again, just for good measure

    Item # 7 -- is -- 140 points -- Design Topics, 20 points for each unique topic, maximum 140 points. Maximum possible points is 140. Each Design Topic must have it's own unique Embedded Styles or External Style Sheet. Each Design Topic must be discussed in your WebSite Elements.


    Design Topics are 20 points each

    You can include as many design topics as you wish. So, for example, if you include 7 design topics, and earn the maximum 20 points, your grade for Rubric Item 7 is 140 points. If you include 10 design topics, and average grade per topic is 7 points, your grade for Rubric Item 7 is 140 points. Etc. If you include 20 design topics, with average grade of 3.5 points, your grade for Rubric Item 7 is 140 points. Etc.


    How to think about the Grading Rubric

    Rubric items 2, 3, and 4 (60 points) are identical to most past assignments. Really, you should have no problems here. Rubric Item 7, Design Topics, is the remainder of your grade (140 points). Key to earning 140 points for Rubric Item 7 will be your WebSite Elements Discussion.


    WebSite Elements discussion is the Key to your Grade

    WebSite Elements discussion is the Key to your Grade. ONLY the Design Topics discussed in your WebSite Elements will be graded. Each topic discussed must contain a link to a WebPage demonstrating the topic. Each topic discussed must have a link to the Style Sheet to be graded. You may remember from above, you MUST use a unique Style Sheet (or embedded style) for each Design Topic.

    If you want 7 Design Topics graded your WebSite Elements discussion must have links to 7 WebPages. If you want 7 Design Topics graded, your WebSite Elements discussion must have links to 7 unique Style Sheets (or embedded styles).

    If you want 7 Design Topics graded your WebSite Elements discussion must have links to 7 WebPages. If you want 7 Design Topics graded, your WebSite Elements discussion must have links to 7 unique Style Sheets (or embedded styles).

    If you want 7 Design Topics graded your WebSite Elements discussion must have links to 7 WebPages. If you want 7 Design Topics graded, your WebSite Elements discussion must have links to 7 unique Style Sheets (or embedded styles).

    If you want 7 Design Topics graded your WebSite Elements discussion must have links to 7 WebPages. If you want 7 Design Topics graded, your WebSite Elements discussion must have links to 7 unique Style Sheets (or embedded styles).

    This was intentionally repeated 4 times. If you have any doubts what this means, ask questions.

    If you want 10 Design Topics graded you must have links to 10 WebPages. If you want 10 Design Topics graded, you must have links to 10 unique Style Sheets (or embedded styles).

    If you want 12 Design Topics graded your WebSite Elements discussion must have links to 12 WebPages. If you want 12 Design Topics graded, your WebSite Elements discussion must have links to 12 unique Style Sheets (or embedded styles).

    Notice that you can reuse WebPages among Design Topics. Note that each Design Topic MUST have a unique Style Sheet (or embedded style). If you follow this advice when writing your WebSite Elements, in essence, you are grading your Final Exam WebSite.


    Everyone can earn all 140 points for Rubric Item # 7



    This is HOW !!!

    You are free to use Case Problem 4 of Tutorial 9, Maxwell Scientific, as the basis of your WebSite. You are also free to construct a WebSite of your choice. Free to build any WebSite you want to build. So long as you meet all Grading Rubric Requirements. Your choice.

    In any case, start with a Story Board ... remember Story Boards, from Tutorial 3, designing a WebSite?

    1. Your WebSite will be a minimum of 2 WebPages (HTML) ... this is true because Tutorial 9 introduced XHTML which requires a DOCTYPE different from what we used in previous assignments. You learn about XHTML by completing Tutorial 9's Example WebSite, Wizard Works Fireworks. So, at least one XHTML page, and one or more HTML 5 pages. HTML 5 is what we use all semester, up to now.
    2. Your WebSite will use a minimum of 7 Style Sheets. This can be any combination of Embedded Styles and External Style Sheets. This is true because you MUST use one Style Sheet for each of your chosen Design Topics -- Grading Rubric Item 7.

    For example, if you turn in a WebSite with fewer than 7 Style Sheets, say just 5, than for Grading Rubric Item 7, your max points earned will be 5 * 20, 100 of possible 140 points. If you want to earn 140 points, you need a minimum of 7 Design Topics. Of course, you can turn in as many Design Topics as you care to. Max points is 140.

    Remember, if you choose to include 10 Design Topics, that means your WebSite will use a minimum of 10 Style Sheets (one for each Design Topic).


    Take a deep breath. This is not as hard as it may seem right now.


    Grading each Design Topic

  • 3 points - your Styles Sheets (or embedded styles) are well written, easy to read and very well documented.
  • 3 points - your Styles Sheets (or embedded styles) are fully syntax error free, passing W3C CSS Validation. If you have exceptions, use your WebSite Elements essay to give a full description of what style errors are not correctable and why.
  • 12 points - Each Style Sheet (or embedded style) will be composed of a minimum of 6 unique uses of styles. Two points each style, maximum 12 points. Only documented and numbered (1,2,3,etc.) styles will be graded (will earn 2 points). Use your documentation to let me know, that you know, what your styles are doing.


  • Why is this easier than it sounds

    Why is this easier than it sounds? Why? Because, you have already completed the needed style sheets. All the work you did in Weeks 0, 1, 2, through Week 11 is reusable now. All those style sheets you already completed, with some editing, can be reused to complete your final assignment.

    Each Tutorial we completed is a Design Topic, really, each Tutorial contains multiple Design Topics. To succeed in your Final Exam, you need to choose among all the work your already completed. One example of a Design Topic, from Tutorial 8 ... A Style Sheet named print.css used to apply print styles -- textbook p.HTML 595 (near Figure 8-40). If you completed this, you already have the needed Style Sheet, you can adapt to your Final Exam WebSite.


    Design Topics

    --- here are 9 Design Topics, one for each TextBook Tutorial covered in class ---

  • Working with XHTML - creating well-formed, valid HTML/CSS using XHTML ... remember this requires a Doctype Declaration different from HTML 5.
  • Advanced CSS - designing for special effects, print media and mobile web; shadows, opacity, blur, and gradients.
  • Designing with Multi-media - enhancing a document with sound, video, and Applets.
  • Web Forms
  • Designing with Tables and Columns
  • Controlling page layouts with CSS - background properties and images; fixed, fluid, elastic layouts; float WebPage elements; margins, padding, and borders; absolute and relative positioning; stacking page objects.
  • Designing with CSS - style precedence and inheritance; apply color with CSS; contextual selectors; Web fonts; pseudo-class; rollover effects.
  • Developing WebSites - Storyboarding; navigation lists, absolute and relative links; folder paths; links to locations within documents; images as links; image maps; metadata.
  • Giving your HTML5 Structure - Structural Elements; using
    elements; lists; nesting lists; text-level elements; special characters.
  • Each Tutorial has many additional Design Topics



    How George would approach our Final Exam WebSite

    If I were completing the Final Exam WebSite ... my approach would have one WebPage for each Design Topic. Each WebPage would use at least one unique Style Sheet. So, if the plan is to complete 10 Design Topics, such a WebSite will include :

    1. One (1) WebPage, Tutorial 9 example WebPage - Wizard Works Fireworks
    2. A minimum of one (1) WebPage using XHTML (not Wizard Works) with one (1) style sheet.
    3. Nine (9) additional WebPages, most using HTML 5, each with one (1) style sheet.
    4. One (1) more page, the absolute critical page, WebSite Elements Essay.
    5. WebSite is very easy to navigate, so George can find everything, easily.

    Of course, all of my pages will include the minimum HTML as exampled by our HTML Template. All pages are well documented/commented. All pages pass W3C Validation. And of course, I used my WebSite Elements essay to explain my WebSite design. These "Of courses" are 60 of possible 200 points.

    For insurance purposes, I choose to complete ten (10) Design Topics. My grade for each topic need only be 14 of possible 20 points to earn the maximum 140 points for Rubric Item # 7.

    Do all this, and submit your WebSite for grading in advance of deadlines, and you will receive feedback you can use to make addition/corrections. Do this, and your grade will be near perfect. 60 points + 140 points = 200 points (max grade for your Final Exam. Keep in mind, in our class -- assessment is "Performance Based". Your completed WebSite Assignments are a "Portfolio".


    WebSite Elements discussion is the Key to your Grade

    WebSite Elements discussion is the Key to your Grade.

    I repeat this all again because of its importance to your grade. ONLY the Design Topics discussed in your WebSite Elements will be graded. Each topic discussed must contain a link to a WebPage demonstrating the topic. Each topic discussed must have a link to the Style Sheet to be graded. You may remember from above, you MUST use a unique Style Sheet (or embedded style) for each Design Topic.

    If you want 7 Design Topics graded you must have links to 7 WebPages. If you want 7 Design Topics graded, you must have links to 7 unique Style Sheets (or embedded styles).

    If you want 10 Design Topics graded you must have links to 10 WebPages. If you want 10 Design Topics graded, you must have links to 10 unique Style Sheets (or embedded styles).

    If you want 12 Design Topics graded your WebSite Elements discussion must have links to 12 WebPages. If you want 12 Design Topics graded, your WebSite Elements discussion must have links to 12 unique Style Sheets (or embedded styles).

    Notice that you can reuse WebPages among Design Topics. Note that each Design Topic MUST have a unique Style Sheet (or embedded style). If you follow this advice when writing your WebSite Elements, in essence, you are grading your Final Exam WebSite.



    A Deal you shouldn't Refuse

    Monday, (refer to our SiteIndex WebPage for all DATE references), is Week 12, our Final Week of class, your Final Exam is Due 11:59 PM, Sunday, (refer to our SiteIndex WebPage for all DATE references). I will not grade Week 12 assignments until Exam Week. So Grading will not start until (refer to our SiteIndex WebPage for all DATE references). If I were you, I would finish on time, by (refer to our SiteIndex WebPage for all DATE references). Finish this class before any of your other final exams start. Finish on time.

    This is the offer I will make. Any and all assignments turned in by 11:59 PM, (refer to our SiteIndex WebPage for all DATE references), will be graded, and returned to you with feedback. You can use this feedback to do additions or corrections. This offer applies to your Final Exam assignment, and to all previous assignments. If you are making additions/corrections to previous assignments, please use your eMail to me to explain what you want regraded, be explicit. I will not regraded an entire WebSite looking for what might have changed.

    This offer of feedback is good only if you turn in before 11:59 PM, (refer to our SiteIndex WebPage for all DATE references).

    The absolute final date for turning in assignments to be graded is 11:59 PM, (refer to our SiteIndex WebPage for all DATE references). Assignments not turned in by this date will receive a grade of zero. Final grades will be turned into Tulane before 4:00 PM on (refer to our SiteIndex WebPage for all DATE references). By advice of my Dean, I will not send you eMail with your final letter grade.



    see also Final Exam Assignment