ART 301
Web Design

>trello

course time:
mw 2pm – 445pm

office hours:
mon 5pm–6pm
thu 5pm-6pm
fri 10am-11am

 

Proposed Schedule:

Week 1
Intro to Web Design
Project 1 Kickoff
Wireframes

Week 2
Project 1 Comps
HTML Basics
PSD Basics

Week 3
Project 1 Development
PSD Image Optimization

Week 4
Project 1 - Final
CSS Basics

Week 5
Project 2 Website Kickoff
Box Model / CSS

Week 6
Project 2 Comps
Box Model / CSS
Style Tiles

Week 7
Flex Box / CSS
Quiz Review 

Week 8
Flex / CSS
Quiz
Project 3 Kick Off

Week 9
Mid-Term
Project 2 - Final

Week 10
KickOff Final Project
Project 3 - Research Due

Week 11
Responsive Frameworks / 
Bootstrap Demo 1
UI Comps

Week 12
Bootstrap Demo 2
Bootstrap Demo 3

Week 13
Bootstrap Demo 4
Bootstrap Demo 5

Week 14
Bootstrap Demo 5
Final Quiz/Lab

Week 15
Present Final Website 

art department mission:
The CSUN Art Department is committed to teaching students to experience and value visual thinking and creative problem solving in art, as we as recognize the concurrent importance of perception, experimentation, innovation, and critical thinking. We encourage students to understand the history and traditions of art with their relevance to social and community concerns as well as the art of different cultures. Students are also encouraged to utilize and interact with the services, facilities and technologies offered throughout the University as well as those provided by the Art Department.

program outcomes:
Communication • Creativity • Critical Thought
Social Responsibility • Multidisciplinary • Ethical Practice

course description:
Prerequisite: ART 200; Preparatory: ART 201 or 244. Introduction to principles and techniques for visual and information design for websites. Includes an introduction to website development technologies. 5 hours lab.

An intermediate design class with an emphasis in exploring in greater depth the professional fields of interaction design (IxD), user interface (UI), and user experience (UX) design for broweser based media. Students will conceive and develop (code) solutions for interactive media for desktop and mobile browsers. Key principles of human-computer interaction and human-factors along with advances with technology will be explored.

recommended text:
Interactive Design: An Introduction to the Theory and Application of User-Centered Design
HTML & CSS: Design and Build Websites


student learning outcomes:

  • Demonstrate knowledge of web design principles and the technology needed when developing a website.
  • Understand industry standards and processes when designing for  web design vs print design.
  • Demonstrate creativity in the ideation and design for websites.
  • Apply and demonstrate basic coding languages to develop websites.

 

program learning outcomes:

  • Students will acquire competent knowledge and skills in various art media, concepts and methodologies.
  • Students will produce a competent body of individual and collaborative work suitable for a liberal arts degree, for the local, national and global marketplace.
  • Students will solve visual problems at a competent level, including understanding/application of the elements of art and principles of design.
  • Students will utilize and apply critical thinking skills to communicate ideas for their intended audience at a competent level in visual, oral, and written formats.

 

prerequisite:
ART 200; Preparatory: ART 201 or 244

materials:
You will need to purchase the following tools if you do not already own them. You will also be required to have the means necessary to produce your work. Graphic design courses rely on software and file management.
It is not required to carry all of the materials to class everyday, but when asked to have them, please be responsible and make sure you are always prepared to work. Factor in the cost of outputting your work this semester.

Storage devices (USB Flash Drives, Portable Hard Drive)
Sketchbook
Tablet or smartphone access
other materials as needed per project

the computer:
As you already may be aware, the Mac and its software are the main tools for the execution of graphic design. Students are recommended to use the computer lab outside of class or your own computer at home. Lab-time is not regulated, but it is up to you to get as much experience using the computer. The majority of the work in this class will be completed on the computer, but be aware that the computer is just a tool and that fundamentals and concepts are what we are emphasizing in this course. “There is nothing worse than a sharp image of a fuzzy concept”. It is your responsibility to always keep your files backed up and organized.

Lab hours are posted on the front door of every lab. Please make yourself aware of which labs are available to you.

final exam:
You are required to meet at the posted exam time for this class. Please make a note of it at this time.

attendance:
Studio/Lab courses, such as this, strongly take into consideration the entire learning and work habit process as well as required assignments.

You are allowed 3 excused class absences for the semester.

Any absence beyond this and the instructor can begin to reduce your overall grade by 1/3 grade unit. For example if you are absent 4 times an “A” will be come an “A-”.

Attendance is mandatory. Lectures, directions, demonstrations and critiques will not be repeated. Each student is expected to stay the full length of the class from beginning to the end. Do not miss class on days that projects are due because of unfinished projects. It is important you still receive information on those days. It is your responsibility to get missed information due to absences or tardiness.

I will take attendance during the first 7 minutes of class. If you arrive late, please notify the instructor. If you are late continually it will affect your overall final grade significantly. If you are late the day of a final critique, you will not be allowed to present your work and you will receive a zero points for presentation.

The University gives authorization to lower grades for poor attendance and tardiness at the instructor’s discretion.

An incomplete is only given if the student has completed the majority of the coursework and cannot complete the remainder of the course due to a reason beyond their control.

evaluation:
Students will be evaluated on the basis of:

  • Projects - process, visual design and code
  • Class participation, interaction, and discussion
  • Evidence of initiative, creative and imaginative responses
  • Attendance
  • Quizzes and written assignments


Feel free to ask me about your grades and attendance totals at any time.
There is a possibility of quizzes and writing assignments during the semester.
Extra credit assignments and projects might be developed as well.

late projects:
LATE WORK IS NOT ACCEPTED. ANYTHING LATE WILL RECEIVE ZERO CREDIT.
If you plan on being absent make sure to make arrangements to turn in the work earlier or on that day for partial credit. Project improvements can be made, but not to improve your grade. What you turn in the day it is due is what will be graded. This is an upper division class and there are no exceptions.

A few notes on this on project due dates:

  • Turning in something on the day it is due is almost always better than turning in nothing at all or turning it in late.
  • If something is due and you have nothing, show up anyway as participation with others IS PART OF YOUR GRADE.
  • If you come late the day a final project is due for presentation, you will NOT be able to present your work and you will receive 0 points in the presentation portion of your grade.

 

definitions of academic honesty:
I. CHEATING is the act or attempted act of deception by which a student seeks to misrepresent that he/she has mastered information on an academic exercise that he/she has not mastered.

II. FABRICATION is the use of invented information or the falsification of research or other findings in an academic exercise.

III. FACILITATING ACADEMIC DISHONESTY is intentionally or knowingly helping or attempting to help another commit an act of academic dishonesty.

IV. PLAGIARISM is the submission of another’s work as one’s own, without adequate attribution. When a student submits work for credit that includes the words, ideas or data of others, the source of the information must be acknowledged through complete, accurate, and specific references, and, if verbatim statements are included, through quotation marks or indentation as appropriate.

miscellaneous:
I. Don’t be shy about experimentation. I will be looking for ideas and projects that push the limits.

II. Always talk to me if there are any issues that deal with the projects. I will give you feedback, explanations, suggestions, etc. Do not be afraid to run any concept or idea by me. I want to encourage creativity and experimentation as long as you understand the fundamentals.

III. This class is intended to serve your needs. Learning requires active participation. If you have personal suggestions or requests, please do not hesitate to address them.

IV. Do not to use the computers, scanners, and printers for other class projects or work on any other projects during class time other than our own.

V. Food and drink are prohibited in computer labs.

VI. Show respect and be helpful to your fellow students. Have your work done and be present when we view the class work. Help each other in the lab. Remember, the person you help today might return the favor in the working world. Start creating your contacts now.

VII. Participate in SAGA (Student Advertising Graphics Association) here at CSUN and AIGA (American Institute of Graphic Arts) Los Angeles Chapter events. Begin to immerse yourself in the industry. It will help you greatly.

projects:
There will be several and exercises and projects in this course. The schedule is handed out on a per project basis and is subject to change. You will receive these via email or this website, as well as updates and any additional course information. Please forward your CSUN email accounts to your main email account if you do not use it! This is the primary method of communicating with you outside of the classroom.

Last modified 8/27/18
This syllabus is subject to change