Assignments
All assignments are submitted using online forms. After submitting the form your name, section #, the URL of your site, and any additional comments you include will be written to a "student work" Web page which your instructor and classmates use to view everyone's work. Your code will be viewed and graded online, based on the information entered into the "student work" Web page. If you cannot make these forms work, send your instructor an email at lhemenway@santarosa.edu with your full name, section number, and answers to the questions on the form.
Due dates are midnight Pacific Standard Time. Late work will only be accepted one week after Due date, and a 20% deduction will be imposed.
lesson 1 - HTML editors
WWW Basics - Lesson 1
| Assignment | Form | Due | Pts | Student Work |
|---|---|---|---|---|
| Check in part 1 username/password DO NOT FILL OUT if you were in CS 50.11A section 1375 |
online form |
10/28 |
n/a | n/a |
| Check in part 2 greetings/gradebook everyone fill this out |
online form | 10/28 |
10 | meet class |
| Register Homework page | submit URL | 10/31 | 10 | student work |
| Editor Review | message board | 10/31 |
10 | read responses |
|
Read the Step by Step Instructions for the Editor Lesson Review the homework page example |
||||
lesson 2 - box properties
| Assignment | Details | Due | Pts | Examples |
|---|---|---|---|---|
| box properties |
box sampler [10pts] border sampler [10pts] padding, margin, border, and background properties added to website from CS 50.11A [20pts] |
11/7 | 40 | student work |
| quiz 1 | take quiz | 11/7 | 20 | |
Read the Step by Step Instructions for the Box Properties Lesson |
||||
lessons 3 - 4 CSS layout - we spend 2 weeks on this lesson
| Assignment | Details | Due | Pts | Examples |
|---|---|---|---|---|
CSS layout [pt1] |
position property [10] wireframe 2 column header span [10] |
11/14 | 40 | student work |
| CSS layout [pt2] | home page 2-column side by side[5] home page header spans 2 columns [5] entire website converted to a 2 column layout [20] right navigation sample page [5] horizontal navigation sample page [5] |
11/21 | 40 | student work |
Read the Step by Step Instructions for the Layout Lesson |
||||
lesson 5 - Structural elements
| Assignment | Details | Due | Pts | Examples |
|---|---|---|---|---|
Structural Elements |
use <figure> and <figcaption> [10] structural elements <header>. <hgroup>, <nav>, <footer>, <section>, <article>, <aside>, <time> (include the datetime attribute).[20] HTML and CSS for a print.css file (hide a few areas when a person prints) [10]
|
11/28 | 40 | student work |
| quiz 3 | take quiz | 11/28 | 10 | |
Read the Step by Step Instructions for the Structural Lesson |
||||
lesson 6 - tables
| Assignment | Details | Due | Pts | Examples |
|---|---|---|---|---|
| Tables |
table, tr, th, td, summary and caption elements [10] CSS properties of background, color, padding or margin to style table [10] Use colspan & rowspan at least once each in your table [10] Include an image or a background image in table [10] |
12/5 | 40 | student work |
| quiz 4 | take quiz | 12/5 | 10 | |
lesson 7 - forms
| Assignment | Details | Due | Pts | Examples |
|---|---|---|---|---|
Forms |
basic form tags: form and attributes of "method" and "action" [10] |
12/12 | 40 | student work |
lesson 8 - Form part 2
| Assignment | Detail | Due | Pts | Examples |
|---|---|---|---|---|
| Form pt 2 |
fieldset, legend tags [5] |
12/18 | 40 | student work |
| quiz 5 | take quiz | 12/18 | 20 | |
Read the Step by Step instructions for the forms part 2 lesson |
||||
Content developed by Linda Hemenway - lhemenway@santarosa.edu