- After launching Dreamweaver,…let's start by setting up the Dreamweaver workspace.…For Bootstrap, I prefer using the Beginner workspace,…so go up to the Workspace menu,…at the top right, and select Beginner.…I don't really like the name, Beginner.…I think it's more of a Dreamweaver essentials workspace,…and it gives us access to all of the panels…that we need to work with Bootstrap.…We've got the Files panel that will show us our site,…then the CSS Designer panel,…which is where we'll create all our CSS,…and the Insert panel, we'll use that to insert…the Bootstrap components,…then, down here, at the bottom right,…we've got the DOM panel.…
That acts as a sort of road map that helps navigate…the underlying HTML created by Dreamweaver,…and then, at the bottom, the Property Inspector.…Of course, you can use whichever workspace suits you best,…as long as you have access to all of these panels.…For each video, you'll need to select…the folder from the exercise files…corresponding to the chapter and video number.…We're not going to create our Bootstrap file in this video,…
- Defining a custom Bootstrap layout grid
- Inserting and modifying a navigation bar
- Adding a container for a hero image
- Working with columns inside a Bootstrap container
- Creating placeholder content with Emmet
- Speeding up layout by duplicating columns
- Moving page elements in the DOM
- Previewing the mobile webpage with Device Preview
Skill Level Intermediate
1. Getting Started
2. Creating the Site Navigation
3. Adding a Hero Image
Inserting the hero image6m 37s
4. Working with Columns
5. Using Device Preview
What next?2m 5s
- 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.