by Daniel Scott | Publisher: Total Training | Release Date: February 2018 | ISBN: 10000DSDWTJSM

In this Dreamweaver Templates and 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 and jQuery. This Dreamweaver Templates and 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 and 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.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! Requirements: You will need a copy of Adobe Dreamweaver CC 2017 or above. A free trial can be downloaded from Adobe. Project Files included. Length: 3 hrs 49 min

1. OVERVIEW
   • Course Introduction 00:02:33
   • Course Outcomes and Resources 00:01:56
2. CREATING AN HTML WEBSITE IN DREAMWEAVER
   • Setting Up Adobe Dreamweaver to Create Websites 00:03:13
   • Creating a New Website - Site Definition 00:03:57
   • Creating a New HTML Page 00:05:28
   • Previewing Your Website 00:03:47
   • Moving Tags 00:03:29
3. USING CSS IN DREAMWEAVER
   • Creating Your First CSS Style Sheet 00:09:25
   • Changing and Adjusting CSS Styles 00:04:50
   • Centering a Website Using a Container 00:08:06
4. RESPONSIVE WEBSITES
   • Adjusting a Website for Mobile Phones and Tablets (Media Queries) 00:08:07
   • Testing a Website on a Mobile Phone or Tablet 00:03:23
5. MOBILE NAVIGATION MENU
   • Creating a Hamburger Menu for Mobile 00:11:10
   • Creating a Mobile Menu with JavaScript and jQuery 00:13:04
   • Styling the Menu 00:09:29
   • Adding Fonts 00:05:52
   • Adjusting the Style of a Hamburger Menu 00:05:46
6. ADDING CONTENT
   • Planning a Dreamweaver Template 00:02:21
   • Adding a Background Image 00:07:39
   • Using the HTML5 Main Tag in Dreamweaver 00:04:15
   • Adding the HTML5 Footer Tag to a Website 00:09:51
7. TEMPLATES IN DREAMWEAVER
   • Making a Template in Dreamweaver 00:03:44
   • Creating New Pages from a Dreamweaver Template 00:03:50
8. ADDING ADDITIONAL CONTENT
   • Creating a Responsive Hero Box 00:08:26
   • Fixing Problems with div Tags When You Float Left (Clearing the Float) 00:09:09
   • Styling the Horizontal Rule 00:02:37
   • Creating a Button in Dreamweaver 00:05:23
9. RESPONSIVE CONTENT
   • Changing Fonts and Spacing for Mobile 00:05:49
   • Turning off HTML Elements 00:06:40
   • Creating a Responsive Image Grid 00:08:27
   • Creating Responsive Images 00:05:41
   • Making Columns for Desktop, Tablet, and Mobile Websites 00:05:25
   • Working with Pseudo Classes 00:06:28
10. CREATING ADDITIONAL PAGES
    • Creating and Linking New Pages Using Templates 00:14:21
11. HOSTING AND ANALYTICS
    • Uploading Your Website 00:09:58
    • Adding Google Analytics 00:05:56
12. WHAT'S NEXT
    • What Next for Your Project? 00:01:23
    • Dreamweaver Class Exercise 00:01:03