WEB 200: Theory of web design
Web 200 // Seattle College // Winter 2018
Covers principles and practices of professional web site design, including site structure, page layout, navigation, color theory, typography and best coding practices. Explore the planning and design phases of creating a user-centered website. This course covers the steps to take before you start building, including defining the purpose and audience; outlining the structure and navigation; and designing the look and feel.
Students will design and develop a website for a small to medium sized business while focusing on site structure, page layout, navigation, color theory, typography and best coding practices. This class will provide the student with a case study and website portfolio piece to present to potential employers. See the course schedule.
Upon completion of this course, you should be able to …
- Understand how to design a website
- Establish the purpose and goals of a website
- Develop a successful underlying structure of a website
- Explain best practices & guidelines for planning a website
- Discuss navigation techniques and terminology
- Design readable pages with appropriate content layout
- Use “usability” principles and a checklist to help you create user-friendly sites
- Use the latest HTML and CSS standards to build a successful protosite
Students should have a basic knowledge of the web and browsers.
WEB 110 with 2.0 or higher, or Instructor’s permission. Coreq: WEB 120.
Session recordings are on Canvas. There are also audio files on Dropbox.
We will use Slack, a cloud-based set of team collaboration tools, for discussion and file sharing. The group name is SC-Web200. There are mobile apps for iOS and Android or you can access Slack in the browser.
- Browsers: Chrome // Safari (Mac) // Edge (Win10), MSIE (older Win)
- Text editors (free): Notepad++ (Win) and BBEdit (Mac)
- Image editors: Photoshop (Win/Mac), Camera+ (iOS)
- I just want a blog! WordPress.com / Tumblr.com / Medium.com
- HTML Dog – Beginner
- W3C – HTML Tutorial
- W3C – CSS Tutorial
Much of the work in this course will take place outside of the classroom. Class sessions will include progress reports and troubleshooting. Students must have assignments completed when they are due.
Your final grade will be a culmination of your Class Assignments:
- Assignments will create an overall class project with a presentation at the end of the quarter
- Assignments require critical thinking and problem solving skills
- Assignments will be “due” according to the class schedule
- Students are responsible for assignment information on assignment pages
- Students are also responsible for assignment information given in class
- Assignments will be marked down 25% for every week they are late
*Students must check the schedule before asking the instructor, “When is this due?”
A | High quality work demonstrating outstanding skills, craftsmanship, and innovative approaches to the problem.
B | Satisfies the minimum requirements of the project and demonstrates thorough understanding of concepts and principles.
C | Satisfies the minimum requirements of the project.
D | Does not satisfy the minimum requirements of the project. Problems with quality and/or knowledge of concepts.
F | Falls well below expected standards in solving the minimum requirements of the project.
- Cooper, Alan. The Inmates are Running the Asylum. Sams – Pearson, 2004 (Amazon).
- Garrett, Jesse James. The Elements of User Experience, 2nd edition. New Riders, 2011 (Amazon).
- Lidwell, William; Holden, Kritina; Butler, Jill; and Elam, Kimberly. Universal Principles of Design: 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach Through Design. Rockport Publishers, 2010 (Amazon).
- Norman, Don. The Design of Everyday Things, Revised and Expanded. Basic Books, 2013 (Amazon).
- Tufte, Edward. Envisioning Information. Graphics Press, 1990.
Web sites, resources
- A List Apart
- Color Codes
- Should I use a carousel
- Smashing Magazine
- Web Style Guide, Basic Design Principles for Creating Web Sites
Code of Ethics and Student Conduct
Downloads provided by this site are the intellectual property of the respected author(s) and are available for example and resource purposes only. Students are expected to create their own design and production work and write their own code. Turning in downloaded and/or copied-and-pasted code as your own assignment work is considered plagiarism and is subject to disciplinary action by the college.
It is the intention of SCCC to provide both a safe and nurturing environment for students, faculty and staff. To maintain and promote that environment, the college subscribes to a specific code of conduct, which is in accord with the Washington Administrative Code for all public institutions.
Seattle Central policies
Seattle Central College is committed to the concept and practice of equal & equitable opportunity for all its students, employees, and applicants in education, employment, services and contracts, and does not discriminate on the basis of race or ethnicity, color, age, national origin, religion, marital status, sex, gender, sexual orientation, Vietnam–era or disabled veteran status, political affiliation or belief, citizenship / status as a lawfully admitted immigrant authorized to work in the United States, or presence of any physical, sensory, or mental disability, except where a disability may impede performance at an acceptable level.
Statement from the President & Civic Engagement Resources:
This link provides information about workplace and classroom emergencies:
If you have emergency medical information or if you need special arrangements in case the building must be evacuated, please make an appointment with me as soon as possible.
In the event of an emergency that requires evacuation, all persons should observe the following procedures:
- Begin the evacuation process when a verbal or alarm notice is given.
- All persons shall move towards the nearest marked exit. Wheelchair occupants or persons with mobility impairments have first priority for the building elevators, but elevators should never be used in a fire or earthquake. Time permitting, take book bags, purses and personal belongings with you.
- Please familiarize yourself with the closest exit to this classroom. Use that exit in the event of evacuation. Assist physically impaired students.
Please contact Shiro Vance at Campus Security for more information. 206.934.5437 or in BE1108
Americans with Disability Act (ADA) (BE1112)
Students with documented disabilities requesting class accommodations, requiring special arrangements in case of building evacuation, or have emergency medical information the instructor should know about are asked to contact the disability support services office (DSS) in BE1112. Once the disability is verified with DSS the student will be given a letter of accommodation (LOA) to be handed to instructor.
- If a student contacts the instructor about an accommodation request the instructor will refer the student to the Disability Support Service office in BE1112 for an appointment to discuss accommodation needs.
- If the DSS office determines that the student does indeed have a disability the student will be given a letter of accommodation (LOA) that will state the accommodation to be implemented.
- The student’s responsibility is to hand the LOA to the instructor. The instructor will sign the letter (if there is agreement with the accommodation) and give it back to the student. Student will return the LOA to DSS.
Student Complaint process
The Dean of Student Development is the designated campus complaints officer and is available to meet with students to discuss issues, devise problem-solving strategies, and if necessary, guide them through the formal complaints process. Contact Kari Mills at 206.934.3840 to make an appointment.
All Gender Restrooms
There are three (3) locations for all gender restrooms on the Seattle Central campuses. Two single stalled restrooms are available on the 3rd floor of the Main Broadway Edison (BE) building. These are located across from room 3216, and open daily until the close of the building (10pm Mon-Thurs; 6pm Fri & Sat) for anyone affiliated with Seattle Central College. Additionally, there is an all-gender restroom located on the 3rd floor of the BE building, on the north end, near IT Services. The third is located in the Mitchell Activity Center (MAC) building, Level 1 next to the weight room.
For more information
Reflection Room (BE 3215B)
As of November 2017, Seattle Central College has designated room BE3215B as a Reflection Room space. The purpose of the room is to provide a safe and accessible space for meditation and reflection for students, staff and faculty. In addition, the space is intended to support self-reflective practice for developing a healthy campus community.
The Reflection Room is open from 8:00 a.m. – 5:00 p.m., Monday through Friday on a first come, first served basis.
For more information, please visit the Reflection Room to view the Community Expectations or contact Lyall Rudenskjold, Assistant Director of Multicultural Services, at email@example.com.
Seattle College District has a zero-tolerance policy on sexual harassment, discrimination, sexual violence, rape, bullying, or hazing. Please see District Policy and Procedure 419 for our process on investigating and responding to reports of sexual harassment and sexual discrimination.
If you have experienced sexual harassment or discrimination, sexual violence, or bullying, or are aware of an incident involving these violations, report it immediately to SCC’s Title IX Coordinator (Christina Nelson at 206.934.4017, Christina.M.Nelson@seattlecolleges.edu) or to the District Compliance Officer (Jennie Chen at 206.934.3873, firstname.lastname@example.org ).
All Seattle Colleges faculty and staff are required to report incidents of sexual misconduct to the Title IX Coordinator.
Undocumented Student Support (BE1103)
The Multicultural Services (MCS) office in BE1103 offers support for undocumented students at Seattle Central College. Students may contact DREAMer Support Navigator, Sahira Barajas, for more information at 206.934.4005 or by visiting the MCS office.
For more information