Join David Powers for an in-depth discussion in this video What you should know, part of Dreamweaver CC: Responsive Design with Bootstrap 4.
- [Instructor] Let's take a quick look at what you need to follow this course. The first requirement is a copy of Adobe Dreamweaver CC. I recorded this course on Dreamweaver CC 2019, but if you're using an earlier version of Dreamweaver, it must be Dreamweaver CC 2018.1 or later. Older versions don't have support for Bootstrap 4. Familiarity with the Dreamweaver interface while not absolutely essential, will certainly make it easier to follow along.
I do, however, assume you have a basic knowledge of HTML and CSS. Most of the time, we'll be building a webpage visually by working in Dreamweaver's live view, but I do dive into the underlying code from time to time. You'll also find it easier to work with a DOM panel and CSS Designer if you feel at home with HTML and CSS, but you don't need prior experience of working with Bootstrap 4. Of course, all the better if you're familiar with Bootstrap, but I cover all the essentials anyway.
If you plan to use the exercise files provided for this course, there aren't any files for the first two videos in chapter one, but all the other chapters have a complete set of files in the state they should be at the beginning and at the end of each video. The course is being designed to be followed from beginning to end, to see how a complete web page is built, but if you're interested in a specific technique, most videos can be watched independently.
So, without more ado, let's get down to responsive design with Bootstrap 4 in Dreamweaver CC.
- Defining a layout grid
- Inserting and modifying a navigation bar
- Adding a container for the page content
- Inserting a responsive image
- Resizing and duplicating columns
- Inserting fixed-size images
- Inserting cards
- Editing a carousel
Skill Level Intermediate
Design the Web: Responsive SVG Imageswith Chris Converse22m 46s Beginner
Bootstrap 4 Essential Trainingwith Ray Villalobos6h 32m Beginner
Bootstrap 4 Layouts: Responsive Single-Page Designwith Ray Villalobos3h 13m Intermediate
Designing Websites from Photoshop to Dreamweaverwith Sue Jenkins2h 27m Intermediate
What you should know1m 46s
1. Get Started
2. Create the Site Navigation
3. Add a Hero Image
4. Work with Rows and Columns
5. Edit Bootstrap Components
6. Complete the Design
Next steps1m 55s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.