MGD 141 Web Design I Fall 2021

Class notes

• Unit 1 Introductions
• Unit 2 CMS - Wordpress
• Unit 3 A word on design
• Unit 4 Stuff
• Insert - Worpress tutorials
• Unit 5 Fun with Text
• Unit 6 A first look at CSS Styles
  • video overview
• Unit 7 Images
  • Image Demo files
• Unit 8 Style layout
  • Layout example
  • Video
  • AP Divs
• Unit 9 Hyperlinks
• External Style sheets
• Video
• Unit 10 Responsive...a first look
  • Demo file
• Unit 11 Design tutorials on Lynda
• Unit 12 Photoshop to HTML/CSS
  • Photoshop file
  • Screen size
  • HTML build | Photoshop to HTML video
  • Google Fonts
  • CSS 3
• Portfolio and Gallery options
  • Gallery
• Unit 13 Forms
  • CF and PHP forms

Assignments

• Assignment 1 Contract (01/23/20)
• Assignment 2 - reading (01/28/20)
  • Quiz 1 - reading (01/30/20)
• Assignment 3 - report (01/30/20)
• Exercise 1 - banner ad (02/06/20)
• Assignment 4 - html skeleton (02/13/20)
• Assignment 5 - html text (02/18/20)
• Assignment 6 - lists (02/20/20)
• Assignment 7 - basic styles (02/27/20)
• Project 1 | Completed design (03/03/20)
• Assignment 8 - images reading (03/05/20)
• Project 1 part 2 | Completed Design (03/10/20)
• Assignment 9 - Reading (03/12/20)
• Layout Style test Due March 31 *Bonus only (03/12/20)
• Project 1 part 3 | Completed Design (03/12/20)
• Assignment 10 Reading (10/24/20)
• Project 1 part 4 | Completed Design (04/07/20)
• Announcement (04/14/20)
• Project 1 part 5 Responsive (0414/20)*Extra Credit
• Project 2 - Personal website Design only (04/21/20)
  • Extra Credit HTML/CSS version

Showcase