COURSE INFO
Taught in Compton-Goethals at City College in New York City in the EDM section of the Art Department.

Course title: Design for the Web 2

Course code: ART 49540-4KN

Class time: Thu. 9:00-11:50am

Location: Room CG-122

Email: multimedia at instructor.net

Instructor: Asst. Prof. Andy Deck

Office: CG-131

Office hours: Tue 12:20-1:50pm, Th 3:45-5:15pm

COURSE DESCRIPTION
This course will utilize HTML5, SVG, CSS3, Javascript, and jQuery as well as WordPress. The course will expand upon Web fundamentals, addressing responsive design practices, content management systems, and interactive motion graphics. This course will contain both creative and technical assignments. Project workflow strategies emphasize mobile and tablet friendly design practices. Each student will produce three assigned projects and one self-directed final project over the course of the semester. Preparing students for the present wave of technical and design challenges, Web Design II will teach students proper semantic markup practices, excellent code design, and the ability to work with other front-end technologies, such as JavaScript and jQuery.

COURSE OBJECTIVES
To be an effective web designer you must know what makes a strong visual presentation and the code that makes it work.  The goal of this course is to advance student knowledge of the latest web design programming languages and design practices to prepare them for what is expected in the professional environment. Additionally, the course aims to impart a deep understanding of web design fundamentals so students will be prepared for the ever changing standards in the field.  This course challenges students to go beyond common approaches and to explore creative possibilities of the medium.


GOALS
To be an effective web designer you must know what makes a strong visual presentation and the code that makes it work. The goal of this course is to advance student knowledge of the latest web design programming languages and design practices to prepare them for what is expected in the professional environment. 

LEARNING OUTCOMES
Additionally, the course aims to impart a deep understanding of web design fundamentals so students will be prepared for the ever changing standards in the field. This course challenges students to go beyond common approaches and to explore creative possibilities of the medium. In this course students will...

  • Gain an understanding of the use of a CMS
  • Understand the rudiments of responsive design
  • Know how to make a website mobile friendly
  • Learn Javascript & jQuery
  • Understand the fundamentals of scripting as it pertains to Web media
  • Gain a mastery of core & advanced CSS concepts
  • Understand the DOM
  • Read and hand-code HTML5 and CSS3

ASSIGNMENTS
All work must be linked to your coursework index by the final week of class for full credit.

Coursework %
Research Report 10
Tutorial 5
BootstrapStudio assignment 15
Creative layout midterm project 15
Javascript library assignment 15
Attendance & Participation 15
Homepage index 5
Final Project 20
  • Research Report Pick a fundamental aspect of Web Design that you need to learn better and produce a 10 minute tutorial presentation on that topic. Due week 2
  • Codecademy tutorial on jQuery. Due week 4
  • Bootstrap project. Content: bio and info about a designer and three works you admire. Due week 5
  • Creative layout midterm project. Content suggestion: museum of HTML paintings. Due week 8
  • JS library project. 
    Employ a JS library for layout or navigation
    such as Packery,
    Fullpage.js, or AOS (Animate On Scroll).
    Content suggestions: monarch butterflies, honey bees, or coral reefs. Due week 11
  • Homepage index 
    Design an personalized portal for your work in the course with all projects linked. Due week 15
  • Final project  A self-directed website project. It's your choice, really.  Some ideas include: A) use a content management system (CMS) to produce a social issue-oriented website, or B) Learn about forms and form data processing by incorporating mailing list and survey interactions on a webpage, or C) produce a band website for your cousin, or D) make a website for your design firm, or E) learn how to put user input into a database with PHP, or F) focus on responsive design with great attention to detail, layout, typography, and color, while making a beautiful website about something interesting.
  • The final project must engage challenging issues in Web design. Produce a final project proposal before week 12 if you want some useful feedback.

SCHEDULE

Week 1              1/31
Review LECT
Introduction
Week 2 2/7
Research Report DUE
Tutorial (start)
Week 3 2/14
BootstrapStudio LECT
Tutorial (cont.)
Week 4 2/21
BootstrapStudio LECT
Tutorial DUE
Week 5 2/28
Bootstrap proj. DUE
Critique 

 

Week 6                3/7
Layout LECT
Reading TBA
Week 7 3/14
Javascript  LECT
Layout (cont.)
Week 8 3/21
Midterm proj.   DUE
Critique
Week 9 3/28
JS Libraries LECT
Library demo
Week 10 4/4
jQuery LECT
Library demo

 

Week 11 4/11
JS Library proj. DUE
Critique
Week 12 4/18
Form data LECT
Open lab
Week 13 5/2
Wordpress LECT
Open lab
Week 14 5/9
PHP LECT
Open lab
Week 15 5/16
FInal project  DUE
Critique 

PLAGIARISM, HONESTY
The City College views “academic honesty and integrity” as the duty of every member of an academic community to claim authorship for his or her own work and only for that work, and to recognize the contributions of others accurately and completely. This obligation is fundamental to the integrity of intellectual debate, and creative and academic pursuits. Academic honesty and integrity includes accurate use of quotations, as well as appropriate and explicit citation of sources in instances of paraphrasing and describing ideas, or reporting on research findings or any aspect of the work of others (including that of faculty members and other students). Academic dishonesty results from infractions of this “accurate use.” The standards of academic honesty and integrity, and citation of sources, apply to all forms of academic work, including submissions of drafts of final papers or projects. All members of the University community are expected to conduct themselves in accord with the standards of academic honesty and integrity. It is the responsibility of students to learn the procedures specific to their discipline for correctly and appropriately differentiating their own work from that of others. Compromising your academic integrity may lead to serious consequences, including (but not limited to) one or more of the following: failure of the assignment, failure of the course, academic warning, disciplinary probation, suspension from the school, or dismissal from the school.

ATTENDANCE
Faculty members may fail any student who is absent for a significant portion of class time. A significant portion of class time is defined as three absences for classes that meet once per week. Lateness or early departure from class may also translate into one full absence.

MISSED CLASS
You are responsible for the course material and activities of each class period. If you anticipate a scheduling conflict, submit projects early.  If you miss a class, you are still responsible for handing in the assignment and completing the readings.  Handing in assignments without participating in critiques will result in lower grades. 

PARTICIPATION
Class participation is an essential part of class and includes: keeping up with reading, assignments, projects, contributing meaningfully to class discussions, active participation in group work, and attending class regularly and on time. Cellphone social media must be kept to break time.

COMMUNICATION
The email address you give on the first day of class will be used to communicate with you about all course-related matters. Please check it regularly.

MAKE-UP POLICY
If an assignment is not ready to be critiqued in class on a scheduled due date, this will result in a significant grade penalty for the assignment. Students may make up late assignments, not for full credit.  But, late is far better than never.

DISABILITY
If you need accommodations because of a documented disability, notify the instructor. The AccessAbility Center/Student Disability Services ensures equal access and full participation to all of City College's programs, services, and activities by coordinating and implementing appropriate accommodations. If you are a student with a disability who requires accommodations and services, please visit the office in NAC 1/218, or contact AAC/SDS via email disabilityservices@ccny.cuny.edu, or phone (212-650-5913 or TTY/TTD 212-650-8441).

GRADING
Completed projects will be graded using the following criteria: timely completion, design concepts, quality control, comprehension of the material, technical proficiency, project planning, and a demonstration of aesthetic and technical development.

Grade  Student work
A 😊 excellent
A- 🙂 very good
B 😉 above avg. 
C 😕 below avg.
D ☹️ barely ok
F 😞 failure