Comm 333 Web Design II

Skip to navigation

Class Overview

Syllabus

Partial Class Schedule

Week 1 — 1.24

Course Overview

  • What we'll be covering this semester
  • What is responsive web design?

Review of HTML, CSS and FTP

  • Review HTML & CSS basics
  • Review FTP and set up websites

Week 2 — 1.31

HTML & CSS Review Continued

CSS Review

  • Terminology
  • Selectors

HTML & CSS Layouts

Floats and Positioning

Week 3 — 2.7

HTML & CSS Layouts

Flexbox & CSS Grid

Week 4 — 2.14

HTML & CSS Layouts (continued)

Flexbox & CSS Grid

Media Queries

Begin working with media queries to make responsive designs

Week 5 — 2.21

Single Page Project Critique 1

Due: Thumbnail Sketches & Draft of 3 sizes in Sketch

Media Queries

Begin working with media queries to make responsive designs

Other topics

  • Print stylesheets
  • CSS pseudo classes
  • CSS content property

Week 6 — 2.28

Single Page Project Critique 2

Due: Revised and Completed Layouts in Sketch / Markup and styling for small size

Responsive Navigation

  • Navigation design issues for diverse screen sizes
  • Responsive navigation patterns
  • Responsive navigation techniques

Spring Break — 3.7

Week 7 — 3.14

Snow Day

Week 8 — 3.21

Snow Day

JavaScript & jQuery Basics

Week 9 — 3.28

Responsive Images

  • Responsive images that scale
  • Responsive CSS Background Images

Week 10 — 4.4

Due: Travel Experience sketches

Responsive Images

  • srcset and sizes attributes
  • Picture element

Scalable Vector Graphics (SVG)

Week 11 — 4.11

Due: Travel Experience version 1
Nonprofit topic and website audit

Week 12 — 4.18

Due: Travel Experience Final
Nonprofit design brief and concept sketches

Week 13 — 4.25

Due: Nonprofit style tiles, formal sketches and style guide
Schedule meeting to review mockup between 4/25 – 5/2

Senior Banquet — no class

Week 14 — 5.2

Whatever is left that you need to know for the final...

Final Due Friday, 5.11 by 11:59pm

Final nonprofit redesign due. Post all content on class website.