vanwars
Intro to Web Design

Updated a year ago

SYLLABUS: INTRODUCTION TO WEB DESIGN

Berkeley City College Multimedia Arts

Course Number MMART 164, CN 31070 (2 credits)
Required Lab MMART 164L: either 31235 or 31072 (1 credit). Check catalog for offerings.
Meeting Times Mon, Tues, Wed, 9:00am - 11:45am, Room #324. Summer 2016
Instructor Sarah Van Wart ([email protected])
Teaching Assistant Alexandra Lukinicheva
Office Hours By appointment

Introduction

This course is an introduction to the web, and assumes no prior knowledge. If you feel like you know nothing about coding (as in computer code) or design, but are a little bit curious about the web, then this course for you. If you’ve had quite a bit of experience with coding and design, but want to continue developing your skills / portfolio, then this is course is also be for you, although you may eventually want to explore additional multimedia arts courses, such as MMART 166 (user interface design) and MMART 177 (mobile & responsive web design).

Learning about the web is complicated, intellectual, and rewarding work that requires constant practice, experimentation, review, reflection, and revision. Websites are living, editable documents, and as web techniques/technologies continue to evolve, so must the designer/developer. Therefore, learning the skills and dispositions necessary to become a web designer / developer requires daily attendance. Taking this course means committing – for 6 weeks – to practicing web skills everyday, turning in short daily assignments, committing to doing homework, being present in class for individual and group activities, and most importantly, persevering when things get confusing/difficult and asking questions. Your enjoyment and success in this course depends on your commitment to showing up, engaging, and practicing your developing skills and ideas.

BIG QUESTIONS

Some of the questions that this course will explore include:

1. How does the web work?

  • What are HTML, CSS, and JavaScript, and how do they work together?
  • How do some of my favorite websites and apps work?
  • What are servers, browsers, search engines, IP addresses, and DNS?

2. How do I design and implement a website / web app of my own?

  • What design principles and techniques ensure that my website communicates its intended message?
  • How can I make my website accessible, intuitive, professional, interesting, and easy to maintain over time?

3. How do I make my website engaging, dynamic, and interactive?

  • If I see something interesting on the web, how can I use existing code, tutorials, and resources to build something like that for myself?
  • What are content management system (CMS) and why should I care about them?

OBJECTIVES

By the end of this course, you will have developed various forms of web-related skills and knowledge, including:

Technical Knowledge

  • Understanding web architecture fundamentals (how the web works)
  • Understanding HTML and CSS, and how the two languages correspond and work together
  • Having experience setting up and customizing a WordPress site
  • Understanding how to integrate code samples, effects, styles, and scripts from all over the web
  • Knowing how to work with some APIs and third-party tools and platforms

Design Knowledge

  • Knowing some basic rules of design, and how to follow those rules while still being creative and innovative
  • Being able to create, implement, evaluate, and reflect on your own designs with your users

Communication Knowledge

  • Understanding web-appropriate communication strategies
  • Knowing how to use semantic markup to communicate with web robots and search engines

PERALTA’S STUDENT LEARNING OBJECTIVES (SLOs)

Upon successful completion of the course, students will be able to:

  • Construct web pages that effectively implement and communicate a proof of concept
  • Understand visual design principles, and how to instantiate them in web pages
  • Analyze, appraise, and critique their own work, and that of their peers

GRADING

Percentage Activity
50% Daily assignments & participation
30% Homework
20% Exams

COURSE POLICIES

Required Lab

In conjunction with this course, you are also required to sign up for one of the lab sessions (MMART 164L), and attend lab for the, four-hour sessions per week (a total of 12 hours / week). You are welcome to attend any of the lab sessions, regardless of the lab you signed up for. My lab session is Thursday, from 8-11:50 in room #213, but feel free to select the one that is most convenient for you.

Attendance Policy

Your daily, on-time attendance is required for this class. Attendance is crucial, as each day of summer classes is equivalent to one week of a fall class. We learn from one another. Assignments build throughout the semester based on classwork & homework. A student's final grade may be lowered if they have more than one unexcused absence or more than three unexcused late arrivals. If a student emails the necessity of an absence, it is an excused absence. Life has its surprises, so email me (Sarah) if you're going to miss class. It's far more important to attend class than have the homework done.

Collaboration

You are encouraged to collaborate and help each other. Collaborators will also provide design feedback and technical assistance to one another. Part of your course grade will be based on your ability to be collaborative and helpful, and to give generative feedback and critique to your collaborators.

Turning In Work

All classwork and homework must be uploaded to the course Moodle.

Late Work Policy

I mark one letter grade off for every day that a homework assignment is late. Very late work is only eligible for half credit.

Email Policy

I will respond to your emails within 24 hours.

Drops

Do not assume you have been automatically dropped from the class. Only YOU can drop the class officially, due to Passport restrictions. This is crucial for accuracy in your academic standing. Instructors can only drop whatever students have NEVER shown up or have missed 3 consecutive class meetings. You must send an email to me (Sarah) to be excused from a class meeting. It's a welcome courtesy to email me if you're dropping the class.

Etiquette

Cell phones off. NO FOOD or Drinks – Leave on table by wall. Respect and be respected.

Important Peralta Dates

Remember these important dates for the summer session:

June 20 M Instruction Begins
June 26 Su Last Day to Add. Last Day to Drop and Receive a Refund Without a "W" Appearing on Transcripts.
June 30 Th Last Day to File for PASS/NO PASS Grading Option
June 30 Th Last Day to File Petitions for AA or AS Degree/Certificate
July 4 M Independence Day – Holiday. No classes!
July 19 T Last Day to Withdraw and Receive a "W". All outstanding fees are due even if classes are dropped on this day.
July 28 Th Summer Session Ends

Disability Statement

Berkeley City College is committed to providing reasonable accommodations for all persons with disabilities. The syllabus and course material are available in alternate formats upon request. Students with disabilities: If you are seeking classroom accommodations under the Americans with Disabilities Act, you are required to register with Programs & Services for Students with Disabilities (PSSD). PSSD is located in the Center Street campus, Room 261. The phone number is (510) 981-2812 or 2813. To receive academic accommodations for this class, please see PSSD to prepare your Instructor Notification Letters and meet with me at the beginning of the semester. I encourage any student who suspect they may have a disability to contact PSSD for assistance.

Important Course Dates

1 Sun, 6/26 Homework Homework #1: Web Worst (due by midnight)
2 Sun, 7/3 Homework Homework #2: Web Architecture (due by midnight)
Solutions now available
3 Sun, 7/10 Homework Homework #3: Design, Part #1 (due by midnight)
4 Sun, 7/17 Homework Homework #4: WordPress Activity #1
5 Tues, 7/19 Exam Exam #1: HTML, CSS, & Web Architecture (in class)
6 Tues, 7/26 Homework Homework #5: Final Project website (due by midnight)
7 Wed, 7/27 Exam Exam #2: Final presentations (in class)