Overview / Syllabus / Fall '13


PDF Downloads:

SyllabusCSS Basics handouts


Course Introduction


This course covers HTML and CSS, interactivity, screen design, web page layout, navigation, organization of content and it’s styling with code. A fundamental understanding of how to style Markup Language with CSS will be acquired through experiments with typography and compostion. This knowledge will then be applied to design and code a fully featured, multi-page website. Animations and interactivity that go beyond the possibilities of pure HTML with CSS can be realized with Java Scripts and jQuery.

3 weeks: HTML and CSS basics. Experiment and design directly with HTML and CSS.
3 weeks: Responsive Web Design (RWD) with CSS and Media Queries. A grid based layout/design will be translated into code.
7 weeks: Planning, designing, coding and publishing a multi-page website (portfolio), Java/jQuery script enhancements


Attendance and Grading


Attendance is mandatory and will be taken at the beginning of class, tardiness will affect your grade. You are required to be in class for the entire time. If you are going to miss class let me know.

Please no eating, texting, browsing non related topics or video, and no music in class, only course work. You are required to have your assignments completed on time.

You will be graded on problem solving, set-up and organization inside programs, results, participation and motivation.
A= Consistent growth in the above listed as well as excellent work. Excellent work consistently goes above and beyond what is required.
B= Above average growth in the above listed as well as above average work.
C= Average growth in the above listed as well as average work.
D= Dissatisfactory growth in the above listed and incomplete work.
F= Dissatisfactory growth in the above listed, incomplete work and poor attendance.


Supplies and Fees


Purchase a USB Flash Drive with at least 2 GB as soon as possible (or similar portable storage device like iPod, external Harddrive etc.). This drive will be used to regularly backup your files each day after class!

Purchase of a hosting plan (appr. $7/month) together with a domain name registration (appr. $15/year) is required two weeks before the end of the semester.


Recommended Reading


The best book for designers about HTML and CSS basics:

HTML&CSS, design and build websites

And from the same series/publisher/author (will be released this Fall) :

JavaScript & JQuery: Interactive Front-End Web Development

Some good books can be found here:

http://www.abookapart.com/
http://products.sitepoint.com/

I have moved a PDF download page to a password protected section. The page includes plenty of PDF reading material. You can login with the same credentials you're using to publish other content:

PDF Downloads

Online video courses is a nice way to learn as well. The Lynda.com courses are free to UIC students. Check out this page to learn more about how to use the service.



Online / Video Tutorials and Introductions


Here the links:

http://www.htmldog.com/guides/htmlbeginner/
http://www.htmldog.com/guides/cssbeginner/
http://www.htmldog.com/guides/htmlintermediate/
http://www.htmldog.com/guides/cssintermediate/

http://articles.sitepoint.com/article/html-css-beginners-guide

And a few video introductions to HTML and CSS:

Introduction to CSS (1 clip, 208 MB)
Intro to HTML, CSS, Typography, Positioning (7 clips, 376 MB)