Train Simple - Dreamweaver CC Responsive Design with Bootstrap

seeders: 0
leechers: 5
Added on March 20, 2016 by bardin Other > Tutorials
Torrent verified.



Train Simple - Dreamweaver CC Responsive Design with Bootstrap (Size: 1.86 GB)
 0101 Course Overview.mp439.74 MB
 0102 What is Responsive Design.mp424.71 MB
 0103 How Does a Fluid Grid Work.mp417.92 MB
 0104 How Does Bootstrap Make Design Easier.mp451.03 MB
 0105 How Does Dreamweaver Make Design Easier.mp444.96 MB
 0106 So, What's the Workflow.mp436.18 MB
 0201 Get the Supplied Files.mp44.8 MB
 0202 Create a new Site.mp47.3 MB
 0203 Create a CSS File for the Project.mp412.24 MB
 0204 Create an HTML page and Add the Bootstrap Framework.mp49.69 MB
 0205 Navigate the Page in the Dreamweaver Workspace.mp413.83 MB
 0301 Create a Grid.mp414.56 MB
 0302 Build Rows and Columns in the Grid.mp48.8 MB
 0303 Edit Rows and Columns in the Grid.mp48.29 MB
 0304 Define Column Behavior Across Screen Sizes.mp420.27 MB
 0305 Add Content to the Grid with Snippets.mp432.45 MB
 0306 Preview Your Work.mp422.26 MB
 0401 Component Overview.mp439.16 MB
 0402 Working with Containers.mp428.13 MB
 0403 Working with Navbars.mp470.91 MB
 0404 Working with Buttons.mp430.22 MB
 0405 Working with Media.mp470.74 MB
 0406 Working with Forms.mp417.35 MB
 0407 Working with Pagination.mp430.88 MB
 0408 Working with Jumbotrons.mp422.29 MB
 0409 Working with Lists.mp440.91 MB
 0501 Create a Page Template Header.mp427.19 MB
 0502 Create a Page Template Footer.mp433.2 MB
 0503 Customizing the Header CSS.mp419.97 MB
 0504 Customizing the Footer CSS.mp419.45 MB
 0505 Create the Index Page Jumbotron.mp437 MB
 0506 Create the Index Page Calls to Action.mp436.95 MB
 0507 Create the Features Page Video.mp428.39 MB
 0508 Create the Features Page Content.mp438.36 MB
 0509 Create the Gallery Page Carousel and Subimages.mp450.7 MB
 0510 Create the Gallery Page Content.mp429.42 MB
 0601 Overview of the Photoshop Design Comps.mp415.49 MB
 0602 Overview of Using Extract in Dreamweaver.mp422.94 MB
 0603 Add Web Fonts to the Project.mp418.64 MB
 0604 Styling the Landing Page Jumbotron Part1.mp417.33 MB
 0605 Styling the Landing Page Jumbotron Part2.mp431.7 MB
 0606 Styling Landing Page Calls to Action.mp446.55 MB
 0607 Adding Media Queries to Landing Page.mp442.54 MB
 0608 Adding Video to Features Page.mp438.79 MB
 0609 Styling Features Page List.mp427.11 MB
 0610 Adding Images to Gallery Page Carousel.mp457.25 MB
 BootstrapProjects.zip28.42 MB

Description




In this course, Dan Carr guides you through developing a responsive website in Adobe Dreamweaver using the Bootstrap framework. First, you'll learn about what responsive design is and it's role in modern web design. Next, Dan reviews all the features built into Dreamweaver for working with Bootstrap. Finally, you'll build a complete responsive website from a Photoshop mockup and test your site on various devices.

1. Understanding Bootstrap & Dreamweaver
Course Overview
What is Responsive Design?
How Does a Fluid Grid Work?
How Does Bootstrap Make Design Easier?
How Does Dreamweaver Make Design Easier?
So, What's the Workflow?

2. Setup the Bootstrap Project
Get the Supplied Files
Create a new Site
Create a CSS File for the Project
Create an HTML page and Add the Bootstrap Framework
Navigate the Page in the Dreamweaver Workspace

3. Working with the Boostrap Grid System
Create a Grid
Build Rows and Columns in the Grid
Edit Rows and Columns in the Grid
Define Column Behavior Across Screen Sizes
Add Content to the Grid with Snippets
Preview Your Work

4. Working with Bootstrap Components
Component Overview
Working with Containers
Working with Navbars
Working with Buttons
Working with Media
Working with Forms
Working with Pagination
Working with Jumbotrons
Working with Lists

5. Build Pages for a Website Design
Create a Page Template Header
Create a Page Template Footer
Customizing the Header CSS
Customizing the Footer CSS
Create the Index Page Jumbotron
Create the Index Page Calls to Action
Create the Features Page Video
Create the Features Page Content
Create the Gallery Page Carousel and Subimages
Create the Gallery Page Content
Create the Articles Page Part1
Create the Articles Page Sidebar Part1
Create the Articles Page Sidebar Part2
Create the Contact Page
Add Hyperlinks and Navigation Part1
Add Hyperlinks and Navigation Part2

6. Add Text, Images, and CSS Using the Extract Panel
Overview of the Photoshop Design Comps
Overview of Using Extract in Dreamweaver
Add Web Fonts to the Project
Styling the Landing Page Jumbotron Part1
Styling the Landing Page Jumbotron Part2
Styling Landing Page Calls to Action
Adding Media Queries to Landing Page
Adding Video to Features Page
Styling Features Page List
Adding Images to Gallery Page Carousel
Adding Subimages and Content to Gallery Page
Add Content to the Articles Page Part1
Add Content to the Articles Page Part2
Add Content and Branding to the Contact Page

Sharing Widget


Download torrent
1.86 GB
seeders:0
leechers:5
Train Simple - Dreamweaver CC Responsive Design with Bootstrap