Dreamweaver CC 2015 Responsive Design with Bootstrap
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.
What you'll learn
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.
Table of contents
- Create a Page Template Header 5m
- Create a Page Template Footer 6m
- Customizing the Header CSS 5m
- Customizing the Footer CSS 3m
- Create the Index Page Jumbotron 6m
- Create the Index Page Calls to Action 5m
- Create the Features Page Video 4m
- Create the Features Page Content 7m
- Create the Gallery Page Carousel and Subimages 7m
- Create the Gallery Page Content 6m
- Create the Articles Page Part1 6m
- Create the Articles Page Sidebar Part1 7m
- Create the Articles Page Sidebar Part2 6m
- Create the Contact Page 12m
- Add Hyperlinks and Navigation Part1 6m
- Add Hyperlinks and Navigation Part2 5m
- Overview of the Photoshop Design Comps 4m
- Overview of Using Extract in Dreamweaver 4m
- Add Web Fonts to the Project 4m
- Styling the Landing Page Jumbotron Part1 3m
- Styling the Landing Page Jumbotron Part2 5m
- Styling Landing Page Calls to Action 5m
- Adding Media Queries to Landing Page 6m
- Adding Video to Features Page 5m
- Styling Features Page List 5m
- Adding Images to Gallery Page Carousel 7m
- Adding Subimages and Content to Gallery Page 5m
- Add Content to the Articles Page Part1 5m
- Add Content to the Articles Page Part2 7m
- Add Content and Branding to the Contact Page 9m
- Using Dreamweaver's Built-In Device Preview 3m