art152 - Web Design One Foundations Syllabus

Overview

Students learn terminology and skills of graphic surface and interface design. Course covers graphics, code, layout, file-management, wire-framing, prototyping, images, visual fundamentals and principles of interaction design to create web based interfaces and web sites.
The class requires that you have taken ART 100 - Fundamentals of Drawing and ART 102 - 2D Processes
(or ART 2810 Principles of Design and ART 2630 Digital Photography I during the quarter system).

Instructor: Tana Lehr
Office location: zoom link on Canvas
Office hours: Mondays 12:45pm and best! by appointment. Email me.
Use the Office Hours link in Zoom area on Canvas.
Email: tana.lehr@csueastbay.edu

Encode email addresses to prevent spam
Another method

Goals

Student Learning Outcomes and Objectives

By the end of the course, you will be able to:

  1. Define and name the visible and structural layout and organizational components as well as the underlying code of a website/web app
  2. Explain the process of creating a website from idea to finished page and explain the relevance of insights such as Hicks and Fitts laws on this process
  3. Create screen-based layouts and the required graphic assets in response to a creative brief and proposal
  4. Create valid semantic web pages with HTML5
  5. Present web-based solutions to an audience with conceptual and technical explanations and justifications
  6. Create web sites and web app from idea to finished product including supporting deliverables such as subject research, style tiles and wireframes
  7. Use HTML5, CSS, and development frameworks such as Zurb Foundation.
  8. Critique web-based projects based on best practices, conceptual, aesthetic and technical criteria

COURSE DELIVERY

  • Class sessions will be by zoom video conference weekly
  • You will be asked to perform a variety of tasks both guided and independent.
  • You will do outside reading and present your findings in class.
  • You are expected to participate in all activities fully and independently.
  • You will work both individually and in small groups to do research and reports
  • In this course, material is introduced through project-based assignments, lecture, discussion, research, experimentation, critiques and hands-on workshops.
  • There are in-class assignments as well as homework assignments.
  • Class discussions are based on work produced independently and in workshops therefore it is imperative to meet deadlines, and hand in assignments as they become due.

ASSIGNMENT GUIDELINES

In the course you will be expected to present assignments in different forms:

  • Preparatory and research studies in the form of writing and sketches that show planning ideas for creative work in response to the course requirements.
  • Documentation of project research activities that cite sources used - both as written notes and as practical work. These notes and images should be kept in a course binder including the research for the entire semester.
  • Technical and creative notebooks to document processes learned in class and to record information that supports your projects - particularly when learning computing/coding skills.
  • Project reports, typed and illustrated with appropriate images / diagrams relevant to the assignment brief, which are manually created and scanned or electronically produced.
  • Practical class exercises presented as individual or group work, which involve studies with various media, code or applied creative processes that relate to the course projects.
  • Independent homework studies that are presented as a part of your assessed coursework and which form an important part of the course projects process.
  • Oral presentations: individual and group activity - as formal assessed activity and as informal class practice. These presentations include spoken critiques of your own work, as well as famous art examples. The experience will add to your learning. Presentations are very important as a professional practice demonstrating the level of your understanding & your communication skills in the subject. The formal presentations also display the standard of your work relating to project content.

Required

Attendance

Your grade starts dropping after 2 absences.

Come to class!

  • 3 lates = 1 absence
  • 3 absences = 1 full letter grade drop (A to B or B to C)
  • 4 absences = 2 full letter grade drops (A to C or B to D)
  • 5 absences = 3 full letter grade drops (A to D or B to F)

Required Texts

Required Actions

  • You must come to class. If you do not attend the first 2 classes, AND you do not communicate with me, you will be dropped from the class.
  • If you don't upload correctly to the server, after I have guided the class step-by-step at least 3 times, AND you do not communicate with me to get help with this, you will not be able to submit your labs and projects and you will fail the course.

Required Materials

  • Pens, markers, pencils, paper, notebook for sketching and note taking.
  • Access to a computer and the internet for homework and study (volunteer for extra lab access)
  • Access to software for completion of work (volunteer for extra lab access)
  • Flash memory drive minimum 2G

Assessment Criteria

  • Research/analysis/preparation
  • Range of ideas, Creativity, and innovation
  • Skills/technical ability
  • Media/means selected
  • Fulfillment of requirements
  • Presentation, Evaluation, and Critique

Notes

Personal Standards

The work that you build in this class is only worthy of being part of your portfolio if the contents are all yours. It is okay to use logos and images you have developed in other classes. It is not a portfolio builder if you are using someone else’s art. It is dishonest if you don’t cite your sources in the deliverable.

Academic Dishonesty

By enrolling in this class the student agrees to uphold the standards of academic integrity described at http://catalog.csueastbay.edu/content.php?catoid=2&navoid=80#how-does-cal-state-east-bay-define-and-handle-academic-dishonesty?.

Accommodations for students with disabilities

If you have a documented disability and wish to discuss academic accommodations, or if you would need assistance in the event of an emergency evacuation, please contact me as soon as possible. Students with disabilities needing accommodation should speak with the Accessibility Services.

Emergency information

California State University, East Bay is committed to being a safe and caring community. Your appropriate response in the event of an emergency can help save lives. Information on what to do in an emergency situation (earthquake, electrical outage, fire, extreme heat, severe storm, hazardous materials, terrorist attack) may be found at: http://www20.csueastbay.edu/af/departments/risk-management/ehs/emergency-management/index.html

Please be familiar with these procedures. Information on this page is updated as required. Please review the information on a regular basis.