skip navigation

JTC 372

Web Design and Development

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
Aug 25	First day of class	Instructor introduction. Course introduction. Take student survey. Project ideas assignment.
Aug 27	Turn in two project ideas. Read A Respected MIT Professor Had a Simple 4-Word Rule for His Classroom, and Every Company Should Follow It Read Rolling out the mobile-friendly update Read How to Name HTML Files Read What Structure Should Your Website Have?	Definitions & File Management lecture View and work along with HTML review and exercise video.

Week 2
Date	Assignment due	Activities
Sep 1	Tool: Blank HTML5 Page Reference: Emmet - the Essential Toolkit for Web Developers	Review project ideas Brackets & HTML5 Doctype lecture and group exercise. Create second test page.
Sep 3	Read Image Types and Usage in Web Design	Digital Imaging & Photoshop Basics lecture View Object Selection Optional: Download boots photo to work along with lecture. Complete Photoshop/Imaging Exercise #1.

Week 3
Date	Assignment due	Activities
Sep 8	Read Learn CSS Today The Easy Way Read Standardizing CSS class and id names Reference: CSS Box Model	Right click to save CSS example file into your /exercises folder. View CSS Lecture and Exercise
Sep 10	View Simple 1-Column CSS Layout. Reference: Publishing Settings	Complete Layout Exercise #1 using Layout Exercise #1 Video. View File/Directory Organization & Publishing lecture. Do not log in--wait for me to talk to each of you independently about this.

Week 4
Date	Assignment due	Activities
Sep 15	Read Understanding Your Web Audience Read Personas	Audience Analysis lecture. Complete Layout Exercise #2
Sep 17	Read Myth #1: People Read on the Web Read How to Create Web Content That Works. Read How to Improve Your Website Readability Score Review 2-column example Reference: main HTML tag Reference: Aside HTML tag Reference: Flex Cheatsheet Reference: Styling lists Tool: readable.com	Right click Two Columns Example HTML page (two-columns.html) and save into /exercises. Right click Two Columns Example CSS Page (two-columns-example.css) and save into /exercises/css. View and work along with Two Columns Example video. Begin Layout Exercise #3

Week 5
Date	Assignment due	Activities
Sep 22	Read SEO 101: How to Write Compelling Title Tags Read Document titles and title separators Read Alt Text Read How To: Write Good Alt Text	Ben - Possible Jury Duty Catch up - Open Lab (3 - 5 p.m.) Physical attendance optional - See Canvas for attendance credit assignment Complete Layout Exercise #3
Sep 24	Read A Comprehensive Guide to Typography Basics Watch The History of Typography - Animated Short Optional: Watch Helvetica Reference: Using Single Google Font Reference: CSS Centering Reference: CSS Font Stack Reference: Fonts In Use – Type at work in the real world. Optional: Better CSS Font Stacks Optional: Slash Page Load Times with CSS Font Subsetting Optional (but fun): Read The reason every meme uses that one font	Typography Lecture. Demonstration: How to Use a Single Google Font. CSS: CSS Centering Video CSS: Background Images Video (Optional files: Right-click to save Backgrounds Example Page (backgrounds.html) to /exercises and Backgrounds CSS file (backgrounds.css) to /css) Begin Layout Exercise #4.