ITGS Project
Suggested Web Techniques

The following Lynda.com tutorial probably has most of what you need, I would start there:

Creating Your First Website in Dreamweaver CC 2017

Website Layout with CSS

Google PageSpeed Insights - test your web page and get hints on how to improve performance

Online Image Optimization or use the built in optimizers in Fireworks or Photoshop

1. Creating a First Web Site with Dreamweaver CS6  with Paul Trani - Chapter 6 - Adding a Gallery Widget

2. Creating a Navigation Pull Down Menu
Creating a First Web Site with Dreamweaver CS6  with Paul Trani - Chapter 5 - Adding Navigation and Pages. Watch all three sections of this chapter. These lessons will introduce you to Sprys.

3. Creating a Print CSS Style Sheet
Dreamweaver CS3 Essential Training with Garrick Chow. Watch the Chapter 10 lessons titled Designing for Devices and follow the instructions in the Styling for Print lesson to complete this exercise.

4. Creating a style sheet for printing. - will you create a print style sheet for your web site?

5. CSS Normalize - add the following link anywhere inside your head tag so that all browsers render your CSS correctly.
<link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" />

6. Placehold.it - this is a great site for creating placeholder images for your web site. Here is an example of a placeholder image created on this site.