CSU Ram Head Logo

JTC 372

Web Design and Management

Weekly Schedule

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.

 

 

Week 1

Date

Assignment due

Activities

Jan 15

 

No Class. University Holiday.

Jan 17

 

First day of class

Course introduction.

Information sheets.

Project examples.

Project ideas assignment.

Week 2

Date

Assignment due

Activities

Jan 22

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.

Jan 24

 

 

Review project ideas individually.

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

Week 3

Date

Assignment due

Activities

Jan 29

Read Image Types and Usage in Web Design

Photoshop review.

Photoshop exercise.

Jan 31

 

Read Introduction to Cascading Style Sheets (CSS)

Introduction to Cascading Style Sheets (CSS) lecture.

CSS Box Model.

Week 4

Date

Assignment due

Activities

Feb 5

View Simple 1-Column CSS Layout.

Read Understanding Your Web Audience

Read Standardizing CSS class and id names

Audience analysis lecture.

Layout Exercise #1

 

Feb 7

 

 

 

 

Layout Exercise #2

Week 5

Date

Assignment due

Activities

Feb 12

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.

Feb 14

 

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.

CSS: Alternatives to Floats for multiple columns

 

 

Week 6

Date

Assignment due

Activities

Feb 19

Read How to Create Web Content That Works.

Read How We Read Online

Read Writing Great Alt Text

Web content lecture.

CSS: Background images

Review: Containing floats, Flexbox alternative, styling lists

CSS: Centering

Begin Exercise #4

Feb 21

 

Read Seven Steps to Easier Web Navigation.

Read Where Am I?

 

Navigation lecture.

Equal columns hack examples.

Finish Exercise #4.

Week 7

Date

Assignment due

Activities

Feb 26

Simple 3 column CSS layout

3-column layout.

Photoshop: PNG-24

Begin Exercise #5.

Feb 28

 

Preliminary Content assignment

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

CSS: Classes, Hover, more on Flexbox

Finish Exercise #5.

Week 8

Date

Assignment due

Activities

March 5

 

CSS: Block vs. Inline, Hover

Finish Exercise #5.

Begin Exercise #6.

March 7

 

 

Open lab 1-7 pm.

Finish exercises.