Overview

This Dreamweaver CC is part of the Adobe authorized training series for graphics and publishing software developed by product experts. The courseware is designed so that you can learn at your own pace. If you’re new to Dreamweaver, you’ll learn the fundamentals of putting the application to work. If you are an experienced user, you’ll find many advanced features, including tips and techniques for using the latest version of Dreamweaver Each lesson concludes with formative and summative assessments reinforcing what you’ve covered. 

Levels: Essentials Intermediate Advanced

Course Outline

Getting Started 

  • TinyURL 
  • Conventions Used in this course 
  • Bolded text 
  • Code font 
  • Strikethrough 
  • Missing punctuation 
  • Element references 
  • Windows vs mac OS 
  • Web Edition 
  • Choosing the program color theme 
  • Setting up the workspace 
  • Defining a Dreamweaver site 

Customizing Your Workspace 

  • Touring the workspace 
  • Using the Start Screen 
  • Quick Start 
  • Starter Templates 
  • Create New and Open 
  • Exploring New Feature guides 
  • Setting interface preferences 
  • Switching and splitting views 
  • Code / Design/ Live / Split view 
  • Live Source Code 
  • Inspect mode 
  • Selecting a workspace layout 
  • Standard workspace vs Developer workspace 
  • Working with panels 
  • Personalizing Dreamweaver 
  • Working with Extract 
  • Working with toolbars 
  • Document / Standard / Common toolbar 
  • Using the Property inspector 
  • Using the HTML / CSS tab 
  • Accessing image and table properties 
  • Using the Related Files interface 
  • Using tag selectors 
  • Using the CSS Designer 
  • Sources 
  • @Media 
  • Selectors 
  • Properties 
  • All and Current modes 
  • Using the Visual Media Query (VMQ) interface 
  • Using the DOM Viewer 
  • Using element dialogues, displays, and inspectors

HTML Basics 

  • What is HTML? 
  • Where did HTML begin? 
  • Basic HTML code structure 
  • Frequently used HTML elements 
  • HTML tags 
  • HTML character entities 
  • What’s new in HTML 
  • HTML tags 
  • Semantic web design 
  • New techniques and technology 

CSS Basics 

  • What is CSS? 
  • HTML vs CSS formatting 
  • HTML defaults 
  • Browser antics 
  • CSS box model 
  • Applying CSS styling 
  • Cascade theory 
  • Inheritance theory 
  • Descendant theory 
  • Specificity theory 
  • Code Navigator 
  • CSS Designer 
  • Multiples, classes, and IDs 
  • Applying formatting to multiple elements 
  • Using CSS shorthand 
  • Creating class attributes 
  • Creating id attributes 
  • CSS features and effects 
  • CSS overview and support 

Web Design Essentials 

  • Developing a new website 
  • What is the purpose of the website? 
  • Who is the audience? 
  • How do they get here? 
  • Scenario 
  • Working with thumbnails and wireframes 
  • Creating thumbnails 
  • Creating a page design 
  • Creating wireframes 

Creating a Page Layout 

  • Evaluating page design options 
  • Working with predefined layouts 
  • Styling an existing layout 
  • Styling elements using the Extract panel 
  • Extracting text from a Photoshop mockup 
  • Troubleshooting CSS styling 
  • Extracting text styling from a Photoshop mockup 
  • Creating a gradient background using Extract 
  • Extracting image assets from a mockup 
  • Adding CSS background effects in code 
  • Completing the layout 

Working with Templates 

  • Creating a template from an existing layout 
  • Inserting editable regions 
  • Building semantic content 
  • Inserting HTML entities 
  • Inserting metadata 
  • Validating HTML code 
  • Producing child pages 
  • Creating a new page 
  • Adding content to child pages 
  • Moving CSS styles to a linked file 
  • Updating a template 
  • Formatting content in editable regions 

Working with Text, Lists, and Tables 

  • Previewing the completed file 
  • Creating and styling text 
  • Importing text 
  • Creating semantic text structures 
  • Creating headings 
  • Adding other HTML structures 
  • Creating lists 
  • Creating indented text 
  • Creating and styling tables 
  • Creating tables from scratch 
  • Copying and pasting tables 
  • Styling tables with CSS 
  • Styling table cells 
  • Controlling table display 
  • Inserting tables from other sources 
  • Adding and formatting caption elements 
  • Spell-checking webpages 
  • Finding and replacing text 

Working with Images 

  • Web image basics 
  • Vector graphics vs Raster graphics 
  • Raster image file formats 
  • Previewing the completed files 
  • Inserting an image 
  • Controlling image positions with CSS classes 
  • Working with the Insert panel 
  • Using the Insert menu 
  • Inserting non-web file types 
  • Working with Photoshop Smart Objects 
  • Copying and pasting images from Photoshop 
  • Inserting images by drag and drop 
  • Optimizing images with the Property inspector 
  • Working with Navigation 
  • Hyperlink basics 
  • Internal and external hyperlinks 
  • Relative vs absolute hyperlinks 
  • Previewing the completed file 
  • Creating internal hyperlinks 
  • Creating relative links 
  • Creating a home link 
  • Updating links in child pages 
  • Creating an external link 
  • Creating an absolute link in Live view 
  • Setting up email links 
  • Creating an image-based link 
  • Creating image-based links using the Element Display 
  • Creating text links using the Text Display 
  • Targeting page elements 
  • Creating internal targeted links 
  • Creating a destination link in the Element Display 
  • Targeting id-based link destinations 
  • Locking an element on the screen 
  • Styling a navigation menu 
  • Checking your page 
  • Adding destination links 

Adding Interactivity 

  • About Dreamweaver behaviors 
  • Previewing the completed file 
  • Working with Dreamweaver behaviors 
  • Applying a behavior 
  • Applying a Swap Image Restore behavior 
  • Removing applied behaviors 
  • Adding behaviors to hyperlinks 
  • Working with jQuery accordion widgets 
  • Inserting a jQuery accordion widget 

Get the course outline PDF

Download Here