COMD2451 Web Design 1 | Section E-023
Thursdays 2:30PM – 5:50PM, Pearl 124
Instructor: Jake Wright
Course Description
As online media dominates global communications, strong web design skills are valuable assets for any communications designer. This class establishes a solid foundation in essential web design techniques, covering the Document Object Model, contemporary web standards (HTML5 and CSS3), coding workflow, and site management/administration. Over the course of the semester, students will use new techniques to improve and add features to a series of iterative projects, culminating with a personal portfolio website.
1 cl hr, 3 lab hrs, 3 cr
Prerequisites
COMD 2300
Course Objectives
INSTRUCTIONAL OBJECTIVES |
ASSESSMENT |
For the successful completion of this course, students should be able to: |
Evaluation methods and criteria: |
|
Design the branding and style of a web site, with a consistent look-and-feel throughout. |
Students will demonstrate competency by using graphics software to design multiple design options. |
|
Introduction to semantic HTML to create static web sites. Learn how CSS is used to properly format text on a page. |
Students will demonstrate competency by cleaning up code by hand, and layout of type using CSS. |
|
Use graphics in appropriate file formats to create a unique and compelling website. |
Students will demonstrate competency by slicing up a design file into appropriate optimized file formats and combine with CSS for a seamless design. |
|
Learn about how web sites influence and are influenced by the Internet, the use of hypertext, and writing for organic traffic. |
Students will display competency through implementation of a live web site they design, host and manage. |
|
Appropriate use of document elements, and introduction of forms for user feedback. |
Students will display competency through implementation of a dynamic form element |
General education outcome covered: |
How that outcome is assessed: |
|
Writing The student will demonstrate the ability to write clearly articulated thoughts in a professional, informed manner. |
Evaluate how well students absorbed and consequently applied the learning though graded written portions of projects. |
|
Information Literacy The student will demonstrate the ability to find proper resources. |
Assess through class discussion and written tests if students have developed the ability to find information through proper resources. |
|
Oral Communication Speaking: The student will demonstrate the ability to articulate himself using relevant industry-specific language. |
Evaluate through class discussion and /or written tests if students use appropriate nomenclature to defend creative, critical, and technical decisions in project concepts and development. |
Teaching/Learning Method
- Lectures and readings
- Demonstration
- Project based labs
- Research assignments
- Blackboard
Required Text
None
Attendance (College) and Lateness (Department) Policies:
Attendance is taken and is important to success in this class. Two late arrivals (20 min. or more) are equivalent to an unexcused absence. You get two “free” unexcused absences for the semester; additional absences will significantly lower your participation/preparation/attendance grade.
Academic Integrity Standards
Students and all others who work with information, ideas, texts, images, music, inventions, and other intellectual property owe their audience and sources accuracy and honesty in using, crediting, and citing sources. As a community of intellectual and professional workers, the College recognizes its responsibility for providing instruction in information literacy and academic integrity, offering models of good practice, and responding vigilantly and appropriately to infractions of academic integrity. Accordingly, academic dishonesty is prohibited in The City University of New York and at New York City College of Technology and is punishable by penalties, including failing grades, suspension, and expulsion.
Grading
15% Site 1: Hello World – Single-page site with media and external links
25% Site 2: Digital History – multi-page bio of figure from digital/computing history
35% Site 3: Personal Portfolio – multi-page portfolio with plug-ins and interactive elements
25% PPA (participation/preparation/attendance)
Unexcused late work is accepted with a 15% grade penalty.
Recommended Resources:
W3 HTML Reference: http://www.w3schools.com/html/default.asp
W3 CSS Reference: http://www.w3schools.com/css/default.asp
LinkedIn Learning (video tutorials, free with NYC/BK library card): http://www.linkedin.com/learning
Materials:
Portable USB Storage (external hard drive or quality flash drive)
Brackets software (Mac or PC; free download at http://brackets.io)
FTP software (cyberduck and filezilla are great free options)
Print this page
