GDS 45 Online
Video Index - Fall 18

Back to Weekly Instructions

• Aug. 27 - Week 1
• Orientation for the class(Youtube video)
  Duration 37:44
• Creating a basic web page (for Assignment 1)
  Duration 50:51
• Sept. 3 - Week 2
• Text formatting tags (for Assignment 2)
  Duration 39:21
• Optional video from GDS46 Web Design and Development 2 on the Web Design Process(youtube video)
  Duration 19:03
• Sept. 10 - Week 3
• Web Design Mistakes (youtube video)
  Duration 15:53
• Lists, intro to colors, comments, and special characters (for Assignment 3)
  Duration 54:04
• Sept. 17 - Week 4
• 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
• Sept. 24 - Week 5
• Links and File Paths(youtube video for Assignment 6)
  Duration 1:01:48
• Oct. 1 - Week 6
• 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
• Oct. 8 - Week 7
• 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
• Oct. 15 - Week 8
• 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
• Oct. 22 - Week 9
• Basic Responsive inline Images(Youtube video)
  Duration 5:28
• CSS Positioning
  Duration 20:54
• Oct. 29 - Week 10
• Using Web Fonts
  Duration 20:08
• 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
• Nov. 5 - Week 11
• 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
• Nov. 12 - Week 12
• 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
• Nov. 17 - Week 13
• Creating html Forms (for assignment 19)
  Duration 1:00:24
• Styling html Forms (for assignment 20 - Extra Credit)
  Duration 34:45
• Nov. 24 - Week 14
• CSS techniques and image maps
  Duration 44:22
• Dec. 3 - Week 15
• Audio and Video
  Duration 23:59
• Dec. 10 - Week 16
• Web hosting and FTP programs
  Duration 24:03