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

Assignment - Week 5
Key Terms

Sunny Acres, Tutorial 3 (Example WebSite)
Assignments Home Page
Shortcuts WebPage

This is a graded assignment, worth
30 Points

The purpose of this assignment is:

First, understand styles. Learn all the methods for applying styles to your WebPages. Study style precedence and inheritance. Did you know that each person browsing the Web has set default styles for their WebBrowser, that can override your programmed styles? In order of precedence, styles are applied (1) inline styles, (2) embedded styles, (3) external style sheets, (4) browser preferences.

Second, gain critical skills by working with attribute selectors and contextual selectors, textbook page HTML 168 (near Figure 3-22).

Third, make your HTML and CSS coding reusable by including comments/documentation. Become a styling expert by combining formatting into a single style, textbook page HTML 183 (near Figure 3-35). Styling lists, textbook page HTML 194 (near Figure 3-42). Use pseudo-classes and pseudo-elements to make your Styling "really pop !!!".

Grading Rubric
Item#  Points  -  description
  1. 13 points - BlackBoard Discussions for Week 5.
  2.   7 points - a Sunny Acres WebSite, the example WebSite presented in Tutorial 3. If you can complete this WebSite, you will have no problems with the next assignment, Tutorial 3 Case Problem. See Sunny Acres description below.
  3.   5 points - Class Home Page, see description below.
  4.   5 points - Shortcuts/Bookmarks WebPage, see description below.
30 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.

BlackBoard Discussions

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

The help discussion is "Week 5 - Help". 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.

Sunny Acres WebSite

All the data files you need to complete Sunny Acres are part of the Student Data Files you downloaded early. Look inside the folder 'tutorial.03', inside the 'tutorial' folder. Reading Tutorial 3 while writing HTML/CSS will provide all the direction you need to complete Sunny Acres WebSite. Upload your WebSite to your CPST WebSite. eMail George the URL.

CPST-2400 Assignments Home Page
  1. Build a Home Page for all your assignments in this class
  2. Keep it current for the rest of the semester
  3. Make this page uniquely your own, be creative
  4. Use an external style sheet ... maybe you can borrow from previous assignments
  5. Upload your WebPage to your CPST WebSite
  6. eMail George the URL

Shortcut (Bookmark) WebPage
  1. Your Shortcut page can look better than this one
  2. Build a Shortcut (Bookmark) webpage linking to web sites about web sites.
  3. One example of a WebSite about WebSites is W3C Markup Validation site we are using.
  4. Use an external style sheet ... maybe you can borrow from previous assignments
  5. You will receive 1 point for every 4 linked sites, maximum 5 points.
  6. Upload your WebPage to your CPST WebSite
  7. eMail George the URL
You will name this page shortcuts.html.