This course is taught by an expert Adobe Certified Instructor.

Prerequisites:

Basic understanding of a personal computer is required.

Course Outline

Customizing your Workspace
Using the Start Screen

Exploring New Feature guides

Working with toolbars

Switching and splitting views

Selecting a workspace layout
Working with panels

Personalizing Dreamweaver
Creating custom keyboard shortcuts
Using the Property inspector

Using the Related Files interface
Using tag selectors

Using the CSS Designer

Using the Visual Media Query interface
Using the DOM Viewer

Using the heads-up displays

Exploring, experimenting, and learning

HTML Basics
What is HTML?

Where did HTML begin?
Frequently used HTML 4 codes
Introducing HTML5

CSS Basics
What is CSS?

HTML vs. CSS formatting
HTML defaults

CSS box model
Applying CSS styling Multiples, classes, and ids

Web Design Basics
Developing a new website
Scenario

Working with thumbnails and wireframes

Creating a Page Layout
Evaluating page design options
Working with predefined layouts

Working with a Web Framework
Creating a navigation menu

Creating header content

Building semantic content

Managing Bootstrap component width Inserting HTML entities
Creating global type styles

Design for Mobile Devices
Responsive design

Adapting the site to different screen sizes
Working with media queries

More information on media queries

Working with Templates
Creating a template from an existing layout Inserting editable regions

Inserting metadata

Producing child pages

Working with Text, Lists, and Tables
Previewing the completed file
Creating and styling text Creating lists

Creating and styling tables
Copying and pasting tables
Spell-checking webpages
Finding and replacing text
Optional self-paced exercise

Working with Images
Web image basics

Previewing the completed file
Inserting an image

Adjusting image positions with CSS classes

Working with the Insert pane
l
Using the Insert menu
Inserting non-web file types

Working with Photoshop Smart Objects ( optional)
Copying and pasting images from Photoshop ( optional)
Inserting images by drag and drop

Optimizing images with the Property inspector

Working with Navigation
Hyperlink basics

Previewing the completed file

Creating internal hyperlinks

Creating an external link

Setting up email links

Creating an image-based link

Targeting page elements

Checking your page
Adding destination links to the same page ( optional)

Adding Interactivity
Learning about Dreamweaver behaviors
Previewing the completed file

Working with Dreamweaver behaviors
Working with Bootstrap Accordion widgets

Publishing to the Web
Defining a remote site
Cloaking folders and files
Wrapping things up
Putting your site online (optional)
Synchronizing local and remote sites

Working with Code
Creating HTML code
Working with multi-cursor support
Commenting your code

Working with CSS preprocessors
Selecting code

Collapsing code
Expanding code

Accessing split Code view
Previewing assets in Code view Appendix
TinyURLs

Working with Web Animation and Video
Understanding web animation and video
Previewing the completed file

Adding web animation to a page

Adding web video to a page
Do or Don't host your own videos