Dreamweaver CC Responsive Design with Bootstrap
Pluralsight
Course Summary
Learn how to create websites that work well on any device. This course guides you through developing a responsive website in Adobe Dreamweaver using the Bootstrap framework. Software required: Dreamweaver CC.
-
+
Course Description
You, too, can create websites that function well and look great whether they're accessed on a desktop, tablet, or mobile phone. This course, Dreamweaver CC Responsive Design with Bootstrap, guides you through developing a responsive website in Adobe Dreamweaver using the Bootstrap framework. First, you'll learn about what responsive design is and its role in modern web design. Next, you'll review all the features built into Dreamweaver for working with Bootstrap. Finally, you'll build a complete responsive website from a Photoshop mock-up and test your site on various devices. By the end of this course, you'll be able to develop great websites for any device that your users will love. Software required: Dreamweaver CC.
-
+
Course Syllabus
Course Overview- 2m 31s
—Course Overview 2m 31sUnderstanding Bootstrap & Dreamweaver- 23m 37s
—What is Responsive Design? 2m 19s
—How Does a Fluid Grid Work? 3m 32s
—How Does Bootstrap Make Design Easier? 3m 49s
—How Does Dreamweaver Make Design Easier? 6m 36s
—So, What's the Workflow? 7m 18sSetup the Bootstrap Project- 17m 11sWorking with the Bootstrap Grid System- 26m 41sWorking with Bootstrap Components- 1h 13mBuild Pages for a Website Design- 1h 36mAdd Text, Images, and CSS Using the Extract Panel- 1h 18m