Section 1 : Overview
|
|
Lecture 1 | Introduction | 00:02:01 Duration |
|
|
Lecture 2 | What we'll be building & resources for this course | 00:01:56 Duration |
Section 2 : Creating an HTML Website in Dreamweaver
|
|
Lecture 1 | Setting up Adobe Dreamweaver to create websites | |
|
|
Lecture 2 | How to create a new website in Dreamweaver | |
|
|
Lecture 3 | How to create a new HTML page in Dreamweaver & put in your logo | 00:05:28 Duration |
|
|
Lecture 4 | How best to preview your website in Adobe Dreamweaver | 00:03:47 Duration |
|
|
Lecture 5 | Moving tags around in Dreamweaver |
Section 3 : Using CSS in Dreamweaver
|
|
Lecture 1 | How to create, edit & style your first CSS style sheet in using Dreamweaver | 00:09:25 Duration |
|
|
Lecture 2 | How to change or adjust the CSS styles in your Dreamweaver website | 00:04:50 Duration |
|
|
Lecture 3 | How to centre your website in Dreamweaver using a container | 00:08:06 Duration |
Section 4 : Responsive Websites
|
|
Lecture 1 | How to make a website change for mobile cell phones & tablets using Dreamweaver | 00:08:07 Duration |
|
|
Lecture 2 | How to test your Dreamweaver website on a mobile phone or tablet | 00:03:23 Duration |
Section 5 : Mobile Navigation Menu
|
|
Lecture 1 | How to create a hamburger mobile drop down menu in Dreamweaver | 00:11:10 Duration |
|
|
Lecture 2 | Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver | 00:13:46 Duration |
|
|
Lecture 3 | Styling our hamburger menu & getting our ul menu to stack side by side | 00:09:29 Duration |
|
|
Lecture 4 | How to add different fonts to a website in Dreamweaver | 00:05:52 Duration |
|
|
Lecture 5 | Fixing the style of the mobile burger drop down menu in Dreamweaver | 00:05:46 Duration |
Section 6 : Adding Content
|
|
Lecture 1 | Planning for our Dreamweaver template | 00:02:21 Duration |
|
|
Lecture 2 | Add a background image that is outside our main container in Dreamweaver | 00:07:39 Duration |
|
|
Lecture 3 | How to use the HTML5 main tag in Dreamweaver | 00:04:15 Duration |
|
|
Lecture 4 | How to add the HTML5 footer tag to a website using Adobe Dreamweaver | 00:09:51 Duration |
Section 7 : Templates in Dreamweaver
|
|
Lecture 1 | How do I make a template in Adobe Dreamweaver | 00:03:44 Duration |
|
|
Lecture 2 | How to create new pages based on a Dreamweaver template | 00:03:50 Duration |
Section 8 : Adding Content 2
|
|
Lecture 1 | How to create a responsive hero box for our website in Dreamweaver | 00:08:26 Duration |
|
|
Lecture 2 | Fix problems with div tags when you float left in Dreamweaver aka clearing the f | 00:09:09 Duration |
|
|
Lecture 3 | How to add and change the styling of a horizontal rule HR in Dreamweaver | 00:02:37 Duration |
|
|
Lecture 4 | How to create a button in Adobe Dreamweaver CC |
Section 9 : Responsive Content
|
|
Lecture 1 | Change fonts & spacing of a website for Tablet & Mobile sizes using Dreamweaver | 00:05:49 Duration |
|
|
Lecture 2 | How to turn off parts of a website in different views like mobile or desktop | 00:06:40 Duration |
|
|
Lecture 3 | How to create a responsive image grid in Dreamweaver | 00:08:27 Duration |
|
|
Lecture 4 | How to make your images responsive in Dreamweaver to match the page size | 00:05:40 Duration |
|
|
Lecture 5 | How to make different columns for desktop, tablet & mobile websites, Dreamweaver | 00:05:25 Duration |
|
|
Lecture 6 | How to create a clearfix pseudo after class in Adobe Dreamweaver | 00:06:28 Duration |
Section 10 : Other Pages
|
|
Lecture 1 | How to create & link new pages in Dreamweaver using templates | 00:14:21 Duration |
Section 11 : Hosting & Analytics
|
|
Lecture 1 | How to upload your website to the internet hosting via Dreamweaver | |
|
|
Lecture 2 | How to add Google Analytics to your Dreamweaver website | 00:05:56 Duration |
Section 12 : What Next
|
|
Lecture 1 | What next in the Dreamweaver course | 00:01:23 Duration |
|
|
Lecture 2 | Dreamweaver class exercise | 00:01:03 Duration |
