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

Turn Illustrator Designs into HTML websites using Dreamweaver

Daniel Scott, Digital Designer & Premiere specialist!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
36 Videos (3h 49m)
    • Introduction

      2:33
    • Exercise files

      1:56
    • Setting up Websites

      3:13
    • How to create a new website in Dreamweaver

      3:56
    • 05 How to create a new HTML page in Dreamweaver

      5:27
    • How best to preview your website in Adobe Dreamweaver

      3:47
    • Moving tags around in Dreamweaver

      3:29
    • How to create edit style your first CSS style sheet in using Dreamweaver

      9:24
    • How to change or adjust the CSS styles in your Dreamweaver website

      4:50
    • How to center your website in Dreamweaver using a container

      8:05
    • How to a website that changes for mobile cell phones tablets using Dreamweaver

      8:07
    • How to test your Dreamweaver website on a mobile phone or tablet

      3:23
    • How to create a hamburger mobile drop down menu in Dreamweaver Part1

      11:10
    • Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver(2)

      13:03
    • Styling our hamburger menu getting our ul menu to stack side by side

      9:29
    • How to add different fonts to a website in Dreamweaver

      5:52
    • Fixing the style of the mobile burger drop down menu in Dreamweaver

      5:45
    • Planning for our Dreamweaver template

      2:21
    • Add a background image that is outside our main container in Dreamweaver

      7:38
    • How to use the HTML5 main tag in Dreamweaver

      4:14
    • How to add the HTML5 footer tag to a website using Adobe Dreamweaver

      9:51
    • How do I make a template in Adobe Dreamweaver

      3:43
    • How to create new pages based on a Dreamweaver template

      3:49
    • How to create a responsive hero box for our website in Dreameaver

      8:25
    • Fix problems with div tags when you float left in Dreamweaver aka clearing the float

      9:09
    • How to add and change the styling of a horizontal rule HR in Dreamweaver

      2:36
    • How to create a button in Adobe Dreamweaver CC

      5:22
    • Change fonts spacing of a website for Tablet Mobile sizes using Dreamweaver

      5:49
    • How to turn off parts of a website in different views like mobile or desktop

      6:39
    • How to create a responsive image grid in Dreamweaver

      8:26
    • How to make your images responsive in Dreamweaver to match the page size

      5:40
    • How to make different columns for desktop tablet mobile websites in Dreamweaver

      5:25
    • How to create a clearfix pseudo after class in Adobe Dreamweaver

      6:27
    • How to create & link new pages in Dreamweaver using templates

      14:21
    • How to upload your website to the internet hosting via Dreamweaver

      9:58
    • How to adding Google Analytics to your Dreamweaver website

      5:55