Adobe Dreamweaver CC Web Design from Adobe Illustrator Mockups - Skillshare

Adobe Dreamweaver CC Web Design from Adobe Illustrator Mockups

Daniel Scott, Adobe Certified Trainer & UI/UX Expert

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

      2:33
    • 2. Exercise files

      1:56
    • 3. Setting up Websites

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

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

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

      3:47
    • 7. Moving tags around in Dreamweaver

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

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

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

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

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

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

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

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

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

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

      5:45
    • 18. Planning for our Dreamweaver template

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      5:55
28 students are watching this class