CIS 195, Web Authoring 1: HTML and CSS

Course Outline

Getting Started
Syllabus
Useful Links

Course Materials on GitHub
Demo Code on GitHub

Textbook: New Perspectives on HTML, CSS and Dynamic HTML: Comprehensive, Fifth Edition, 2012 by Patrick Carey

1. Intro to HTML

• Objectives
  
• Lecture Notes
  • Intro to the Course
  • Basic HTML Elements
• Examples
  • My Oregon Page  Download zip file
  • My Demo Page
• Lab Assignment
  • Lab 1 Instructions
  • Lab 1 Rubric

2. More on Creating Web Pages with HTML

• Objectives
  
• Textbook Reading
• Carey, Tutorial 1: Getting Started with HTML5
  
• Lecture Notes
  
• More HTML
• Even More HTML
• Examples
  • Chennai web page — Source code
  • Chennai Area web page — Source code
• Lab Assignment
  • Lab 2 Instructions
  • Lab 2 Rubric

3. Developing a Web Site

• Textbook
• Carey, Tutorial 2: Developing a Web Site
• Lecture Notes
  
• Paths and Links
• Image Maps - Not finished yet
• Example
• Guide to South India
  
• Lab Assignment
  
• Lab 3 Instructions
• Lab 3 Rubric

4. Designing a Page with CSS

• Textbook
• Carey, Tutorial 3: Designing a Web Page with CSS
• Lecture Notes
  
• Styling with CSS
• Text Formatting, PseudoClasses
• Example
• Guide to South India
  
• Lab Assignment
  
• Lab 4 Instructions
• Lab 4 Rubric

5. Midterm

• Lecture Notes
  
• Publishing to a Web Server, Review
• How to upload your site to citstudent
  

6. Page Layout with CSS

• Textbook
• Carey, Tutorial 4: Creating Page Layouts with CSS
  
• Lecture Notes
  
• CSS Layout, Float Property
• CSS Box Model, Positioining
• Example
• Guide to South India
• Float Demo
• Exercise
• CSS float and clear Properties
  
• Lab Assignment
  
• Lab 5 Instructions
• Lab 5 Rubric

7. HTML Tables

• Textbook
• Carey, Tutorial 5: Working with Tables and Columns
• Lecture Notes
  
• Tables
• Example
• Table Practice
  
• Lab Assignment
  
• Lab 6 Instructions
• Lab 6 Rubric

8. HTML Forms for User Input

• Textbook
• Carey, Tutorial 6: Creating a Web Form
  
• Lecture Notes
  
• Forms - Part 1
  
• Forms - Part 2
  
• Lab Assignment
  
• Lab 7 Instructions
• Lab 7 Rubric

9. Multimedia for the Web

• Textbook
• Carey, Tutorial 7: Designing a Multimedia Web Site
  
• Lecture Notes
  
• Audio and Video for Web Sites
• Embedding Multimedia Objects
• Lab Assignment
  
• Lab 8 Instructions
• Lab 8 Rubric

10. 1 Review and Term Project

• Lecture Notes
  
• TBD
• Term Project Assignment
  
• Term Project Instructions
• Term Project Code Review Form

10.2 (Optional) Advanced CSS

• Textbook
• Carey, Tutorial 8: Enhancing a Web Site with Advanced CSS
  
• Lecture Notes
  
• Advanced CSS
• Lab Assignment
  
• Lab 1 Instructions

11.  Final Assessment