Lesson 1: Getting Started
In this lesson, you will install the Dreamweaver software and class files, and get comfortable working with the Dreamweaver environment. If you are already familiar with other Adobe applications, then some of this will be familiar to you, but spend time getting comfortable with the information that is available to you on the screen. The more aware you are of where you are in a document and what the screen is telling you, the better you'll be able to handle any issues that come up. You will take a tour of the Dreamweaver work space and learn about the tools that are available.
Lesson 2: HTML and CSS
In this lesson, you will explore HTML and CSS. These two tools are the building blocks of all web sites. While using Dreamweaver to create and format pages, the pages will be created in HTML and CSS. Many times you'll find that there is a problem with the page and the only way to fix it is to use the code view. You may also find things that are easier to do within the code.
Lesson 3: Web Design Basics
Now that you know your way around Dreamweaver and a bit about HTML and CSS, let's get to building web pages! You will look at building a page from an existing Dreamweaver template and look at how to customize the template appearance. This will be a regular way to start designing a website.
Lesson 4: Designing for Mobile Devices
In this lesson, you'll learn how to use "mobile-first" design which considers designing for mobile devices before designing for traditional desktop computers. You'll learn how to use two basic tools that adapt to this new design concept, media type and media query. Finally, you will create and edit a web page for mobile and handheld devices.
Lesson 5: Working with Templates
Your basic web pages should be taking shape, so now you will want to create more pages for your site. Instead of starting from scratch for each page or copying/pasting from your home page, you are going to create a template that can be used as a starting point for the other pages in the site. This template will contain the basic structure and formatting for your pages so that you can focus more on content.
Lesson 6: Working with Text and Images
In this lesson, you will start developing content for the pages. You'll look at different ways to structure the text on a web page, including lists, tables, and images.
Lesson 7: Navigation and Interactivity
In this lesson, you will begin adding navigation to your site. This is something you'll definitely want to think about. You will also add some interactivity to the web pages as another option for organizing the content.
Lesson 8: Publishing to the Web
By now your site is fairly complete and you may want to share it with the world. You will walk through the process of publishing your site to a web server and what needs to be done to keep it up-to-date as changes are made.
Lesson 9: Adding Code and Animations
This lesson focuses on extended coding techniques new to Dreamweaver CC 2017. The new version includes improved tools and workflows for coders and developers. You'll learn to write code using Emmet shorthand, and use Live Code to test and troubleshoot dynamic code. This lesson also includes instruction on how to insert web-compatible video and animation to your web site.
Lesson 10: Putting it All Together
During this lesson, you will look back through all you have learned and apply this to a site of your own. You can finish up the site you've been working on all along for the Assignments or you can start over with a new site now that you've seen the complete process. Focus your attention first on your home page. Choose the colors, text and layout you want for your site. Once the home page is designed and you are happy with how it looks, then build a template and move on to the other pages.