... 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 5
Key Terms

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

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. 10 points - Canvas Discussions for Week 5.
  2. 10 points - Class Home Page, see description below.
  3.   5 points - Shortcuts/Bookmarks WebPage, see description below.
  4.   5 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.
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.

Canvas Discussions

There are several new Canvas discussions setup in the Discussion section of Canvas. 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.

CPST-2400 Assignments Home Page
  1. Complete your Home Page first, start now
  2. Build a Home Page for all your assignments in this class
  3. Keep it current for the rest of the semester
  4. Make this page uniquely your own, be creative
  5. Use an external style sheet ... maybe you can borrow from previous assignments
  6. Name your Home Page -- index.html
  7. Upload your Home Page to your CPST WebServer
  8. Upload your Home Page to be free inside our class folder -- cpst240010
  9. Correctly complete steps 6, 7 and 8, and the URL to your Home Page will be something like this http://cpst.tulane.edu/~gnorth/cpst-2400-10/ -- use your eMail name not '~gnorth' mine.
  10. Links from your Home Page to your Assignment WebPages need to be relative links, NOT absolute links. This is an important concept of Tutorial 2. Relative links make your WebSite portable ... allowing you to move WebSite to other folders, to other WebServers, without breaking links.
  11. eMail George the URL
This works because WebServers treat WebPages named index.html as the default page name, when a URL doesn't include a page name. NEAT !!!

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.

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.