Bootstrap 3 Responsive Design in Adobe Dreamweaver CC 2017

Bootstrap 3 Responsive Design in Adobe Dreamweaver CC 2017, available at $54.99, has an average rating of 4.5, with 61 lectures, based on 627 reviews, and has 2912 subscribers.

You will learn about Build responsive websites using Dreamweaver. Create mobile friendly websites. Understand HTML & CSS. Create their own website. This course is ideal for individuals who are This course is for beginners. or For people who prefer not to work in code. or Aimed at people new to the world of web design. or No previous Dreamweaver experience is necessary. or People with knowledge of previous versions of Dreamweaver CC 2014 and below will also get great value from this course as the software has changed so much. or This course is NOT suited to people experienced in using HTML & CSS. or If you prefer to work in code only then this course isn’t right for you. It is particularly useful for This course is for beginners. or For people who prefer not to work in code. or Aimed at people new to the world of web design. or No previous Dreamweaver experience is necessary. or People with knowledge of previous versions of Dreamweaver CC 2014 and below will also get great value from this course as the software has changed so much. or This course is NOT suited to people experienced in using HTML & CSS. or If you prefer to work in code only then this course isn’t right for you.

Enroll now: Bootstrap 3 Responsive Design in Adobe Dreamweaver CC 2017

Summary

Title: Bootstrap 3 Responsive Design in Adobe Dreamweaver CC 2017

Price: $54.99

Average Rating: 4.5

Number of Lectures: 61

Number of Published Lectures: 61

Number of Curriculum Items: 61

Number of Published Curriculum Objects: 61

Original Price: $84.99

Quality Status: approved

Status: Live

What You Will Learn

Build responsive websites using Dreamweaver.
Create mobile friendly websites.
Understand HTML & CSS.
Create their own website.

Who Should Attend

This course is for beginners.
For people who prefer not to work in code.
Aimed at people new to the world of web design.
No previous Dreamweaver experience is necessary.
People with knowledge of previous versions of Dreamweaver CC 2014 and below will also get great value from this course as the software has changed so much.
This course is NOT suited to people experienced in using HTML & CSS.
If you prefer to work in code only then this course isn’t right for you.

Target Audiences

This course is for beginners.
For people who prefer not to work in code.
Aimed at people new to the world of web design.
No previous Dreamweaver experience is necessary.
People with knowledge of previous versions of Dreamweaver CC 2014 and below will also get great value from this course as the software has changed so much.
This course is NOT suited to people experienced in using HTML & CSS.
If you prefer to work in code only then this course isn’t right for you.

NOTE: this course uses Bootstrap 3. Dreamweaver has recently updated to Bootstrap version 4. You can change it back to 3 using the ‘New Document > Bootstrap > Preferences’. Please do this before starting the course.

Some versions of Dreamweaver will require you to download the specific Bootstrap version you want to use and link it within the site. You can download Bootstrap 3 by Googling “get bootstrap 3”

Hi – my name is Dan and I’ll be leading you through this course on how to Make money building mobile friendly websites using Dreamweaver.

I built this course for the visual person, the right brained person. We won’t hide from code but we’ll use all the visual tools that makes Dreamweaver so amazing.

These are the skills you’ll need to become a professional web designer. You’ll learn how to make responsive websites in Dreamweaver as well as learning what to charge and how to manage a website project.

We cover everything you need to build your first website. From creating your first page through to uploading your website to the internet. During the course we’ll create a website for a mock creative agency – creating mobile and desktop versions.

I’m a Dreamweaver Certified Instructor and an Adobe Certified Web Specialist.

With exercise files you can download and work along with me. At the end of each video I have a downloadable version of where we are in the process so you can compare your project with mine making it easy to see where you might have a problem.

I’ll be showing you how to work with Dreamweaver to easily create HTML & CSS websites. How to create mobile and tablet versions of your design and how to test your website on your phone.

I’ll be teaching you how to create navigation bars, how to work with responsive images and favicons.

We’ll work with Dreamweaver’s new Bootstrap integration to easily add carousels, tabbed menu’s and accordions. Even easier you’ll learn to impress clients by embedding videos, calendars, maps, event ticketing & social sharing options.

Know that I’ll be around to help – if you get lost you can message in the forum and together we’ll get you back on track.

Now it’s time to upgrade your skills, get that better job and impress your clients.

What are the requirements?

You’ll need a copy of Dreamweaver CC 2017. A free 30 day trial can be download from Adobe here.
No previous Dreamweaver or web design experience is necessary.
If you’re not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

60 lectures 3 hours of content!
Forum support from me.
All the techniques used by professional website designers.
Ways to preview your designs straight to your mobile device.
Firm understanding of responsive web design.
Professional workflows and shortcuts.
A wealth of other resources and websites to help your new career path.

What is the target audience?

YES: This course is for beginners. For people who prefer not to work in code. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary.
NO: This course is NOT suited to people experienced in using HTML & CSS. If you prefer to work in code only then this course isn’t right for you.

Course Curriculum

Chapter 1: Overview

Lecture 1: Introduction

Lecture 2: Exercise files, completed projects & production videos

Chapter 2: Understanding Dreamweaver & Bootstrap

Lecture 1: What is Dreamweaver

Lecture 2: What is responsive web design

Lecture 3: What is BootStrap?

Lecture 4: What are Bootstrap components?

Lecture 5: What is the Bootstrap grid?

Chapter 3: Creating our first page

Lecture 1: How to install bootstrap using Dreamweaver?

Lecture 2: How to basic page information to a web page (meta tags)?

Chapter 4: CSS & Bootstrap

Lecture 1: Create your own CSS sheet

Lecture 2: How to customize bootstrap

Lecture 3: Adding Bootstrap containers & creating our first custom CSS.

Lecture 4: How to insert using Dreamweaver’s Before, After, Wrap, or Nest options

Lecture 5: Production video – Creating our fluid containers using Dreamweaver

Lecture 6: How to add Bootstrap columns & rows in Dreamweaver

Lecture 7: Production video – Adding more Bootstrap columns & rows.

Chapter 5: Testing your website

Lecture 1: Previewing and testing your website with Dreamweaver device preview.

Chapter 6: Bootstrap Containers

Lecture 1: Nesting Bootstrap containers inside each other.

Lecture 2: How to center images in Dreamweaver using Bootstrap (.center-blox)

Lecture 3: Production video – Nesting Bootstrap fluid containers and centering images.

Chapter 7: Text in Dreamweaver

Lecture 1: Adding text in Dreamweaver.

Lecture 2: HTML selector types: Tags vs Classes

Lecture 3: How to edit CSS using Dreamweaver 2015?

Lecture 4: Picking fonts in Dreamweaver using Google fonts and Adobe Edge Fonts

Lecture 5: Production Video – Fonts

Chapter 8: Creating and styling links

Lecture 1: Linking pages in Dreamweaver using hyperlinks.

Lecture 2: How to change html link color in Dreamweaver

Lecture 3: Creating a Dreamweaver email link

Chapter 9: How to backup

Lecture 1: Backup your Dreamweaver website as you go.

Chapter 10: Navigation bar

Lecture 1: How to add a Bootstrap navbar using Dreamweaver?

Lecture 2: How to customise Bootstrap nav bar using Dreamweaver's code navigator.

Lecture 3: Answer – How to remove the nav bar line from Bootstrap.

Chapter 11: Advanced CSS

Lecture 1: How to make a CSS compound selector in Dreamweaver.

Lecture 2: How to create a CSS background image in Dreamweaver.

Lecture 3: How to absolutely position text in Dreamweaver.

Lecture 4: Production video – Creating the portfolio boxes in Bootstrap

Chapter 12: Mobile website

Lecture 1: How to create the responsive mobile view using media queries in Dreamweaver.

Lecture 2: What are bootstrap columns widths (xs sm md lg xl) in Dreamweaver.

Lecture 3: Understanding how fonts change size in Bootstrap mobile view.

Lecture 4: How to apply bootstrap columns widths (xs sm md lg xl) in Dreamweaver.

Lecture 5: How to turn images off in bootstrap mobile view using Dreamweaver.

Lecture 6: Making the fonts smaller in Bootstrap mobile view using Dreamweaver.

Chapter 13: Uploading your website

Lecture 1: How to upload your Dreamweaver website using Godaddy.com

Lecture 2: 5 things to try: An FTP error occurred – cannot make connection to host

Chapter 14: New pages & general tidy up.

Lecture 1: Production video – Tiding up the web page design.

Lecture 2: Creating extra pages

Lecture 3: Production Video – contact us page

Chapter 15: Embedding is awesome.

Lecture 1: How to add embed code to a Dreamweaver site.

Lecture 2: How to embed Youtube, Addthis, Disqus, Google Maps & Eventbrite on a Dreamweaver

Chapter 16: Extras

Lecture 1: Is it a good idea to use Dreamweavers starter templates?

Lecture 2: How to add a favicon to a website using Dreamweaver.

Lecture 3: How to add Bootstrap components to a web page design using

Chapter 17: Finished

Lecture 1: What to do next.

Chapter 18: What to charge for web design.

Lecture 1: What to charge for web design.

Lecture 2: The website brief.

Lecture 3: Should I discount my website design.

Lecture 4: Am I a web designer or developer?

Lecture 5: How long should a website take to build?

Lecture 6: What is ‘job creep’ and how to avoid it?

Lecture 7: How to ensure you get paid.

Lecture 8: Money conclusion

Instructors

Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert

Rating Distribution

1 stars: 10 votes
2 stars: 10 votes
3 stars: 49 votes
4 stars: 171 votes
5 stars: 387 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu