CT244 101

Introduction to Web Design

Instructor: C. J. Yeh
Company website: Cynda Media Lab
Email: chinjuz_yeh@fitnyc.edu
Office at FIT: D317
Office Hours: Mon. 1-2, Wed. 4-6, and Thur. 12-1
FIT Tutoring Center: A608B

Course Description

Students acquire a fundamental understanding of internet technology and attain basic web design skills. Topics addressed include hypertext markup language (HTML), cascading style sheets (CSS), digital imaging for the web, and the principles of web design.

Weekly Outline

Mon: 01/31 (w1)

Wed: 02/07 (w2)

Wed: 02/14 (w3)

Mon: 02/21 (w4)

Mon: 02/28 (w5)

  • HTML/CSS Review

Mon: 03/07 (w6)

  • HTML/CSS Quiz 
  • Project 1: Responsive Layout
    Each students will design and hang-code a microsite (2 to 3 pages) for a restaurant of his/her choice. The primary focus is on teaching/learning layout design using only HTML and CSS.
  • Lecture: Fixed, Fluid, Adaptive, and Responsive Layouts
  • Lecture: Wireframe, moodboard, and type paring
  • In-class Workshop: moodboards, and type parings.

Mon: 03/14 (w7)

Mon: 03/21 (w8)

  • In-class Workshop: high-fidelity layout design

Wed: 03/28 (w9)

  • Midterm Review (15%): high-fidelity layout for all pages and devices (upload onto Google drive)

Mon: 04/04 (w10)

  • Critic: review high-fidelity layout
  • In-class Workshop: web page construction begins

Mon: 04/11 (w11)

  • Demo:
    – CSS layout techniques (custom designed demo based on student questions)
  • In-class Workshop: web page construction begins

SPRING BREAK! (April 15 to 19)

Mon: 04/25 (w12)

  • Demo:
    – CSS layout techniques (custom designed demo based on student questions)
  • In-class Workshop: web page construction

Mon: 05/02 (w13)

  • Substitute Teacher: Rusty Chen
  • Upload Progress to Google Drive

Mon: 05/09 (w14)

  • In-class Workshop: web page construction

Wed: 05/16 (w15)

Attendance Policy

Attendance is not optional. If you are going to miss a class, you must contact me via email ASAP. Due to the quantity of material covered in the course, I will not be able to spend class time explaining missed assignments or redo lectures. If a class is missed, it is your responsibility to get information regarding missed assignments and lectures from one of you classmates.

  1. Students are required to attend all classes, be on time, and remain for the entire class.
  2. Two absents will result in a one letter grade deduction.
  3. Students who are 3 classes will receive a grade of “F.”
  4. Student who arrives 10 minutes after the start of the class will be considered late
  5. 2 late occurrences = one absence
  6. A student who arrives over 30 minutes late or not returning from the break will be consider absent from the class
  7. Working on projects for another class or using digital devices for socializing (texting, social media…etc.) or gaming during class time will be recorded as an absence
  8. An excused absence is still recorded as an absence. The difference is an excused absence won’t impact your grade for professionalism and class participation.

Communication Design Pathways Department Policy on Plagiarism

Within the Communication Design Pathways Department, plagiarism and other forms of academic deception are unacceptable. Each instance of plagiarism is distinct. A plagiarism violation is an automatic justification for an “F” on that assignment and/or an “F” for the course. A student found in violation of FIT’s Code of Conduct and deemed to receive an “F” for a course may not withdraw from the course prior to final grade assignments.

FIT Student Code of Conduct


  • Professionalism and Active Participation: 15%
  • In-class Exercises: 15%
  • Proficiency Test: 30%
  • Project: 40% (5% draft review, 15% midterm review, 20% final presentation)
  • (A: 91% or above, B: 90% – 71%, C: 70% – 61%, D: 60% – 51%, F: 50% or below)

Uploading Files for Final Grades

  • CT244 601
    * keep all project and process files and upload before the semester is over for final grading.