Dreamweaver CC Responsive Design with Bootstrap

Take your ideas from design to a responsive website using Dreamweaver CC and Bootstrap. By the end of this course, you’ll know how to use Bootstrap’s grid and components, and you'll be able to build web pages viewable across all screens sizes.
Course info
Level
Beginner
Updated
May 1, 2019
Duration
3h 23m
Table of contents
Course Overview
Understanding Responsive Design, Bootstrap, and Dreamweaver
Starting the Project
Working with CSS and Bootstrap Grids in Dreamweaver
Working with Bootstrap Components
Building Interactivity with Bootstrap
Creating a Page Template Using Components
Build a Web Page Using the Template
Description
Course info
Level
Beginner
Updated
May 1, 2019
Duration
3h 23m
Description

The challenge with building a website is that it may be viewed on any size screen, from the smallest mobile browser to the largest TV monitor. You need to choose a strategy for how you will approach the problem. In this course, Dreamweaver CC Responsive Design with Bootstrap, you will learn the foundational knowledge behind creating a single website that can be viewed across all screen sizes. First, you will explore the core concepts of responsive design (what it is and how to achieve it). Next, you will fill your toolbox with exercises using Bootstrap’s responsive grid and components, and work with CSS and JavaScript to enhance your designs. Finally, you will bring all the concepts together to build a page template and a web page using a PSD mockup. When you are finished with this course, you will have the skills and knowledge needed to start implementing your designs as responsive websites. Software required: Dreamweaver CC 2019 and Photoshop CC 2019.

About the author
About the author

Accomplished, experienced software and web developer with extensive experience in video, messaging, and application development. Expertise in HTML5 and JavaScript, Objective C and Swift, and ActionScript and AIR programming.

More from the author
Dreamweaver CC Responsive Design with Bootstrap
Intermediate
5h 16m
Apr 26, 2016
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Dan Carr, and welcome to my course, Dreamweaver CC Responsive Design with Bootstrap. I'm a web developer and trainer with a long history working with the Dreamweaver team at Adobe. In this course, we're going to look at how you can use Dreamweaver's coding tools to easily work with modern responsive design techniques and web development. Some of the major topics that we will cover include understanding what responsive design is and how it works, building designs with grids and components using Bootstrap, working with CSS and JavaScript to enhance your web pages, and starting website design using a mockup and a page template. By the end of this course, you'll know how to create engaging websites that can be seen across screen sizes from desktop to mobile, and beyond. Before beginning the course, you should be familiar with basic concepts related to HTML and CSS. So I hope you'll join me on this journey to learn responsive design with the Dreamweaver CC Responsive Design with Bootstrap course, at Pluralsight.