Free Exercise Files: goo.gl/bZdUw1
Free Cheat Sheet: goo.gl/eQpzzF

Hi and Welcome to this Dreamweaver tutorial. My name is Daniel Walter Scott and I’m a trainer here at bring your own laptop.

Now in this tutorial we are going to look at using the Em’s measurements for fonts instead of Pixels or Points. So in the previous tutorial, just to make things easier, we looked at using points to size fonts. Now the reasons we don’t like points is because they are something called an absolute font size, and the real reason we don’t like them is because it doesn’t work for people that are visually impaired that need to increase their font size, and Google doesn’t like the for that reason and we do what Google likes. and one of these things is using these ‘EM’ fonts.

1. How to define a site
2. How to create an HTML page in Dreamweaver CC
3. How to add text to your website in Dreamweaver CC
4. HTML tag selectors in Dreamweaver CC
5. Using Special Characters In Dreamweaver CC
6. How to create Hyperlinks in Dreamweaver CC
7. Inserting Images using Dreamweaver CC
8. Image types in Dreamweaver CC (GIF, JPEG, PNG)
9. Using Photoshop to make Web Graphics in Dreamweaver CC
10. Creating Additional Pages in Dreamweaver CC
11. Creating navigation in Dreamweaver CC
12. What is website hosting
13. Connecting via FTP
14. Uploading a website to a web host
15. What is CSS (Cascading style sheets)
16. Creating a CSS sheet in Dreamweaver CC
17. Styling HTML tags using CSS in Dreamweaver CC
18. Updating Your CSS in Dreamweaver CC
19. Change link font & color in CSS
20. How to use Em measurements for fonts in Dreamweaver CC
21. Creating a class selector in Dreamweaver CC
22. More about CSS Classes
23. Understanding HTML Div Tags
24. Centering your website div in Dreamweaver CC
25. Creating a website using div tags in Dreamweaver CC
26. How to float a div tag in Dreamweaver CC
27. How to clear float in css in Dreamweaver CC
28. Adding content to a div in Dreamweaver CC
29. Minimum height on a div tag
30. How to change background colour in Dreamweaver CC
31. Add padding to a div tag in Dreamweaver CC
32. Making all pages work
33. How to make a CSS drop down menu in Dreamweaver CC
34. How to add meta description tags in Dreamweaver CC

This Dreamweaver CC web design course starts right and the beginning and works it's way forward. It's aimed at people new to web design & Dreamweaver. I hope this web design course gets you up and running quickly.

This Dreamweaver tutorial was created to help delegates unable to attend our physical web design courses that we teach in either New Zealand or Australia.

The tutorials help showcase how amazing our courses are and why there is no better training than that at Bring Your Own Laptop!