GDES45 Online
Video Index

Back to Weekly Instructions

• June 11 - Week 1
• Orientation for the class
  Duration 37:44
• Creating a basic web page (for Assignment 1)
  Duration 50:51
• Text formatting tags (for Assignment 2)
  Duration 39:21
• Web Design Mistakes (youtube video)
  Duration 15:53
• Lists, intro to colors, comments, and special characters (for Assignment 3)
  Duration 54:04
• June 18 - Week 2
• HTML5 Semantic Elements
  Duration 8:51
• GDES 45 Basic Page with HTML 5 Containers (youtube video for assignment 5)
  Duration 23:28
• RGB and RGBa Color
  Duration 8:15
• Links and File Paths(youtube video for Assignment 6)
  Duration 1:01:48
• Locations for CSS and basic selectors
  Duration 10:47
• File types for Images on the Web (youtube video)
  Duration 16:39
• Adding Images to a Web Page (youtube video for Assignment 8)
  Duration 46:54
• June 25 - Week 3
• CSS for text formatting (for Assignment 9)
  Duration 35:34
• Processing and Exporting an Image (for Assignment 10)
  Duration 32:02
• Background images (youtube video for Assignment 11 - Extra Credit)
  Duration 35:17
• Tables and Practice with Background Images Exercise(Optional)
  Duration 53:10
• Adding Text to an Image in Photoshop (youtube video)
  Duration 14:28
• CSS Box Model
  Duration 36:56
• CSS Floats (youtube video)
  Duration 39:18
• Basic 2 Column Responsive Layout (youtube video for Assignment 12)
  Duration 21:49
• Basic Responsive inline Images(Youtube video)
  Duration 5:28
• July 2 - Week 4
• CSS Positioning
  Duration 20:54
• Creating an animated gif from a video
  Duration 3:37
• Creating animated gifs in Photoshop(an example for help with Assignment 14)
  Duration 32:36
• List as Navigation (for assignment 16)
  Duration 34:44
• List as Navigation 2 with inline-block and flexbox (for assignment 16 Extra Credit)
  Duration 14:33
• Final Project Description
  Duration 23:28
• Using mybalsamiq for Wireframes - Youtube video(for help with Assignment 17)
  Duration 22:32
• Optional Video - Page Layout with CSS - Part 1 - Using Floats
  Duration 25:41
• Optional Video - Page Layout with Floats - Example Fixed Layout
  Duration 34:44
• Optional Video - Media Queries
  Duration 35:46
• Display Options and Flexbox
  Duration 33:02
• Responsive Layout with Flexbox (youtube video for Assignment 18)
  Duration 59:47
• July 9 and July 16 - Weeks 5 and 6
• Creating html Forms (for assignment 19)
  Duration 1:00:24
• Styling html Forms (for assignment 20 - Extra Credit)
  Duration 34:45
• CSS techniques and image maps
  Duration 44:22
• Audio and Video
  Duration 23:59
• Web hosting and FTP programs
  Duration 24:03