
Reviews of our Adobe Creative Cloud Class for Web Design
Adobe Creative Cloud Class for Web Design - Introduction rating: 5 stars from 27 reviewers
"Overall the Creative Cloud class was fantastic. Michael was great as an instructor. He was fun and pleasantly interactive. He kept things moving along at a reasonable pace, and made sure that all participants could follow along. It was enjoyable and easy to follow. There were a few glitches but over all not enough to impact the ability to easily follow the course." - Kelly R
See all reviews for Adobe Creative Cloud Training CoursesAll Adobe Creative Cloud classes include
Free retakes
Detailed curriculum
Live instructor
Flexible rescheduling
Certificate of Completion
Adobe Creative Cloud Class for Web Design

Adobe Creative Cloud Class for Web Design
Adobe Creative Cloud Class for Web Design Course Details
If you will be using the Adobe Creative Cloud applications for creating web designs and online content, this introductory course is a good place to start. Learn Creative Cloud tools used for creating websites, web pages, landing pages, and HTML emails in this introductory overview course. In this Adobe Creative Cloud class you'll gain the foundational skills necessary to start creating website, web pages, and other content for use online. This training for the Adobe Creative Cloud is perfect if you are new to Creative Cloud or are just starting to use the web design capabilities.
This course teaches the most current version of the Adobe Creative Cloud but training is applicable for the previous versions as well. This Adobe Creative Cloud training class is available as a regularly scheduled course at AGI’s classroom locations, or as a private or custom Adobe Creative Cloud course at your location or online. If taking this Adobe CC class in our classrooms, a computer is supplied for your use. This introductory Creative Cloud training class for web design includes a copy of the Creative Cloud Digital Classroom book, written by our team of expert instructors. Our instructors are also the authors of the Creative Cloud for Dummies book, and your learn directly from the authors of these books in our Creative Cloud courses.
Creative Cloud Training for Web Design Options
If you'd prefer an in-depth Creative Cloud course on specific web design tools, rather than an overview of several applications, or if you plan to work with only one of the Adobe CC applications, American Graphics Institute offers courses on the individual applications. This includes Dreamweaver courses, Photoshop classes, Muse Classes, and Animate training, along with courses for each of the Creative Cloud tools. You can see a complete list on the Adobe classes page.
For more information about our Creative Cloud training courses for web design, call 781-376-6044 to speak with a training consultant, or use our Creative Cloud training contact form. Our Creative Cloud experts are also available for live chat during business hours by clicking the option in the lower corner of your display.
This course is available individually or as part of these certificate programs:
Adobe Creative Cloud Class for Web Design - Course Dates
All classes are led by a live instructor. Class times listed are Eastern time.
Adobe Creative Cloud Class for Web Design
Weekdays
Mon, May 08 2023 to Wed, May 10 2023
10:00 am to 5:00 pm
Adobe Creative Cloud Class for Web Design
Weekdays
Mon, Aug 14 2023 to Wed, Aug 16 2023
10:00 am to 5:00 pm
Adobe Creative Cloud Class for Web Design
Weekdays
Mon, Oct 30 2023 to Wed, Nov 01 2023
10:00 am to 5:00 pm
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
Prerequisites for the Adobe Creative Cloud Class 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.
Course Materials for the Adobe Creative Cloud Class for Web Design
With this Adobe Creative Cloud class you will receive a copy of the full-color Adobe Creative Cloud Digital Classroom book including video tutorials and lesson files created by the Adobe Certified Instructors at AGI. AGI's Adobe Creative Cloud instructors have created many official training guides and books for Adobe Systems, and more than 50 books on the Adobe CC tools. This best-selling book is widely used around the world to teach Adobe Creative Cloud, and you learn directly from the authors when you take a class at American Graphics Institute.
Individual Adobe Creative Cloud courses are also available for each of the web design applications covered in this class. This includes courses focused specifically on Creative Cloud versions of Dreamweaver, Photoshop, Animate, Muse, and also Fireworks.