Adobe Dreamweaver CC Templates & JavaScript Menus Online Course

Course Overview
This Dreamweaver Templates & JavaScript Menus course is for beginners. You do not need any previous knowledge in Dreamweaver or web design experience. We will use Dreamweaver CC ‘split’ view, so we can use all the good visual tools as well as do some simple amends down in the code as well.

In this series, we will take a 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 and colors, and even add Google Analytics to our site to get amazing information about exactly who visits your site.

With nearly 4 hours of high-quality training content, plus work-along project files and resources included, by the time you’ve completed this course, you’ll be on your way to creating professional-looking custom websites.

Example Video

Course Outline
CHAPTER 01: OVERVIEW 04:301. Course Introduction
2. Course Outcomes and Resources

CHAPTER 02: CREATING AN HTML WEBSITE IN DREAMWEAVER 19:54
1. Setting Up Adobe® Dreamweaver to Create Websites
2. Creating a New Website – Site Definition
3. Creating a New HTML Page
4. Previewing Your Website
5. Moving Tags

CHAPTER 03: USING CSS IN DREAMWEAVER 22:22
1. Creating Your First CSS Style Sheet
2. Changing and Adjusting CSS Styles
3. Centering a Website Using a Container

CHAPTER 04: RESPONSIVE WEBSITES 11:30
1. Adjusting a Website for Mobile Phones and Tablets (Media Queries)
2. Testing a Website on a Mobile Phone or Tablet

CHAPTER 05: MOBILE NAVIGATION MENU 42:18
1. Creating a Hamburger Menu for Mobile
2. Creating a Mobile Menu with JavaScript and jQuery
3. Styling the Menu
4. Adding Fonts
5. Adjusting the Style of a Hamburger Menu

CHAPTER 06: ADDING CONTENT 24:06
1. Planning a Dreamweaver Template
2. Adding a Background Image
3. Using the HTML5 Main Tag in Dreamweaver
4. Adding the HTML5 Footer Tag to a Website

CHAPTER 07: TEMPLATES IN DREAMWEAVER 07:34
1. Making a Template in Dreamweaver
2. Creating New Pages from a Dreamweaver Template

CHAPTER 08: ADDING ADDITIONAL CONTENT 25:36
1. Creating a Responsive Hero Box
2. Fixing Problems with div Tags When You Float Left (Clearing the Float)
3. Styling the Horizontal Rule
4. Creating a Button in Dreamweaver

CHAPTER 09: RESPONSIVE CONTENT 38:30
1. Changing Fonts and Spacing for Mobile
2. Turning off HTML Elements
3. Creating a Responsive Image Grid
4. Creating Responsive Images
5. Making Columns for Desktop, Tablet, and Mobile Websites
6. Working with Pseudo Classes

CHAPTER 10: CREATING ADDITIONAL PAGES 14:21
1. Creating and Linking New Pages Using Templates

CHAPTER 11: HOSTING AND ANALYTICS 15:54
2. Uploading Your Website
3. Adding Google Analytics

CHAPTER 12: WHAT’S NEXT 02:26
1. What Next for Your Project?
2. Dreamweaver Class Exercise