CSU Ram Head Logo

JTC 372

Web Design and Management

Weekly Schedule

Week 1


Assignment due


Aug 22

First day of class

Course introduction.

Information sheets.

Project examples.

Project ideas assignment.

Aug 24


Turn in two project ideas.

Read Rolling out the mobile-friendly update

Read HTML Naming Conventions and File Management

Read Web File Organization and Naming Conventions

Set up web publishing.

Definitions, file management and naming conventions lecture.

HTML overview and group exercise.

Test publishing.

Week 2


Assignment due


Aug 29


Dreamweaver interface introduction. Site layout and management. New pages, previewing, and uploading.

Aug 31


Read Image Types and Usage in Web Design

Photoshop review.

Photoshop exercise.

Week 3


Assignment due


Sep 5

Read Introduction to Cascading Style Sheets (CSS)

Introduction to Cascading Style Sheets (CSS) lecture.

CSS Box Model.

Note: Legacy Dreamweaver CSS editor shortcut: Ctrl + Alt +Shift + P

Sep 7


View Simple 1-Column CSS Layout.

Read Understanding Your Web Audience

Read Standardizing CSS class and id names

Audience analysis lecture.

Layout Exercise #1.



Week 4


Assignment due


Sep 12





Layout Exercise #2


Sep 14


  No class today. Ben out.

Week 5


Assignment due


Sep 19

Turn in Web site proposal and user analysis.

Read Simple 2 column CSS layout


Work through 2-column example.

HTML/CSS: Styling lists

Responsive design strategy #1: Size with percentages and max-width. Example.

Exercise #3.

Sep 21


Read Web Style Guide: Typography (whole section)

Read Clearing Floats

Optional: Simple Tips on Containing Floats

Optional: Slash Page Load Times with CSS Font Subsetting

Reference: www.cssfontstack.com

Reference: Better CSS Font Stacks

Web typography lecture.



Week 6


Assignment due


Sep 26

Read How to Create Web Content That Works.

Read How We Read Online

Read Writing Great Alt Text

Web content lecture.

Review: Containing floats, styling lists

CSS: Background images

Begin Exercise #4

Sep 28


Read Seven Steps to Easier Web Navigation.

Read Where Am I?

Read Equal Columns Hack

Navigation lecture.

Equal columns hack example.

Finish Exercise #4.

Week 7


Assignment due


Oct 3

Assignment postponed - due Oct 5

Simple 3 column CSS layout

3-column layout.

Photoshop: PNG-24

Begin Exercise #5.

Oct 5


Preliminary Content assignment

Responsive design tip #2: Size images with percentages and height: auto.

CSS: Classes, Hover

Work on Exercise #5.

Week 8


Assignment due


Oct 10


CSS: Block vs. Inline, Hover

Finish Exercise #5.

Begin Exercise #6.

Oct 12



Open lab 1-7 pm.

Finish exercises.

Week 9


Assignment due


Oct 17

Read Beginner's Guide to Responsive Web Design

Read Google: Rolling out the mobile-friendly update

Reference: Google: Mobile-Friendly Test

Optional: Responsive Web Design (alistapart.com)

Optional: A Pixel is Not a Pixel

Responsive design tip #3: Use media queries.

Work on Exercise 7 together


Oct 19


Sample web sites assignment.

Read Pursuit of the Original

Read Web Style Guide's Page Design Section.

Read Working with Visual Weight in Your Designs

Optional: All Websites Look The Same

Reference: Principles of Design Quick Reference Poster

Design lecture.

Work on project.

Week 10


Assignment due


Oct 24

Read Interpreting Your Website Statistics.

Document titles and title separators

Writing useful page titles

Web analytics lecture.

Work on project.

Oct 26


Read Basics of search engine optimisation.

Reference: Google Search Engine Optimization Starter Guide

Reference: Google Ranking Factors

Search Engine Optimization lecture.

Work on project.

Week 11


Assignment due


Oct 31

Read Using site speed in web search ranking

Read www.webweaver.nu/html-tips/load-time.shtml

Read: Google Shares New Mobile Page Speed Guidelines

Reference: Find out how you stack up to new industry benchmarks for mobile page speed

Reference: How Loading Time Affects Your Bottom Line

Tools: WebPageTest | TinyPNG | Google Test My Site | Website Speed Test Image Analysis Tool

Load time lecture.

Work on project.


Nov 2

Read Usability 101

Read Simplified usability checklist

Usability Lecture.

Work on project.

Week 12


Assignment due


Nov 7

Style and layout due at end of class.

Read What is Web Accessibility?

Review Colorado.gov Accessibility Policy

Reference: CSU Web Accessibility Guideline

Accessibility Lecture.

Work on project.


Nov 9


Dreamweaver Templates.

Work on project.

Week 13


Assignment due


Nov 14


Work on project.

Test Review.

Nov 16



Domains/Hosting lecture.

CSS: Alternative to floats for columns.

Work on project.

Week 14


Assignment due


Nov 28

Validation lecture


Work on project.

Nov 30

Preliminary design and usability report

Work on project.

Week 15


Assignment due


Dec 5


Work on project.

Dec 7

Final Web site project and report

Work on project.

Class schedule will be developed during the course of the semester. I will keep the schedule 1-2 weeks in advance of the current class.