home et14 - Interactive Design for the Web I - Fall 2006

James Reilly - reilly@jamesreilly.com
sec #4235, Monday 6:30 - 9:35 pm, room 107

Copyright © 2004, J. Reilly
Copyright © 2004, 2003 Z. Baduel
Copyright © 2002 Philip van Allen

 
course outline



class assignments

week 01
week 02
week 03
week 04
week 05
week 06
week 07
week 08
week 09
week 10
week 11
week 12
week 13
week 14
week 15
week 16

resource page

   



: check weekly before coming to class

: the internet, mac and pc files, file naming conventions
: HTML introduction & basic tags
: more HTML tags, hand coding exercises
: web graphic formats, creating web images, screen sizes
: Dreamweaver intro, file structure, linking, downloading files, ftp
: midterm project assigned, design process, tables
: architecture and interface design, image maps
: rollovers, web safe colors, dreamweaver features, design basics
: gif animations, in-class work on design project
: midterm project due, class presentation and critique
: final project assigned, image slicing
: pop-up windows, css, frames
: final project comps due, dynamic HTML, layers, timelines, behaviors
: forms
: final written exam, in-class work on final project
: final project due, class presentation and critique

: general information on internships, jobs, technical articles, design

 
syllabus

Prerequisites
   


2. Knowledge of Adobe Photoshop

 

 

Description

 


Scope and
Limitations

   

ET14 is specifically designed for students who are serious in pursuing a web related career. It explores the fundamentals of web design and implementation of web sites. With the use of a web authoring tool (Dreamweaver), students will learn how to design and develop a web site, learn and understand HTML, and create dynamic web graphics. Common web design issues will be discussed. These include interface design, technical constraints, communication effectiveness, interactivity and site navigation issues.

As a beginning web design class, ET 14 takes full advantage of the WYSIWYG features of Dreamweaver 8 and is taught from a designer's perspective (front-end design). Beginning with Dreamweaver MX, the program incorporated Dreamweaver UltraDev, a stand alone application, providing advanced programming capabilities. These features are for web developers who build and maintain dynamic web sites, using server applications such as ASP, PHP, and JSP. This advanced “back-end” work is beyond the scope of this course. A good resource, if you want to learn about server applications, is the Dreamweaver MX 2004 Visual QuickPro Guide for Windows and Mac (J. Tarin Towers, et al., Peachpit Press).

 

---------------------------------------------------------------

The college offers courses in programming and scripting (see below) for students interested in advancing their skills to create and implement server side applications.

Check catalog for course descriptions and prerequisites.

Computer Applications:
CIS 51 Web Design Using XHTML and CSS (Prerequisite: None)
CIS 54 Web Page Development and Scripting 1 (Prerequisite: ET14)

Computer Science:
CS 81 Javascript and Dynamic HTML
CS 82 Server-Side Web Programming
CS 84 Programming with XML (Extensible Markup Language)
CS 85 PHP (Hypertext Preprocessing) Programming

To learn to create vector-based animation:
ET 34 Web Animation 1 (Prerequisite: ET11)
ET 36 Web Animation 11 (Prerequisite: ET 34 & must be an Academy student)


 
Objectives    

Upon completion of the course the student will be able to:

  1. Think critically about web design
  2. Design successful and user friendly web sites with efficient navigation interfaces
  3. Utilize the essential features of web design including:
    1. text formatting
    2. gif and jpeg images/animated gifs
    3. internal and external links
    4. tables
    5. rollovers
    6. image slicing
    7. frames
    8. dynamic HTML
    9. forms
  4. Understand HTML and learn how to hand code a simple web page
  5. Develop an awareness of the design process & production flow
  6. Demonstrate an understanding of how technical constraints affect web design
  7. Name files correctly and FTP them to a web server
  8. Learn to optimize images in Photoshop for web publishing

 

 
Textbooks    

Required

Recommended

 

 
Materials    

Assignments and projects will be submitted electronically to the Academy server. But you will need a storage media to back up and transport your work.

A USB mini drive, 256 mb or higher, is required. These are very small, key chain size devices that can be easily plugged into any USB port in the computer and works both on a PC or MAC platform. Comes in many storage capacities, i.e. 16, 32, 64, 128, 256 megs, up to 2 gigs.

You will also need a CD. In addition to the uploaded version of your Final Project to the secure server, you will need to submit the Final Project files on a CD at the end of the semester.

FYI: Computers that we are using no longer have zip drives, so you can not use zip disks in our classroom. You may bring other media like firewire drives or ipods.

 
Office location and hours    

Adjunct faculty members do not have on-campus office hours. You can reach me at my personal office with the information provided below:

James Reilly's office: reilly@jamesreilly.com, 310.379.2201

 

Methods of Evaluation

 

 

 

 

 

 

 

 

   

The final grade on this course is based on the following criteria:
• Midterm Project: 30%, Final Project 40%, Classroom Exercises, 20%
Projects are graded on (1) the execution of technical requirements (2) effectiveness of concept and design (3) timeliness of submission
• Quiz: 10% (based on lectures)

GRADING:

A Exceptional
B Above average
C Average
D Below Average
F Failing (no midterm or final project)

Improving a project already submitted is encouraged for a better portfolio of work but does not change the original grade. (Note: Students intending to enter the Academy may used the Final Project as part of their portfolio.)

Attendance

The student is expected to attend all class sessions. Every lecture in class is accompanied by hands-on demonstrations which can not be repeated for individual students. If a student misses a class, it is his/her responsibility to catch up on what was missed.

A student who has not attended class for 3 straight weeks and has not communicated with the instructor, either through phone or email as to the reason for the absences, will be dropped from the class. There will be NO reinstating once the student is dropped.

Students who are out for 3 weeks because of illness need to provide a doctor's note to be re-instated back into the class. Once reinstated, the student is responsible for reading up on the lectures missed and making sure the technical requirements are fulfilled when submitting made up projects.

To receive full credit, all assignments are due on time. A late project will only be accepted ONE class period after the due date with one grade drop. No projects will be accepted after that week. You must communicate through phone or E-mail if you can’t come to class due to illness or personal emergency.

All projects, unless otherwise advised by the instructor, will be uploaded to the college secure server using the student's assigned account. No project files shall be removed from the server once uploaded, or you will lose credit on those projects. No re-uploading of projects without the instructors approval.

Please take note:

The student must submit both the Midterm Project and the Final Project to pass ET14. They must be uploaded to the academy server to receive a grade. The final grade will be based on projects that are on the directory in the secure server. In addition, the student must PRESENT both MIDTERM and FINAL projects to the class to pass the course.

 
Adds and Drops    

It is the responsibility of the student to drop themselves from the class (Check Registration Office for procedure and deadlines).

 
Holidays
No Classes
   

March 9, Staff Development Day
April 12-18, Spring Break
May 28, Faculty Flex Day
May 31, Memorial Day

 
Presentation of
Final Project
   

Thursday, June 10, 6:30pm-9:35pm, Room 108

 
Classroom Policy    

Absolutely no food or drink is permitted in the classroom! Use of the computers for purposes other than assignments for this class is not permitted. Working on assignments for other classes, random web surfing, answering email while class is in session are not allowed. There will be time for these during the 15-minute break. Turn off pagers and cell phones while class is in session.

 
College use of
student work
   

By participating in this course, you agree to allow your work to be used by Santa Monica College for promotional purposes. These uses include, but are not limited to, display in physical and web galleries, promotional video tapes, and printed promotional pieces. You retain complete rights to your work and Santa Monica College may not use your work for non-promotional purposes without your prior agreement.