Kevin W. Tharp
Doc Tharp

Butterfly Drinking Nector

Three Screen Design Using HTML5 and CSS3

Prior to proceeding with this eLearning Module you should have completed reading chapters 1,2,3,4. This module builds upon those readings, it does not replace them.

**Note: These videos were created in CS6. The templates and application of the fluid grid and responsive design tools changed with updates to CS6 and so these videos are more useful for understading the process than for a step-by-step guide.

Combining 3 screen design into a single design in Dreamweaver CS6 - Introduction (14:22)

Media Queries and the Cascade - Introduction (20:39)

Applying the 12 column approach to the 3 screen design (17:57)

Next Step: Exploring the differences between Fixed and Fluid Web Pages