Adobe Creative Cloud Course for Web Design: Topics Covered 

This three-day Adobe Creative Cloud class covers these topics. A complete list of topics covered is listed below.

  • Getting familiar with the Creative Cloud workspace
  • Using Adobe Bridge to maximize the Creative Cloud
  • Understanding where each Creative Cloud tool is used in a web workflow
  • Basics of Photoshop Creative Cloud for web design
  • Creating a Good Image using Adobe Photoshop CC
  • Styling web pages with CSS
  • Div tags and CSS IDs
  • Uploading and managing a website
  • When to use Dreamweaver or Animate
  • Working with text and images
  • Creating links
  • Building animation with Adobe Animate
This course is available individually or as part of these certificate programs

Adobe Creative Cloud Course for Web Design - Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.

Live instructor-led class online
$1,495.00
Live instructor-led class online
$1,495.00
Live instructor-led class online
$1,495.00
Live instructor-led class online
$1,495.00
Live instructor-led class online
$1,495.00

Adobe Creative Cloud Course for Web Design: Topics

This Adobe Creative Cloud training course for web design provides you with the skills needed to work with the latest versions of the CC applications used for web design projects: Dreamweaver CC, Photoshop CC, Animate, and Muse. The topics covered in the training course include:

Dreamweaver essentials

  • Design and layout tools
  • Site management and file transfer protocol
  • Coding environment and text editor
  • Mobile design and development features
  • Dreamweaver’s workspace features
  • How websites work
  • The role of web browsers
  • Introduction to HTML
  • Explorations in code
  • Creating, opening, and saving documents
  • Setting up a new site

Understanding sites and pages in Dreamweaver

  • Creating a new site in Adobe Dreamweaver
  • Using advanced site-creation options
  • Adding pages
  • Saving a page to your site
  • Defining page properties
  • Changing your work views
  • Looking at the Files panel
  • Viewing local files
  • Selecting and editing files

Adding text and images to a Dreamweaver Layout

  • Using type and images on the Web
  • Introducing styles
  • Previewing pages in a web browser
  • Creating hyperlinks
  • Inserting images
  • Linking images
  • Editing images
  • Optimizing images
  • Updating images

Styling web pages with CSS

  • Understanding cascading style sheets
  • Creating and modifying styles
  • Creating a class style with the Property Inspector
  • Using advanced CSS formatting
  • Putting Div tags and CSS IDs to use
  • Saving internal vs. external style sheets
  • Attaching external style sheets
  • Modifying attached style sheets
  • Creating a new .css file

Managing your website

  • Working with the Files panel
  • Creating a remote connection
  • Viewing files on a remote web server
  • Transferring files to and from a remote server
  • Checking links site-wide
  • Generating site reports
  • Checking browser compatibility
  • Adding metadata
  • Launching your site
  • Getting help and using the reference guides

Getting to know the Photoshop workspace

  • Opening an existing file in Bridge
  • Accessing tools and their options
  • Using and organizing panels
  • Navigating the image area
  • Using the Zoom tool
  • Using the Hand tool
  • Working with tabbed windows
  • Maximizing productivity with screen modes

Using Bridge in the Adobe Creative Cloud

  • Introducing Adobe Bridge
  • Navigating through the Bridge
  • Using folders in Adobe Bridge
  • Making a Favorite
  • Creating and locating metadata
  • Using the Filter panel
  • Saving a Collection
  • Automation tools in Adobe Bridge
  • Additional Photoshop tools
  • Changing the view

Photoshop CC for web design basics

  • Opening an existing document
  • Understanding document settings
  • Viewing an image’s size and resolution
  • Combining images by copying and/or dragging
  • Transforming and editing combined images
  • Removing a background
  • Understanding the stacking order of layers
  • Refining edges of copied images
  • Choosing a file format
  • Saving files optimized for web or email

Retouching images

  • Setting up your color settings
  • Comparing RGB and CMYK modes
  • Using the Color panel
  • Changing Brush settings
  • Applying color to an image
  • Changing blending modes
  • Retouching images
  • Moving through the History panel
  • Using the Clone Stamp and Healing tools
  • Working with Camera Raw

Creating a good image with Photoshop

  • Choosing your color settings
  • Working in RGB
  • Reading a histogram
  • Adding video
  • Making a Curve adjustment
  • Defining the highlight and shadow
  • Adjusting the midtones
  • Setting the neutral
  • Sharpening your image
  • Taking care of red eye

Introduction to Photoshop layers

  • Discovering layers
  • Getting a handle on layers
  • Creating a new blank file
  • Naming your layer
  • Selecting layers
  • Moving layers
  • Changing the visibility of a layer
  • Locking a layer
  • Using masks in a layer
  • Preserving transparency

Formatting objects

  • Transforming objects
  • Working with groups
  • Aligning and Distributing
  • Applying rounded corners
  • Using effects
  • Creating graphic styles

Use widgets to add interactivity to your site

  • Introduction to widgets
  • Tab and Accordion widget
  • Button widgets
  • Working with the States panel
  • Creating a thumbnail slideshow
  • Creating a lightbox slideshow

Importing graphics from other CC apps

  • Importing from Photoshop
  • Importing from Illustrator
  • Importing graphics from InDesign

Adding interactive content

  • Adding video files
  • Adding audio files
  • Adding content from Animate

Integrating with social media

  • Inserting videos from YouTube, Hulu or Flickr
  • Adding a Facebook Like button
  • Working with Twitter

Adobe Animate Essentials

  • Creating HTML5 compositions using Adobe Animate
  • Importing graphics
  • Choreographing animations
  • Animating position, size, color, shape, and rotation
  • Using easing effects
  • Understanding Actions
  • Using the Actions Editor
  • Using code snippet library
  • Attaching actions to Elements, Time, Triggers, and the Stage
  • Using Labels in Adobe Animate
  • Creating multiple compositions with Adobe Animate
  • Using semantic tags
  • Working with guides
  • Creating Adobe Animate objects
  • Using the Adobe Animate timeline

Custom and private Adobe Creative Cloud classes

This Adobe Creative Cloud course is available as a private class. Curriculum can be customized for your specific needs. Adobe Creative Cloud classes can be delivered at your location, online, or in our classrooms. For more information, call 781-376-6044 to speak with a training consultant or contact us.

Prerequisites for the Adobe Creative Cloud course for web design

Before starting this course, we recommend that you have Adobe Creative Cloud web design applications before starting this course. You can license the applications or obtain a free trial version from the Adobe Creative Cloud website.

Exceptional Adobe Creative Cloud course materials 

Our proprietary curriculum has been proven effective in teaching [category short name] to thousands. You’ll receive our extensive written reference along with lesson files for you to continue your practice following the class. This Adobe Creative Cloud course includes a copy of our Digital Classroom book with many projects and exercises.

Repeat for free

If you need a refresher or miss a day of class, you can repeat the Adobe Creative Cloud class at no additional cost for one year.

Private Adobe Creative Cloud classes for companies and groups

This Adobe Creative Cloud class is available as a private workshop for your company, group, or team. Use the contact form on this page or call 781 376-6044 to learn more about private classes.

Adobe Creative Cloud FAQ

Do I receive a Adobe Creative Cloud certificate?

AGI provides a certificate upon course completion, which can be shared on LinkedIn and verified digitally on the AGI website.

How many students are in a Adobe Creative Cloud class?

AGI limits its class sizes so that you receive personalized attention. Classes are limited to no more than 10 participants. 

Can I get specific Adobe Creative Cloud questions answered in the class?

Yes, as a live class, you can ask the instructor questions about how you will be using Adobe Creative Cloud.

Does this Adobe Creative Cloud class include job placement support?

AGI provides job support only when Adobe Creative Cloud classes are taken as part of a longer-term certificate program, where AGI has a dedicated career counselor assigned to each certificate student.

Is this Adobe Creative Cloud class for Mac or Windows?

You can attend this Adobe Creative Cloud class using a Mac or Windows computer. The application itself has identical functionality for both. If attending in our classrooms, a computer will be provided using the operating system of your choice.

Available Delivery Methods For This Class

CLASSROOM
LIVE ONLINE
PRIVATE
MY LOCATION