Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Dreamweaver Templates & Javascript Menus
Overview
Illustrator to Dreamweaver Tutorial Introduction. (2:33)
What we'll be building & resources for this course. (1:56)
Creating an HTML Website in Dreamweaver
Setting up Adobe Dreamweaver to create websites. (3:13)
How to create a new website in Dreamweaver. (3:56)
How to create a new HTML page in Dreamweaver & put in your logo. (5:27)
How best to preview your website in Adobe Dreamweaver. (3:47)
Moving tags around in Dreamweaver. (3:29)
Using CSS in Dreamweaver
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)
Responsive Websites
How to make a website change for mobile cell phones & tablets using Dreamweaver (8:06)
How to test your Dreamweaver website on a mobile phone or tablet (3:22)
Mobile Navigation Menu
How to create a hamburger mobile drop down menu in Dreamweaver (11:10)
Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver (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)
Adding Content
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)
Templates in Dreamweaver
How do I make a template in Adobe Dreamweaver (3:43)
How to create new pages based on a Dreamweaver template (3:49)
Adding Content
How to create a responsive hero box for our website in Dreamweaver (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)
Responsive Content
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)
Other Pages
How to create & link new pages in Dreamweaver using templates (14:21)
Hosting & Analytics
How to upload your website to the internet hosting via Dreamweaver (9:58)
How to add Google Analytics to your Dreamweaver website (5:55)
What Next
What next in the Dreamweaver course. (1:23)
Dreamweaver class exercise. (1:02)
How to turn off parts of a website in different views like mobile or desktop
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock