University of Washington // Winter quarters
Course provides an overview of the basic principles and practices of professional web site design & development. Through a series of step-by-step exercises, students will build a personal website using industry standard techniques.
Upon completion of this course,
you should be able to …
- Describe the core technologies that make the web work
- Write basic (and standards-compliant) HTML and CSS from scratch
- Understand the difference between client-side and server-side technologies
- Test a website for conformance with web standards
- Understand issues around web site accessibility
- Be familiar with challenges when designing for traditional PCs, tablets and phones
- Successfully set up a personal website on UW servers
- Build an N-page personal website that is readable, accessible and mobile-friendly
- Become familiar with an HTML editor as well as industry-standard content management systems
Students should have a basic knowledge of the web and browsers.
To request academic accommodations due to a disability, please contact Disabled Student Services: 448 Schmitz, 206-543-8924 (V/TTY).
Good student conduct is important for maintaining a healthy course environment. Please familiarize yourself with the University of Washington’s Student Code of Conduct.
Course exercises and material
- Intro to Web standards and design
- HTML overview
- Exercise: Set up your website on UW servers
- HTML and CSS basics (code overview and resource doc)
- Exercise: Creating and publishing your first web page
- Exercise: Page layout / adding images
- Exercise: Using lists to make menus
Course web sites
UW web sites
- UW Librarian
- UW Technology Getting Started Guide
- HTML And CSS: Visual Quickstart Guide, Elizabeth Castro, 8th edition
- Learning Responsive Web Design: A Beginners Guide
- CSS Detective Guide, Denise Jacobs
- HTML and CSS: Design and Build Websites, Jon Duckett
- HTML editor
- FTP client
- FileZilla (Mac and PC FTP client)
- A List Apart
- Color Codes
- Should I use a carousel
- Smashing Magazine
- Web Style Guide, Basic Design Principles for Creating Web Sites
Much of the work in this course will take place outside of the classroom. Students must have assignments completed when they are due. Exercises will be marked down 25% for every week they are late.
Exercises will be graded on a four-point system according to the sample UW Grading Guidelines
4 | Excellent quality work demonstrating superior skills, craftsmanship, and innovative approaches to the problem.
3 | High quality work exceeds the minimum requirements of the project and demonstrates thorough understanding of concepts and principles.
2 | Work satisfies the minimum requirements of most of the project.
1 | Marginal performance; does not satisfy the minimum requirements of the project. Problems with quality and/or knowledge of concepts.
0 | Falls well below expected standards in solving the minimum requirements of the project. Complete absence of evidence of learning.