Week 1 – Week of August 26 | Introductions
- Introductions
- A Semester in Web Design
- Syllabus
- Course Overview
- Slack Signups
- Beginnings of HTML
- Sunday, September 1 – Slack Introduction Post due by 11:59 p.m.
Week 2 – Week of September 2 | HTML
- HTML Presentation
- Text Editors (Sublime, Brackets, Atom.io)
- HTML Basics (PDF)
- HTML Files and Organization (PDF)
- Navigation and Pages
- Project 1 Overview (Due September 15)
Week 3 – Week of September 9 | Publishing
- Reclaim Hosting Overview
- Reclaim Hosting Registration
- FTP (Fetch or Filezilla)
- Using Fetch
- Find three sites you think are well designed and explain why. Provide links, screenshots of images that demonstrate your points. Post to #webdesign channel of Slack.
- Project 1 Work Day
- Sunday, September 15 – Project 1 and Slack Post due by 11:59 p.m.
Week 4 – Week of September 16 | CSS
- CSS Introduction
- CSS Properties (W3 Schools)
- <meta> tags (W3) Schools
- Sample Style Sheet
- Sidebar Properties
- CSS Exercise Overview (Due Oct. 6)
Week 5 – Week of September 23 | Design
- Design 101
- Flexbox Froggy
- Header Ideas
- Favicons
- Photoshop (PDF)
- CSS Exercise Work Day
- Sunday, Oct. 6 – CSS Exercise due by 11:59 p.m.
Week 6 – Week of September 30 | Responsive Design
- Responsive Design (PDF)
- Responsive Web Design
- Introduction to CSS Media Queries
- Pros and Cons of Responsive Design
- Responsive Design Screens Example
- Meta Tags
- Project 2 Example
- Discuss Troubleshooting Quiz
- Sunday, Oct. 6 – Project 2
Week 7 – Week of October 7 | Troubleshooting + Project 3
- Troubleshooting Quiz
- Discuss Project 3 Topics and Video Project
Week 8 – Week of October 14 | Mass Comm Week
- Monday, Oct. 14: Alkek Teaching Theater: DMI Recent Grad Panel
- Wednesday, Oct. 16: Alkek Library: Pablo Mercado, CTO Vox Media
Week 9 – Week of October 21 | Bootstrap
- Bootstrap Overview (Project 3 Due Nov. 10)
- Project 3 Example
- Video Project Exercise Overview (Due Nov. 10)
- Bootstrap Basics (PDF)
- Bootstrap Grids and Components
- Bootstrap Resource
- Bootstrap Starter Template
- Simple Data Visualization Tools
- Timeline (Knight Lab)
- Juxtapose (Knight Lab)
- Soundcite (Knight Lab)
- Storyline (Knight Lab)
- Storymap (Knight Lab)
- Data Gif Maker (Google)
- Customized Maps (Google)
- AMCharts (amcharts.com)
- Sunday, October 27 – Slack Post 3 due by 11:59 p.m.
- Write a post in the #multimedia Slack channel about the multimedia/storytelling topic you plan to build a site for on Project 3. Include some background on your choice, both what and why, what your five pages will be and how you think it lends itself to being the basis for a website. Also include what you will write your articles on, what kind of video you will do and what type of data you will find.
Week 10 – Week of October 28 | Multimedia Storytelling
Week 11 – Week of November 4 | Bootstrap
- Project 3 Work Day
- Discuss Final Project Topics
- Sunday, November 10 – Project 3 and Video Exercise due by 11:59 p.m.
Week 12 – Week of November 11 | WordPress
- WordPress Overview
- WordPress (PDF)
- Subdomains
- WordPress Install
- WordPress Themes
- WordPress Child Themes
- WordPress Plugins (PDF)
- Final Project Overview (Due Dec 11)
Week 13 – Week of November 18 | WordPress
- Child Theme PDF
- Final Project Example
- Final Project Example
- Final Project Example
- Final Project Example
- Final Project Example
Week 14 – Week of November 25 | WordPress
- Final Project Work Day
Week 15 – Week of December 2 | WordPress
Final Presentations
Sunday, December 8 – Slack Post 4 due by 11:59 p.m.
Thursday, December 12 – Final Project Due by 11:59pm