Skip to main content
Adobe training, UX Courses, and Photoshop Classes at AGI
American Graphics Institute
Secondary
  • About
  • Contact
  • Locations
  • Books
  • All classes
  • UX Classes
  • Cart
  • Log in
Search
Search
Main menu
  • Classes & Workshops
    • Classes & Workshops
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Design Thinking
      • Graphic Design Certificate
      • Graphic Design for High School Students
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
    • Column 3
      • UX Classes
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Mobile & Touch
      • Figma
      • Sketch
      • XD
      • UXQB CPUX Certification
      • UX Certification
      • UX Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • Final Cut
      • Video Editing for High School Students
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • WordPress
      • HTML
      • CSS
      • Responsive Web Design
      • Web Design Certificate
      • Web Graphics
      • Web Design for High School Students
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Online Training
    • Online Training
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Graphic Design Certificate
      • Design Thinking
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
      • Figma
    • Column 3
      • UX Classes
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Phone & Touch
      • Sketch
      • XD
      • UXQB CPUX Certification
      • UX Certification
      • UX Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • Final Cut
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • Web Design Certificate
      • WordPress
      • HTML
      • CSS
      • Responsive Web Design
      • Web Graphics
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Certificate Programs
    • Certificate Programs
    • Column 1
      • Web Design Certificate
      • UX Certificate
      • Digital Marketing Certificate
    • Column 2
      • Graphic Design Certificate
      • Video Editing Certificate
      • Web Development Certificate
    • Column 3
      • Photoshop Certificate
      • All Certificate Programs
  • Creative Cloud Classes
    • Creative Cloud Classes
    • Column 1
      • Creative Cloud for Print & Digital
      • Creative Cloud for Video
      • Creative Cloud for Web
    • Column 2
      • Photoshop CC
      • InDesign CC
      • Illustrator CC
    • Column 3
      • Premiere Pro CC
      • After Effects CC
      • Animate CC
      • See All Classes
  • Adobe Training
    • Adobe Training
    • Column 1
      • Photoshop
      • InDesign
      • Illustrator
      • Animate
      • Acrobat
    • Column 2
      • Premiere Pro
      • After Effects
      • XD
      • Captivate
      • Connect
    • Column 3
      • Dreamweaver
      • Creative Cloud
      • LiveCycle
      • AEM Forms
      • InCopy
      • All Adobe Classes
      • See All Classes
  • Private Training

  • About
  • Contact
  • Locations
  • Books
  • All classes
  • UX Classes
  • Cart
  • Log in
Breadcrumb
  1. Home
  2. Adobe Courses and Adobe Training
  3. Adobe Creative Cloud Training Courses
  4. Creative Cloud Class Online October 30, 2023 Web Design
During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

Learn about our Online Training Center

All classes include

free retakes of courses Free retakes

Curriculum provided Detailed curriculum

Live instructor Live instructor

flexible rescheduling Flexible rescheduling

flexible rescheduling Certificate of Completion

Creative Cloud Class Online October 30, 2023 Web Design

Adobe Creative Cloud Class for Web Design

Mon, Oct 30 2023 - Wed, Nov 1 2023
Online Training

$1,495.00

Register

This Adobe Creative Cloud Class for Web Design teaches Creative Cloud design applications used in creating websites, landing pages, HTML email, and web pages. Learn the Adobe Creative Cloud tools that make it easy to create effective web designs, including Dreamweaver, Adobe XD, and Photoshop. Individual Creative Cloud courses for these applications are also available, and are listed under Adobe training if you wish to take only a single course.

Download Course Description (PDF)
See all Adobe Creative Cloud Training Courses, See all Adobe Courses and Adobe Training, See all Web Design Classes

Adobe Creative Cloud Class for Web Design: Course 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
  • An 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 styles 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

An 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

Organizing and Planning to build a website in Adobe Muse

  • Thinking like a web designer
  • Print vs web design
  • Understanding web graphics
  • Understanding web typography
  • The limits of Muse: when to use Dreamweaver, Code, or Muse

An overview of Adobe Muse

  • Introduction to the Muse workspace
  • Using the different view modes
  • Understanding the tools
  • Using the Selection Indicator

Creating a new site using Muse

  • Exploring new site options
  • Creating a sitemap
  • Site properties

Working with Master Pages

  • Overview of Master Pages
  • Setting up a Master page
  • Learning about page properties
  • Secondary Master pages
  • Create headers and footers
  • Adding a favicon

Working with Text in Adobe Muse

  • Placing text on a page
  • Formatting text
  • Web-safe and non-web safe fonts      
  • Using Web Fonts
  • Creating paragraph styles
  • Creating character styles
  • Wrapping and object around text

Working with Images using Muse

  • Placing Images in Muse
  • Understanding image size and resolution
  • Resizing and cropping images
  • Optimizing graphics in Muse
  • Understanding the Assets panel
  • Adding background images
  • Creating repeating backgrounds

Creating Links in your Muse website

  • Inserting hyperlinks
  • Adding email links
  • Formatting links
  • Using link anchors

Creating Menus and Navigation with Muse

  • Creating a basic menu
  • Inserting a button
  • Using the states panel
  • Modifying menus

Formatting Objects

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

Working with Layers in Muse

  • Introduction to the Layers Panel
  • Understanding stacking order
  • Locking and hiding objects

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 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

Integrate with Social Media

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

Creating forms using Muse

  • Creating a simple form
  • Understanding text form fields
  • Creating a contact form

Publish your site with Adobe Muse

  • Exporting your site to HTML
  • Publishing via FTP
  • Updating your site

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
Register
Footer
  • 781-376-6044
  • CONTACT US
  • SEE ALL AGI TRAINING LOCATIONS

© Copyright 2002 - 2023 American Graphics Institute