Schedule

How To Read This Schedule: All readings will be completed before class on the date on which they are assigned. Anything in bold is work to be completed before class and brought with you on the day listed. Assignment due dates, also in bold, indicate that the completed manuscript of your paper must be in the correct dropbox on Blackboard by 11:59PM on the day indicated.

Table of Contents

1. Module 1: Online Content
2. Module 2: HTML 5, CSS 3
3. Module 3: Responsive Design

Module 1: Online Content

This module will explore two topics:

1. What makes effective web content?
2. How does HTML structure the content we write online?

Focusing on basic principles for effective web writing, we will also learn the basic structure and organization of a web document using Markdown, an HTML metalanguage that facilitates the quick and easy creation of standards-compliant web content.

You will complete this unit by authoring an article in Markdown that uses the best practices for effective web content learned in this module.

• Week 1
  • T, 1/13
    • Course Overview
  • Th, 1/15
    • History of the Internet, the Web, & HTML
• Week 2
  • T, 1/20
    • Basic Web Elements; Markdown
    • The Text Editor & You
  • Th, 1/22
    • Web Content
• Week 3
  • T, 1/27
    • Web Content
  • Th, 1/29
    • Web Content
• Week 4
  • T, 2/3
    • Work in Class
  • Th, 2/5
    • Work in Class
    • Assignment #1 Due

Module 2: HTML 5, CSS 3

After you have learned the basics of how web content is structured, we will begin to explore, in greater depth, how web documents are designed and structured to best present content to readers.

For this module, you will learn how to author basic, well-structured HTML documents and how to style them using CSS3 techniques. Additionally, this unit will introduce basic principles of web typography.

You will complete this module by converting your Markdown article into an HTML 5, CSS 3 document.

• Week 5
  • T, 2/10
    • Introduction to Assignment #2
    • Installing an Editor
  • Th, 2/12
    • Basic HTML Document
• Week 6
  • T, 2/17
    • What is CSS?
    • Using the Debugger
  • Th, 2/19
    • More advanced HTML Structures

    • HTML 5 & The Document

    • Learning By “Stealing”: View Source and Developer Tools
• Week 7
  • T, 2/24
    • Color For the Web
      • “Introduction to CSS Colors”
    • Box Model
      • “CSS Specification”
    • Changing the Font
  • Th, 2/26
    • No In Person Class
    • Web Typography
    • Read:
      • “Web Design is 95% Typography”
      • “Best Practices of Combining Typefaces”
    • Reference:
      • “The Elements of Typographic Style Applied to the Web”
• Week 8
  • T, 3/3
    • Design Patterns for Web Pages (& How to Implement Them)
    • Building Navigation Elements
  • Th, 3/5
    • Work in Class
• Week 9
  • Spring Break, No Classes
• Week 10
  • T, 3/17
    • Work in Class
  • Th, 3/19
    • Work in Class
• Week 11
  • T, 3/24
    • Work in Class
  • Th, 3/26
    • Work in Class

Module 3: Responsive Design

Now that you have the basics of web authoring, you will began to explore meeting the needs of users in our contemporary multi-device landscape.

This module will introduce principles for creating responsive web content that displays on mobile phones, tablet, and HD screens in a seamless fashion.

• Week 12
  • T, 3/31
    • The Mobile Web
  • Th, 4/2
    • Responsive Frameworks: Why, What, How
    • Intro to Pure CSS
• Week 13
  • T, 4/7
    • CSS 3 Animations: Yes or No?
  • Th, 4/9
    • Off-the-shelf Components
• Week 14
  • T, 4/14
    • A Brief Introduction to JavaScript; jQuery
  • Th, 4/16
    • Using some basic JavaScript components
    • Modernizr & Polyfills
• Week 15
  • T, 4/21
    • Work in Class
  • Th, 4/23
    • Work in Class
• Week 16
  • T, 4/28
    • Work in Class
  • Th, 4/30
    • Work in Class