Web design for visual people - not coders: Using Dreamweaver
4.6 (178 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
810 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web design for visual people - not coders: Using Dreamweaver to your Wishlist.

Add to Wishlist

Web design for visual people - not coders: Using Dreamweaver

We'll use the awesome new responsive bootstrap features in Dreamweaver CC 2015 to build your very first website.
Best Seller
4.6 (178 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
810 students enrolled
Last updated 9/2017
English
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 33 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build responsive websites using Dreamweaver.
  • Create mobile friendly websites.
  • Understand HTML & CSS.
  • Create their own website.
View Curriculum
Requirements
  • You'll need a copy of Dreamweaver CC 2015 or above. A free 30 day trial can be download from Adobe.
  • 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.
Description

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. See our example here:

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 2015 or above. 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. 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.
  • 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.
Who is the target audience?
  • 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.
Compare to Other Dreamweaver Courses
Curriculum For This Course
61 Lectures
05:45:25
+
Overview
2 Lectures 04:25

In this Dreamweaver tutorial your trainer Daniel Walter Scott will be introduction how to use Bootstrap

Preview 01:52

In this Dreamweaver tutorial we'll look at how to download the complete web design project.

Preview 02:33
+
Understanding Dreamweaver & Bootstrap
5 Lectures 17:02

In this Dreamweaver tutorial we'll look at exactly what is Adobe Dreamweaver

Preview 03:20

In this Dreamweaver tutorial we'll look at exactly what responsive web design is with examples

Preview 01:12


In this Dreamweaver tutorial we'll look at bootstrap and how it can quicken up your workflow

What are Bootstrap components?
09:04

In this Dreamweaver tutorial we'll look at bootstraps grid layout and how to use it to your advantage

What is the Bootstrap grid?
01:28
+
Creating our first page
2 Lectures 08:54

In this Dreamweaver tutorial we'll look at how to create a new Bootstrap document for our project

How to install bootstrap using Dreamweaver?
04:50

In this Dreamweaver tutorial we'll look at how to add basic page meta details such as title, meta description and meta keywords

How to basic page information to a web page (meta tags)?
04:04
+
CSS & Bootstrap
7 Lectures 46:14

In this video you'll learn how to create you own CSS sheet. We'll use this sheet to amend the Bootstrap.CSS. We'll also use this sheet to create our own class styles. 

Create your own CSS sheet
02:14

In this Dreamweaver tutorial we'll look at how to override bootstrap classes

How to customize bootstrap
04:38

In this Dreamweaver tutorial we'll look at how add containers for desktop views with Bootstrap 

Adding Bootstrap containers & creating our first custom CSS.
10:33

In this Dreamweaver tutorial we'll look at how add containers using Dreamweaver's nest, wrap, before and after options

How to insert using Dreamweaver’s Before, After, Wrap, or Nest options
02:59

In this Dreamweaver tutorial we'll look at how add full width containers, also known as 'fluid' containers in our Bootstrap document

Production video - Creating our fluid containers using Dreamweaver
05:09

In this Dreamweaver tutorial we'll look at how add rows and columns to add structure to our bootstrap page

Preview 18:54

In this Dreamweaver tutorial we'll finish off our rows and columns to complete the basic frame of our page

Production video - Adding more Bootstrap columns & rows.
01:47
+
Testing your website
1 Lecture 06:16

In this Dreamweaver tutorial we'll look at how to test our site, we'll try in dreamweaver and also in browsers 

Previewing and testing your website with Dreamweaver device preview.
06:16
+
Bootstrap Containers
3 Lectures 18:38

In this Dreamweaver tutorial we'll look at nesting containers in bootstrap for responsive purposes 

Nesting Bootstrap containers inside each other.
05:44

In this Dreamweaver tutorial we'll look at centring images and text  and also how to make images responsive 

How to center images in Dreamweaver using Bootstrap (.center-blox)
04:30

In this Dreamweaver production video we'll look at completing nesting containers in our site, 

Production video - Nesting Bootstrap fluid containers and centering images.
08:24
+
Text in Dreamweaver
5 Lectures 34:29

In this Dreamweaver tutorial we'll look at how to add text in Dreamweaver, editing it and styling it properly

Adding text in Dreamweaver.
02:17

In this Dreamweaver tutorial we'll look at the difference between tags and classes and when to use each one

HTML selector types: Tags vs Classes
07:21

In this Dreamweaver tutorial we'll look at how to edit CSS Rules, when and why you would want to do this

How to edit CSS using Dreamweaver 2015?
02:21

In this Dreamweaver tutorial we'll look at adding fonts using hosted fonts like adobe web edge fonts or google fonts

Picking fonts in Dreamweaver using Google fonts and Adobe Edge Fonts
13:54

In this Dreamweaver production video we're going to implement all of our fonts found in the previous video 

Production Video - Fonts
08:36
+
Creating and styling links
3 Lectures 10:08

In this Dreamweaver tutorial we'll look at hyperlinks and how they're used to link to other pages and sites

Linking pages in Dreamweaver using hyperlinks.
03:52

In this Dreamweaver tutorial we'll look at styling hyperlinks and how pseudo-classes  are used

How to change html link color in Dreamweaver
04:12

In this Dreamweaver tutorial we'll look at how to make an email link in dreamweaver so that people can send you emails from your site

Creating a Dreamweaver email link
02:04
+
How to backup
1 Lecture 04:44

In this Dreamweaver tutorial we'll look at how anyone can backup their site, simply and usefully

Backup your Dreamweaver website as you go.
04:44
+
Navigation bar
3 Lectures 21:23

In this Dreamweaver tutorial we'll look at how to add a navigation bar that is fixed to the top and looks stunning on almost any site

How to add a Bootstrap navbar using Dreamweaver?
11:47

In this Dreamweaver tutorial we'll look at how to add a navigation bar that is fixed to the top and looks stunning on almost any site

How to customise Bootstrap nav bar using Dreamweaver's code navigator.
08:15

In this Dreamweaver tutorial we'll fix the issues we ran into in the last video, it's good to fixing things are big parts of web design and learning these skills are important

Answer - How to remove the nav bar line from Bootstrap.
01:21
8 More Sections
About the Instructor
Daniel Walter Scott
4.6 Average rating
1,090 Reviews
15,724 Students
15 Courses
Microsoft trainer and Adobe Certified Instructor

Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community.

I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient, useful and, most importantly, memorable. I want you to carry what I've shown you into a bright future.

I have a wife (a lovely Irish girl) and kids. I have lived and worked in many places (as Kiwis tend to do) – but most of my 14+ years of creating and teaching has had one overriding theme: bringing others along for the ride as we all try to change the world with our stories, our labours of love and our art.

I'm a certified Adobe instructor (ACI) in Ireland. I'm also an Adobe Certified Expert (ACE) and have completed the Adobe Certified Associate training (ACA). And I don't just do Adobe. Remember, media is a very broad term – digital blew out the borders, so we are all constantly learning.

I've been teaching for 14+ years. I come from being a media designer and content creator – so I understand exactly where you're at now. I've been there. I love this stuff. Print, digital publishing, web and video. I can see how it all connects. And I can see how we can share those connections.

I built Bring Your Own Laptop in Ireland, New Zealand, Australia & online. I have a great team working with me to keep BYOL at the top of Adobe and digital media training. I understand business, I have one – so I know how important it is to get it right and make it work for you.

Now my focus is on Udemy. It's my mission to bring you the best training for digital media on Udemy.

Daniel Walter Scott