Description
An exhaustive study of HTML5 and CSS3.
Prerequisite
None.
Objectives
- Read and write—by hand—HTML and CSS.
- Gain a mastery of CSS concepts such as floats, positioning, and the cascade.
- Author semantically rich HTML.
Schedule
- Where: Mac lab (room 207), Graduate School of Technology, Touro College, 43 W 23rd St (map)
- Day: Sunday
- Dates: 16 June 2013 — 21 July 2013
- Time: 11:00 AM — 2:00 PM
A 10-minute break will be given at the halfway point of each session.
Week | Topics | Homework |
---|---|---|
One (15 Apr 13) |
|
|
Two (22 Apr 13) |
|
|
Three (29 Apr 13) |
|
|
Four (6 May 13) |
|
|
Five (13 May 13) |
|
|
Six (20 May 13) |
|
|
Seven (16 June 13) |
|
|
Eight (23 June 13) |
|
|
Nine (30 June 13) |
|
|
Ten (7 July 13) |
|
|
Eleven (14 July 13) |
|
|
Twelve (21 July 13) |
|
|
Archived Lectures
Textbooks
Edition: 1
Author: Peter Gasston
ISBN 13: 9781593272869
A good, clear, concise guide to CSS3.
Assigned Readings
- Read the following for 23 June 2013:
Chapter 1. Introducing CSS3, pages 1–8
Chapter 2. Media Queries, pages 9–21 - Read the following for 30 June 2013:
Chapter 3. Selectors, pages 23–31
Chapter 11. Gradients, pages 131–146
Chapter 4. Pseudo-Classes and Pseudo-Elements, pages 33–48 - Read the following for 7 July 2013:
Chapter 5. Web Fonts, pages 49–64
Chapter 6. Text Effects and Typographic Styles, pages 65–80 - Read the following for 14 July 2013:
Chapter 8. Background Images and Other Decorative Properties, pages 93–106
Chapter 9. Border and Box Effects, pages 107–117 - Read the following for 21 July 2013:
Chapter 10. Color and Opacity, pages 119–130
Chapter 13. Transitions and Animations, pages 163–178
Assignments
Announcements
- 17 June 2013
- Assignment 1 and the final project are now online under the “Assignments” section. Assignment 2 will be uploaded on Tuesday, 18 June 2013.
- 16 June 2013
- This site has been updated with the latest information regarding the course. You’re responsible for all the information on this syllabus, so make sure to read it all before our next class on Sunday, 23 June 2013.
- 15 June 2013
- Any code I write in class and pictures of whiteboard notes I make will be archived under the Archived Lectures section above.
- 29 April 2013
- I have officially taken over your course. Your entire grade will be based on one final exam, which will cover all the material discussed in class.
Hardware and Software Requirements
In terms of hardware, a computer running Windows, Mac OS X, or Linux will accommodate your web programming software without a problem. A Windows-based machine, however, will prove more difficult to set up. We’ll discuss this in class.
All the software you’ll need for this course—listed below—is free. However, if you find any of it useful, now or in the long run, you’re encouraged to donate to the developers.
Browsers
Download all the browsers available at Browse Happy.
Text Editor
The code you write will require a text editor. And, although Dreamweaver will suffice, a plain text editor will allow you to focus on code and not on the complexities of an IDE. Mac users should download TextWrangler and Windows® users should download Notepad++. Both are free.
A Command Line Interface
If you’re using a Macintosh or a variant of Linux, then you have The Terminal command line interface, or CLI. You won’t need to download any third-party software.
If, however, you’re using Windows®, download Cygwin, a UNIX-like CLI for Windows®.
A Syntax/Language Checker
HTML Tidy is a CLI-based syntax checker for your HTML/XHTML code. Download the appropriate version of Tidy for Linux, Mac, or Windows.
Web Developer Tools
Chris Pederick’s Web Developer Firefox add-on is a helpful XHTML/HTML and CSS debugging tool.
A Link Checker
The W3’s Link Checker utility verifies links on a web page so you don’t have to.
A Compression/Decompression Utility
If you’re using Windows® and you don’t have a compression/decompression utility, download 7-Zip, which is free and open source. (Mac™ and Linux/UNIX users already have free compression utilities installed at the command line.)
Grading Guidelines
Your grade for the entire course will be based on two exams, two assignments, and one project. Each of the two exams is worth 20% of your grade, each of the two assignments is worth 20%, and the final project is worth 20%. Totalling all five components adds up to 100% of your final grade. There is no extra credit; I do not curve grades.
You already took the first exam, at the end of the spring 2013 semester. The next exam will be a final exam, and it will be given on the last day of class—21 July 2013.
Your final letter grade is converted from a numerical grade based on the following table.
Numerical Range | Grade |
---|---|
97—100 | A+ |
93—96 | A |
90—92 | A- |
87—89 | B+ |
83—86 | B |
80—82 | B- |
77—79 | C+ |
73—76 | C |
70—72 | C- |
68—69 | D+ |
66—67 | D |
65 | D- |
Below 65 | F |
The following is quoted verbatim from the college's policy on grading.
Grades will be based primarily on exams, exercises and assignments, review of independent projects, attendance and class participation.
Completed projects will be graded using the following criteria: comprehension of the material, technical proficiency in using tools and techniques, project planning, design concept, executions, quality control, and a demonstration of aesthetic development. Each project deadline must be respected.
All projects will be turned in through Blackboard unless otherwise notified by the instructor. At the end of the course, all assignments will be assembled and turned into the instructor on a CD.
Attendance Policy
Students are expected to maintain good attendance throughout the course. Three absences will automatically lower the student grade by one point and each additional absence will lower the grade by an additional point. Lack of attendance may result in a failing grade. The professor will contact students who miss more than two classes. (Special arrangements must be requested in writing and signed by the professor.)
Make-Up Policy
Projects and homework must be turned in through Blackboard on time, otherwise the grade will be lowered or no credit will be given for the assignments. Class exercises must be done during class.
Missed Classes
You are responsible for the activities of each class period. If you anticipate a scheduling conflict, feel free to submit projects early. If you cannot take an exam on the scheduled day, contact the professor ahead of time to schedule a makeup exam. Students who miss classes must get necessary material from the instructor.
Academic Dishonesty
Plagiarism and cheating are serious offenses and may be punished by failure on exam, paper, or project; or failure in the course. For more information, refer to the ”Academic Dishonesty“ policy in the university handout.
Resources
HTML
- Sitepoint HTML Reference
- The W3C Validation Tool
- XHTML Reference
- HTML and XHTML Frequently Answered Questions (no longer maintained)
- XHTML at Mozilla Developer Network
CSS
- Chris Coyier’s CSS-Tricks
- The CSS Validation Service
- Sitepoint’s CSS Reference
- A CSS3 gradient generator
- A JavaScript-based specificity calculator
Contact and Office Hour
You’re strongly advised to see me if you have questions, as I rarely ever do email nowadays. I’m available after class (at 2:00 PM) on Sundays in the Mac lab.