Art 49540 3AD Design for the Web 2
This course emphasizes Web 2.0 design guidelines and the use of semantic structure and hand coding to create standards-compliant pages using advanced CSS for position and formatting. Prereq.: Art 39540; 3 hrs./3 cr.
The syllabus and weekly handouts will be posted on the web site as PDF
files: at: http://www.annetteweintraub.com/courses/49540/49540.html
If you are absent, you must email someone on the contact list or check the website.
Course Content
This course is an exploration of advanced CSS-based web design. Other topics may include alternate style sheets for print, formatting for handhelds and style sheet switching.
Syllabus may be revised during the semester depending on the needs of the course.
Projects
The ZenCSS/Transcending CSS approach applies a variety of different stylesheets to a structured text.
It emphasizes separating document structure from design. A core text, that has content hierarchies defined, is used as a base. Style sheets with different design looks are applied, resulting in pages with a very different appearance, but the same underlying structure.
We will deconstruct style sheet examples of existing sites, analyze design and css structure, write new styles and develop pages based on exploration of various style sheet techniques. We will develop alternate style sheets, using fluid/fixed/floating layouts and experiment with type handling, scaling and layout. We will also look at troubleshooting style sheets across different browsers.
Projects are organized in two or three-week units. Each unit has a themed topic. The core text for weeks 2-9 remains the same, literally and in its structure and hierarchy.
We will also apply these principles to new content repurposed from a print page and create a portfolio page showcasing the class projects and students’ Web 1 work.
Course Objectives
• To become conversant with the history of art and design and the impact of technology and new media as it relates to web design
• To develop appropriate vocabulary for critique of web design and use this terminology in oral and written project briefs.
• To develop superior skills in design, imaging and typography and their application to creative projects in web design.
• To analyze problems, developing alternate conceptual approaches, employ project planning, workflow and production skills to web design projects.
• To become fluent in the range of digital tools, used by artists in a web design context.
• To prepare a web design portfolio which could be used to gain an internship, employment or admission to graduate school.
Course Portfolio
All work for this class is web-based. The final portfolio is a gallery site that will be uploaded and presented live online.
All work is presented online. Be sure to copy your work to the server before class. We will look at it from the server.
Gallery Portfolio sites will be kept online for 4 semesters
• content is restricted to course portfolio work ONLY
• any work in violation of copyright will be removed
Be sure to BACKUP your work onto extra disk(s). YOU are responsible for keeping copies of your work!
Lost work will receive an F.
Required Texts
CSS Mastery, Advanced Web Standards Solutions, Andy Budd, Friends of Ed, 2006.
Purchase textbooks and bring to class by week 2
Recommended Texts
Transcending CSS, Andy Clarke, New Riders, 2006.
HTML, XHTML, and CSS, Sixth Edition: Visual QuickStart Guide (6th Edition) Elizabeth Castro, Peachpit Press, 2006.
The Zen of CSS Design, Dave Shea and Molly Holzschlag, New Riders, 2005.
Bulletproof Web Design, Dan Cederholm, New Riders, 2006.
Styling with CSS, Charles Wyke-Smith, New Riders, 2006.
Adobe PhotoshopCS3: Up to Speed, Ben Willmore, Peachpit Press, 2007.
Materials
USB drive (or other removable storage media), 1GB preferred
BACKUP MEDIA: 2nd USB or CDs
Your lab fee includes 4 semesters of hosting your gallery pages online.
Class Resources, links
General Requirements
2 unexcused absences only before a grade reduction
three latenesses=1 absence
Purchase textbooks and bring to class by week 2
Incompletes
Incompletes are only granted for medical or legal reasons and must be requested before the final review date Incompletes can only be changed by the Academic Standards Committee.
Grading
Grades are given based on:
• visual design, 30%
• correct use of HTML, CSS, 30%
• completion of weekly assignments 30%
• professionalism, 10%
[participation in class, meeting deadlines and attendance/lateness]
A grade of "C" is average.
Students begin with an assumed grade of "C" and move up or down, depending on the quality of work, presentation in class critiques, attendance and attention to deadlines.
BFA students must maintain a GPA of 2.5.
Missing the midterm or final reviews will result in a failing grade.
Lab Reminders
No food/drink in the Lab
At the end of your work session, clean up the area around your computer
Don't glue or cut on the tables or counters; use a cutting board and either cover the table before gluing or use Letraset press down mounting tissue.
We will suspend your Lab account if you break these rules!
Report Lab problems in WRITING, using a copy of the problem report form posted next to Skiter's office, or email him (skiter@ccny.cuny.edu)
DO NOT try to clean the computer monitors; Windex cleaners will spoil the anti-glare coating on the screen.
Syllabus and Weekly Assignments
Syllabus [PDF]
Weekly topics + download links page
DOWNLOADS
Web Developer addon for Firefox: http://addons.mozilla.org
Firebug addon for Firefox: http://addons.mozilla.org
TextWrangler: http://www.barebones.com/products/textwrangler/
CSSzengarden text: http://www.csszengarden.com/zengarden-sample.html
Resources from WEB 1 [.sitx] [.zip] 2.7MB
cheat sheets and handouts: copyright, html cheat sheets, flowchart, wire frame, browser grid, doc type, web page divisions, layout grid, color hex chart, assortments, browser sizes
Weekly Assignments:
Week 1: August 27 [PDF]
Week 2: September 3 [PDF] page of links: classlinks_week2.html
Week 3: September 10 [PDF] page of links: classlinks_week3.html
Week 4: September 17[PDF] page of links: classlinks_week4.html
Week 5: September 24 [PDF] page of links: classlinks_week5.html
NO CLASS October 1st
NO CLASS October 8th
Week 6: October 15 [PDF] page of links: classlinks_week6.html
Week 7: October 22 [PDF] page of links: classlinks_week7.html
Week 8: October 29 [PDF] page of links: classlinks_week8.html
Week 9: November 5 [PDF] MIDTERM classlinks_week9.html
Week 10: November 12 [PDF] page of links: classlinks_week10.html
Week 11: November 19 [PDF] page of links: classlinks_week11.html
Week 12: November 27 [PDF] page of links:
Week 13: December 3 [PDF] page of links:
Week 14: December 10 [PDF] page of links:
Final Review date: TBA
General course information and links
Get Adobe Acrobat Reader