LYNDA RESPONSIVE DESIGN WITH BOOTSTRAP AND DREAMWEAVER CC 2015 TUTORIAL

seeders: 14
leechers: 1
Added 11 years ago by BarCraft in Other

Download Fast Safe Anonymous
movies, software, shows...

Files

LYNDA RESPONSIVE DESIGN WITH BOOTSTRAP AND DREAMWEAVER CC 2015 TUTORIAL (Size: 461 MB)
  01_01-Welcome.mp4 25.5 MB
  01_02-What you should know before watching this course.mp4 10.7 MB
  01_03-Using the exercise files.mp4 13.2 MB
  02_01-Understanding how Bootstrap works.mp4 11.5 MB
  02_02-Setting up the Dreamweaver workspace.mp4 4.6 MB
  02_03-Defining the Bootstrap layout grid.mp4 11.8 MB
  03_01-Inserting a navigation bar.mp4 5.6 MB
  03_02-Editing the links.mp4 14.1 MB
  03_03-Creating a dropdown menu.mp4 9.5 MB
  03_04-Styling the navigation bar.mp4 15.4 MB
  03_05-Adding a background image to the brand.mp4 11.6 MB
  04_01-Adding a container for the page content.mp4 8.9 MB
  04_02-Inserting the hero image.mp4 19 MB
  04_03-Positioning the page heading over the image.mp4 32.3 MB
  05_01-Resizing columns.mp4 16.3 MB
  05_02-Duplicating columns with placeholder text.mp4 20.8 MB
  05_03-Using Paste Special in Live View.mp4 18.4 MB
  05_04-Clearing columns of uneven length.mp4 20.6 MB
  05_05-Creating the feature section.mp4 23.3 MB
  05_06-Adjusting the layout and styling the feature section.mp4 32 MB
  05_07-Adding more content.mp4 18.4 MB
  05_08-Adding the page footer.mp4 27.2 MB
  05_09-Hiding elements.mp4 11.4 MB
  05_10-Adding extra pages.mp4 15.2 MB
  06_01-Connecting to a mobile device.mp4 18 MB
  06_02-Using CSS Inspect with Device Preview.mp4 10.2 MB
  07_01-What next.mp4 6.4 MB
  ImgResponsive_Placeholder.png 1.2 KB
  articles.docx 13.6 KB
  articles.rtf 49.4 KB
  binoculars_icon.svg 921.6 B
  bootstrap.css 143.1 KB
  bootstrap.js 69.6 KB
  car_icon.svg 921.6 B
  colors.png 7 KB
  feature.docx 12.4 KB
  feature.rtf 43 KB
  glyphicons-halflings-regular.eot 19.7 KB
  glyphicons-halflings-regular.svg 106.5 KB
  glyphicons-halflings-regular.ttf 44.3 KB
  glyphicons-halflings-regular.woff 22.9 KB
  glyphicons-halflings-regular.woff2 17.6 KB
  half_dome.jpg?042148 28.5 KB
  halfdome.svg 921.6 B
  highlights.docx 12.9 KB
  highlights.rtf 50.7 KB
  index.html 10.1 KB
  jquery-1.11.3.min.js 93.7 KB
  leaf_icon.svg 819.2 B
  low_cloud.jpg?042148 18.3 KB
  mountains_icon.svg 819.2 B
  page2.html 2.9 KB
  paw_icon.svg 1.2 KB
  tent_icon.svg 614.4 B
  tioga_lake.jpg?042148 470.3 KB
  tunnel_view.jpg?042148 349.4 KB
  valley.jpg?042148 40.6 KB
  yosemite.css 4.2 KB
  ▲ 523 total files

Description


Bootstrap-the popular HTML, CSS, and JavaScript framework
for building responsive mobile-first websites-has been
fully integrated into Dreamweaver CC 2015. The combo puts
responsive web design within reach of all Creative Cloud
members. This project-based course will show you how to
define a Bootstrap layout grid in Dreamweaver, and build a
responsive webpage using Bootstrap components and
Dreamweaver's column tools. Author David Powers also shows
how to add a hero image to your front page, create
placeholder content with the text editor Emmet, and go
straight to the DOM to move page elements around, avoiding
the need to restructure the HTML

Topics include:

* 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

Related Torrents

torrent name size uploader age seed leech
7
1
0
0
0