CSU Ram Head Logo

JTC 372

Web Design and Management

Weekly Schedule

Week 1

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

Sep 12

 

 

 

Review.

Layout Exercise #2

 

Sep 14

 

  No class today. Ben out.

Week 5

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

Oct 10

 

CSS: Block vs. Inline, Hover

Finish Exercise #5.

Begin Exercise #6.

Oct 12

 

 

Open lab 1-7 pm.

Finish exercises.

Week 9

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

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

Date

Assignment due

Activities

Nov 14

 

Work on project.

Test Review.

Nov 16

 

Test

Domains/Hosting lecture.

CSS: Alternative to floats for columns.

Work on project.

Week 14

Date

Assignment due

Activities

Nov 28

Validation lecture

HTML: HTML5

Work on project.

Nov 30

Preliminary design and usability report

Work on project.

Week 15

Date

Assignment due

Activities

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.