Multimedia Tools

An exhaustive study of HTML5 and CSS3.

None.

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

• 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)	HTML and CSS	Study class notes
Two (22 Apr 13)	HTML and CSS	Study class notes
Three (29 Apr 13)	HTML	Study class notes
Four (6 May 13)	Finish HTML	Study class notes
Five (13 May 13)	CSS	Study class notes Study for final exam
Six (20 May 13)	Wrap up CSS Final exam	None
Seven (16 June 13)	CSS media queries Boolean logic Web page rendition The different web browser rendering engines: WebKit, Gecko, Presto, Servo, Blink	Begin preparing résumé
Eight (23 June 13)	Structural pseudo-class selectors Linear gradients	Continue preparing résumé Assignment 1 due next week
Nine (30 June 13)	Cover first project solution Radial gradients Floating and positioning Web fonts	Continue preparing résumé Assignment 2 due next week
Ten (7 July 13)	HTML5 Boilerplate/base style sheets Résumé discussion Transitions Transformations	First résumé draft due next week
Eleven (14 July 13)	Critique of students’ first résumé draft Analyze student as a group effort Watch Handcrafted CSS Rounded corners Box shadows Transitions	Final résumé due next week Study for final exam
Twelve (21 July 13)	Transformations Final exam	Final résumés due

• 16 June 2013
• 23 June 2013
• 30 June 2013
• 07 July 2013
• 14 July 2013
• 21 July 2013

1. Read the following for 23 June 2013:
   Chapter 1. Introducing CSS3, pages 1–8
   Chapter 2. Media Queries, pages 9–21
2. 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
3. Read the following for 7 July 2013:
   Chapter 5. Web Fonts, pages 49–64
   Chapter 6. Text Effects and Typographic Styles, pages 65–80
4. 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
5. Read the following for 21 July 2013:
   Chapter 10. Color and Opacity, pages 119–130
   Chapter 13. Transitions and Animations, pages 163–178

1. Assignment 1
2. Assignment 2
3. Final Project (the résumé project)

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.

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

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.

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

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.