Dreamweaver CC Templates & JavaScript Menus

$37.00

In this Dreamweaver® Templates & JavaScript™ Menus course, you'll learn to use Dreamweaver CC's handy templating tools to make updates to a site. Plus, you'll create a mobile 'burger menu' from scratch while learning some basic JavaScript & jQuery. Project Files included.

Length: 3 hrs 49 min

This title is available in the Total Training All-Access library.

Subscribe Now

Description

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-laong 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.

Check out this link here www.byolisawesome.com, for the site we build together. Let’s get excited about finally being able to build a website like a professional web designer. See you in class!

Sample clip

 

 

 

CHAPTER 01: OVERVIEW 04:30
1. 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

Daniel Scott

Daniel Scott is a Microsoft Trainer and Adobe® Certified Instructor, and he recently was a featured speaker at the Adobe Max conference in Las Vegas. He’s been teaching for more than 14 years – covering topics such as print, digital publishing, web, and video. He loves to see how it all connects, and how we can share those connections. He prides himself on delivering the best service to his clients and making sure all his students learn to their fullest potential. He is currently the lead trainer at Bring Your Own Laptop Training Center in New Zealand.

 

 

 

 

Adobe Certified Expert

You may also like…