Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Web design for visual people, not coders. Using Dreamweaver

Daniel Scott, Adobe Certified Trainer & UI/UX Expert

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
61 Videos (5h 48m)
    • 01 Intro

      1:52
    • 02 Exercise Files

      5:31
    • 03 What is Dreamweaver

      3:20
    • 04 Responsive

      1:12
    • 05 What is Bootstrap

      1:58
    • 06 What are Bootstrap components

      9:04
    • 07 What is the Bootstrap grid

      1:28
    • 08 How to install bootstrap using Dreamweaver

      4:50
    • 09 How to basic page information to a web page (meta tags)

      4:04
    • 09b Make our own CSS sheet

      2:14
    • 10 How to customize bootstrap

      4:38
    • 11 Adding Bootstrap containers & creating our first custom CSS

      10:33
    • 12 How to insert using Dreamweaver’s Before, After, Wrap, or Nest options

      2:59
    • 13 Production video Creating our fluid containers using Dreamweaver

      5:09
    • 14 How to add Bootstrap columns & rows in Dreamweaver

      18:54
    • 15 Production video Adding more Bootstrap columns & rows

      1:47
    • 16 Testing

      6:16
    • 17 Nesting Bootstrap containers inside each other

      5:44
    • 18 How to center images in Dreamweaver using Bootstrap (

      4:30
    • 19 Production video Nesting Bootstrap fluid containers and centering images

      8:24
    • 20 Adding text in Dreamweaver

      2:16
    • 21 HTML selector types Tags vs Classes

      7:21
    • 22 How to edit CSS using Dreamweaver 2015

      2:21
    • 23 Picking fonts in Dreamweaver using Google fonts and Adobe Edge Fonts

      13:54
    • 24 Production Video Fonts

      8:36
    • 25 Linking pages in Dreamweaver using hyperlinks

      3:52
    • 26 How to change html link color in Dreamweaver

      4:12
    • 27 Creating a Dreamweaver email link

      2:04
    • 28 Backup your Dreamweaver website as you go

      4:44
    • 29 How to add a Bootstrap navbar using Dreamweaver

      11:46
    • 30 How to customize Bootstrap nav bar using Dreamweavers code navigator

      8:15
    • 31 Answer How to remove the nav bar line from Bootstrap

      1:21
    • 32 How to make a CSS compound selector in Dreamweaver

      3:45
    • 33 How to create a CSS background image in Dreamweaver

      3:55
    • 34 How to absolutely position text in Dreamweaver

      7:33
    • 35 Production video Creating the portfolio boxes in Bootstrap

      4:15
    • 36 How to create the responsive mobile view using media queries in Dreamweaver

      3:11
    • 37 What are bootstrap columns widths xs sm md lg xl in Dreamweaver

      8:38
    • 38 Understanding how fonts change size in Bootstrap mobile view

      6:31
    • 39 How to apply bootstrap columns widths xs sm md lg xl in Dreamweaver

      6:17
    • 40 How to turn images off in bootstrap mobile view using Dreamweaver

      3:23
    • 41 Making the fonts smaller in Bootstrap mobile view using Dreamweaver

      13:38
    • 42 How to upload your Dreamweaver website using Godaddy com

      10:26
    • 43 5 things to try An FTP error occurred cannot make connection to host

      6:32
    • 44 Production video Tidying up the web page design

      14:39
    • 45 Creating extra pages

      15:31
    • 46 Production video contact us page

      9:40
    • 47 How to add embed code to a Dreamweaver site

      3:36
    • 48 How to embed Youtube, Addthis, Disqus, Google Maps & Eventbrite on a Dreamweaver page

      9:25
    • 49 Is it a good idea to use Dreamweavers starter templates

      2:07
    • 50 How to add a favicon to a website using Dreamweaver

      5:48
    • 51 How to add Bootstrap components to a web page design using Dreamweaver

      11:52
    • 52 What next

      1:57
    • 53 What to charge

      2:58
    • 54 The website brief

      3:17
    • 55 How to discount

      3:08
    • 56 Designer or developer

      1:36
    • 57 How long should a website take to build

      2:32
    • 58 What is job creep

      3:26
    • 59 Getting paid

      2:56
    • 60 Money Conclusion

      0:40

About This Class

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.

ebd11d45

17 of 17 students recommendSee All

Dan is a great teacher that could help if you get stuck anywhere. Would definitely recommend this to anyone who wants to design a website. 10/10
Awesome class, awesome instructor. Thanks Dan!
Take the class and get up and running Dreamweaver in no time. The last time I used Dreamweaver was back in 2000. I desperately needed to update my skills and this course definitely got me up to speed.

673

Students

3

Projects

Daniel Scott

Adobe Certified Trainer & UI/UX Expert

I'm a Digital Designer & teacher at BYOL international. 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 w...

See full profile