ITDI 256-01 Web Design for Artists
Fall 2016

& meeting
Instructor: Charles Miller
Office Hours: after class or by appointment
text/phone: 585.690.0125
Home Page:
Description &

This course is an introduction to the planning, design, and production of interactive art projects that are web based. Students will be introduced to web design concepts and principles in site design, page design, graphical user interface design, and usability. The course will include instruction in building pages and websites that support students in promoting their artwork through web based representation and social media. Students will be encouraged to explore highly structured as well as highly experimental approaches to merging content with the design of interactive sites. The course will also incorporate social-cultural issues in digital art making.

  • FDTN-112 and FDTN-122 or equivalent
  • none
Covered/course outline
  • History of Internet and Web
  • Essential tools & resources
  • Setting up your CIAS account and course landing page
  • Web site structure
  • HTML page structure and validation
  • HTML navigation
  • HTML links and images
  • HTML tables & forms
  • HTML multimedia
  • CSS basics
  • CSS layout
  • Copyright
  • Advanced CSS
  • CSS media queries
  • JavaScript basics
  • JQuery basics
  • Practical JQuery applications
Images & Color
  • Color and the Web
  • Optimizing images for the Web
  • Creating CSS backgrounds
User Interface Design/UX
  • design principles for the Web
  • usability and UX design
Portfolio Planning
  • choosing and organizing your work
  • promoting your work
Site Design & Development
  • Design and build an online portfolio
  • planning site structure
  • establishing site design
  • prototyping pages
  • implementing and testing your site
  • Domain Name registration
  • Web hosting
Texts &

Recommended (NOT required) textbook: 

Visual Quickstart Guide: HTML, XHTML & CSS, Sixth Edition. Elizabeth Castro.

Other helpful books:

  • CSS: The Missing Manual
  • The Principles of Beautiful Web Design
  • The Essential Guide to Dreamweaver CS4 with CSS, Ajax, and PHP
  • Bulletproof Web Design by Dan Cederholm
  • CSS Pocket Reference by Meyer

Additional resources:

You’ll need a basic code editor to create your work for this class, and these Windows/Mac programs can be downloaded and used at no cost (they’re open-source). Let me know if you need any help getting set up to work at home with these or any other editors:

submitting your assignments

At the beginning of the course, everyone will establish a course landing page for themselves on the CIAS server. Each assignment you complete will be uploaded to this space and a link added to your landing page.

If you are a CIAS student, visit: to activate your account. You may need to log in with your RIT username and password first. If you need more help, visit:

You can then use an FTP program such as Fetch (Mac) or FileZilla (Mac & Win) to access your account and upload files.


Your grade will be based upon your in-class exercises (40%), and a main project done in three stages (20% for each stage). Grades will be available in mycourses as we progress through the course.

Assignments should generally be turned in on time, primarily so that you don't fall too far behind. If for some reason you will not be able to turn something in, please let me know in advance so we can figure something out.

Your weekly presence will be expected as will your in-class participation. Occasional quizzes will be administered that will relate directly to topics covered in class, so it is in your best interest to be present in class so you are prepared.


The primary project of this course will to design and build your own online portfolio, or an equivalent project of your choosing.


I will link resources, assignments and other portant class-related materials to the mycourses server. I may also post announcements there, but will always cross-post them as e-mails for those who don't check mycourses regularly. It's always a good idea to check either mycourses or your email before classtime for possibly important announcements relating to class that day.


Student Academic Integrity Process

There is a difference between asking a classmate for help in solving a technical problem and using their work as your own. If you get ideas from web sites, credit your source.