Adobe Dreamweaver CC web design software provides an intuitive visual interface for making and editing HTML websites and mobile apps. This course will provide web designers with the knowledge and hands-on practice they need to build and manage professional websites.

This three-day course is taught Live On Line, so you can learn from the comfort of your home or office. Cost is $1,895.00 which includes all class materials - Class times: 8:00 am 4:00 pm PST.

If you don't own the software, you can download a free 30-day trial here
https://www.adobe.com/downloads.html

Course taught by an Adobe Certified Instructor

Register Now

Prerequisites

Basic knowledge of a Mac or PC computer

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
Working with Extract
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 panel
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
Don't host your own videos

Register Now