Schedule

Date Topic Read (Red text is quizzable) Assignment
9/6 Introduction to the Class:
Three web examples
http://www.albrightknox.org
http://www.bampfa.berkeley.edu/
http://www.artic.edu/?gclid=CIamubPSya0CFUQRNAodTQQShA
9/8 HTML: Structure, Text (and markup), Lists and Links, Images; File name rules; Posting a site;  https://www.w3schools.com/html/default.asp
9/11 DIVs; Semantic Tags; Basic Photoshop: Cropping, Saving; https://www.w3schools.com/css/default.asp;
syntaxhttps://www.w3schools.com/html/html5_semantic_elements.asp
Web Page Analysis due
9/13 Fisher Server Space; CSS basics: color; CSS basics: anchors; CSS Cascade, Internal/External CSS; CSS Variables; Web Developer Browser Tools; File Management Book of CSS: 1, 10, 16; https://css-tricks.com/difference-between-types-of-css-variables/; HTML 5
9/15 Typography I  Typography 1-3
9/18 Typography II Typography: 4-6; Book of CSS : 5
9/20 CSS Grid Layout I Book of CSS: 17
9/22 CSS Grid Layout II Personal
Page due
9/25 Flexbox Book of CSS: 15
9/27 Flexbox II (and Navigation)
9/29 Layout Lab I
10/2 Layout Lab II Personal Page Redux due
10/4 Review for Exam
10/6 EXAM Prep for Exam
10/9 Photoshop

  • Imagery & Texture & Tiles
  • Adjusting brightness and color/Filters
  • istockfotolia, and everystockphoto.com
  • Layers & Making Transparent Areas
  • Masking in Photoshop
  • Favicons
10/11  Review Exam
10/13 No class: Recess Day
10/16 All About the Visuals lab    
10/18 Media Queries & Responsive Design I  Book of CSS: 2  
10/20 Media Queries & Responsive Design II/Discuss Responsive Business Home Page/Hints from Joe   All About the Visuals due
10/23 Visual Effects  Book of CSS 8-9, 11 & 18  
10/25 Graphic Design  Page Design: http://webstyleguide.com/wsg3/7-page-design/index.html  
10/27 Mockups (Axure)  
10/30 Writing for the Web/SEO  
11/1 Interface Design Interface Designhttp://webstyleguide.com/wsg3/4-interface-design/index.html
11/3 No class: Prof. Sarachan at Conference  
11/6 Research: Overall Research:  1-3
11/8 Research: Organization & Advanced Axure Research: 4 Responsive Business Home Page due
11/10 Research: Competitive/Personas Research: 5-8
11/13 Google Analytics & Evaluative Research ; Discuss needed topics Research: 9
11/15 Teach-In (alternative activity): Meet in Mac Lab
11/17 Lab
11/20 jQuery Slideshows
11/22 Thanksgiving
11/24 Thanksgiving
11/27 Placing Images and Text in DIVs Case Study Client Project Proposal due
11/29 Responsive Flexbox Menus; Forms; Social Media Embedding
https://publish.twitter.com/
 https://www.w3schools.com/howto/howto_css_dropdown.asp
12/1 Tabs; Gif Animations
12/4 Cinemagraphs
12/6  In-class Testing
12/8  Final Surveys
Mon. 12/11 from noon-2:30  Final Case Study Project Presentations Final Client Case Study Project due