Adobe Dreamweaver CC Web Design from Adobe Illustrator Mockups
Daniel Scott, Adobe Certified Trainer & UI/UX Expert
-
-
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
-
Project Description
In this series we will take this static design from either Illustrator or Photoshop and together, step by step, build everything in HTML, CSS & JavaScript. We will make our own navigation. We will make adjustments so that everything looks great on different mobile devices.
We will work with beautiful fonts & colours & even add Google Analytics to our site to get amazing information about exactly who visits your site.