2013
VTC
Mark Struthers
2:30
English
In today's multimedia website world, the use of responsive website design has exploded in popularity. This VTC QuickStart! course will show you how to create a responsive website using the integrated functions that come with Adobe's Dreamweaver CS6. Author Mark Struthers will cover the issues that are present with a traditional fixed width, non-responsive website. Then he will show you how to create a static website using an extension made by WebAssist that can subsequently be developed when CSS rules and media queries are later applied. The Fluid Grid Layout function within Dreamweaver CS6 is also explored so that experienced Dreamweaver users (who may be new to responsive website design) can use the resulting fluid grid template, populated with assets of their own, to build a fully functioning responsive site. Mark concludes by showing you how to incorporate other extensions made by Project 7. To begin learning today, simply click on the movie links.
Welcome
Introduction
Getting Started
Static Site Issues
Static Site Preview
Fluid Sites and Fluid Grids
Investigating Media Queries
Looking at Responsive Sites
Simple Responsive Site pt. 1
Simple Responsive Site pt. 2
Fluid Grid Dialogue Options pt. 1
Fluid Grid Dialogue Options pt. 2
Inspecting the Code
Adding and Adjusting Div Tags pt. 1
Adding and Adjusting Div Tags pt. 2
Adding Content
Styling Content
Using Responsive Extensions
Adaptations pt. 1
Adaptations pt. 2
Inspecting and Adapting Adaptations
Stylizing with Stylizer 5
Adapting the Menu
Adding Images
Changing Background Images
CSS Page Builder Magic
Conclusion
Course Wrap Up
Credits
About the Author
http://www.vtc.com/
Download File Size:257.48 MB