CS 134 – Web Site Design & Development – Course Notes & Slides

• Home
• Syllabus
• Schedule
• Notes
• Labs
• Resources

Course Notes & Slides

Slides will be posted to the website after the class in which they are lectured:

• Lecture 1 – Overview
• Lecture 2 – Introduction to Web Development
• Lecture 3 – How to code, test, and validate a web page
• Lecture 4 – How to use HTML to structure a web page
• Lecture 5 – How to use CSS to format the elements of a web page
• Lecture 6 – How to use the CSS box model for spacing, borders, and backgrounds
• Lecture 7 – How to use CSS for page layout
• Lecture 8 – How to work with lists and links
• Lecture 9 – How to use Responsive Web Design
• Lecture 10 – How to deploy a website on a web server
• Lecture 11 – How to design a website
• Lecture 12 – How to add audio and video to your website
• Lecture 13 – How to work with images
• Lecture 14 – How to work with tables
• Lecture 15 – How to work with fonts and printing
• Lecture 16 – How to work with forms
• Lecture 17 – How to use JavaScript and jQuery to enhance your web pages
• Lecture 18 – How to use jQuery UI and jQuery plugins to enhance your web pages
• Lecture 19 – How to use jQuery Mobile to build mobile websites
• Lecture 20 – How to use CSS3 transitions, transforms, animations, and filters

Study Guides:

• Midterm Study Guide
• Final Study Guide

Examples:

• List examples from chapter 7 (download)
  • Example 1: Horizontal Navigation Bar
  • Example 2: 2-tier Navigation Bar
  • Example 3: 3-tier Navigation Bar
• Examples from midterm:
  • Sample code from Midterm
  • Sample for Midterm q31
• JavaScript Example from Chapter 15:
  • Email List Example (vanilla JavaScript)
  • Email List Example (jQuery)
• CSS Transition/Transform Example from Chapter 14:
  • CSS Transition/Transform Example