Adobe Systems Incorporated

CC Learn: Dreamweaver CC for Web Design

One of the best things about Creative Cloud is that members have access to new product features as soon as they’re developed. Adobe’s Creative Cloud Learn team makes sure Creative Cloud members have the knowledge they need to use them.

The team recently published a host of new hands-on tutorials and videos aimed at helping both novice and experienced web designers get the most out of the recently-released features in Adobe Dreamweaver CC. So there’s no reason not to start using the new features in Dreamweaver CC:

DW_Tuts

How to use CSS in Dreamweaver
In this hands-on tutorial, learn the basics of Cascading Style Sheets (CSS), and what tools are available in Dreamweaver CC for applying CSS to add style to web pages.

Edit CSS properties visually
Use the visual CSS Designer panel in Dreamweaver CC to control the appearance of your HTML content.

Use Live Highlight and modernized Live View
Learn about Dreamweaver CC’s Live Highlight, CSS Designer, and how to edit and preview web pages with new Live View features.

Learn the user interface
Learn about the different panels, menu options, and editing views for creating web pages in Dreamweaver CC.

Learn how to develop responsive and mobile sites
Take the next step in web design by developing fully responsive sites and mobile apps with Dreamweaver CC.

Use Code View to edit web designs
Design web pages using the tools in Dreamweaver CC to write and manage code.

Create HTML5-compliant pages
Learn how to add HTML content with the visual tools in Dreamweaver CC.

Preview web designs
Learn about the different ways to test and preview web design projects.

Publish and manage websites
Learn how to publish and manage the websites you build.

And those are just a start. Check out the full list of Dreamweaver CC tutorials.

11:30 AM Comments (0) Permalink

Creative Cloud Tutorials: Better Than Ever

On June 18 2014, at a Creative Cloud launch event, Adobe introduced exciting new features to the applications in Creative Cloud, a newly reimagined Adobe.com, and hundreds of new Creative Cloud tutorials.

Adobe.com’s new home page links directly to product pages and learn content.

Adobe.com’s new home page links directly to product pages and learn content.

I want to share with you the new design for Adobe.com and its integration with Creative Cloud’s Learn, Help and Support content, which is now accessible from any of the product pages, or from the Learn and Support landing page.

Hundreds of tutorials

A big focus of this redesign  was to make it much easier for everyone to find and access learn content. Another important focus was to provide richer content. The larger variety of learn content now includes single video overviews, multi-video step-by-step processes and longer project-based articles.

As much as possible, the Creative Cloud Learn team worked to provide content aimed at encouraging Creative Cloud members to get their hands on the products and try the new features and workflows themselves; the ability to download project files makes it easy to jump in quickly and start building solutions of your own.

From the home page

The menu sandwich icon appears on every page of Adobe.com and provides links to all of the Creative Cloud products as well as Learn & Support.

Adobe.com main navigation with links to the products, help, and support.

Adobe.com main navigation with links to the products, help, and support.

All product home pages can be accessed from the main page by clicking on the icon for any of the featured products or the All Products button. Learning opportunities are widely integrated throughout Adobe.com and some, such as the updated Live Design feature for Adobe Dreamweaver CC, have a feature preview that can be viewed from the main product page.

Access a quick demo of the updated Live View from Dreamweaver's marquee image.

Access a quick demo of the updated Live View from Dreamweaver’s marquee image.

Anywhere you see a See How It Works link, you can click it to get a new or updated tutorial to begin working with that feature. The See How It Works link on the Dreamweaver CC product page marquee image takes you to an in-depth, hands-on tutorial from which you can download the project files and begin working with the new feature.

Scrolling down from the marquee image reveals links to the next four new/popular product features from the current release and access to corresponding tutorials. Below each image is a See How It Works link.

Product landing pages include links to the Learn content for the top five new/popular features.

Product landing pages include links to the Learn content for the top five new/popular features.

From the product pages

Click Learn and Support from any of the pages on Adobe.com. Dig deeper by going to the Learn and Support landing page to get access to all of the Learning, help and support content for the Creative Cloud products.

Each product's Learn and Support landing page provides access to a variety of tutorials.

Each product’s Learn and Support landing page provides access to a variety of tutorials.

Content tiles across the top provide access to the primary learning content for each of the learn categories as well as direct access to that product’s online help. Click the Show All tutorials link to reveal the navigation section to access all of the learn tutorials and click Hide All Tutorials to save space.

A variety of Learn content types

Creative Cloud Learn content now comes in a wider variety of content types:

Project-based tutorials
We’ve added a lot more in the way of project-based videos with downloadable project files so members can try the steps on their own. For example, the tutorials for Dreamweaver’s new and updated Live View, CSS Designer, Element Quick View, Modern Platform Support, Integration with Edge Animate, all now have project-based tutorials with project files. (Downloadable project files are accessible  by clicking the Get Files button in the What do I need? section at the top of the tutorial.)

Access a tutorial's project files and product cheat sheet.

Access a tutorial’s project files and product cheat sheet.

Single-video tutorials
Single-video tutorials, such as What Is Dreamweaver, demonstrate specific concepts or features. Just click the Play button directly in the marquee image.

Play single video tutorials directly from the marquee image.

Play single video tutorials directly from the marquee image.

Multi-video tutorials
Multiple-video tutorials, such as How to Make and Style A Web Page in Dreamweaver, break a project down into logical steps. Many of these have project files that you can download and follow along with the presenter.

Multi-video tutorials provide step-by-step demonstrations for larger projects.

Multi-video tutorials provide step-by-step demonstrations for larger projects.

In-app learning
Learn content is also available within the products themselves. Each product has an in-app feature tour and new feature videos—available from the Welcome screen and Help menus. In-app feature tours provide an animated overview of the new features along with videos introducing the new features and how they work.

In-app feature overviews are available from the Welcome screen and Help menu.

In-app feature overviews are available from the Welcome screen and Help menu.

New feature videos are available from the Welcome screen and help menu.

New feature videos are available from the Welcome screen and help menu.

Project Hello in Adobe Illustrator CC and Adobe Muse CC

Project Hello, launched in Illustrator CC and Muse CC, delivers personalized learning content directly within the application. Keep checking these for new and useful content.

Hello tutorials in Illustrator and Muse provide personalized learning within the apps.

Hello tutorials in Illustrator and Muse provide personalized learning within the apps.

Leave feedback

Whether it’s something you like or some way we can improve our Learn content, we want to know… Each product tutorial has a feedback link at the bottom. Let us know what you think.

Enjoy learning!

I’m very excited about the new Learn offering available in conjunction with the Creative Cloud 2014 launch: Not only do the designs of the marquee images and tutorial assets, by our talented design team, really show the potential of what can be done with the Creative Cloud products but the content is richer than ever before, and the variety of tutorials will definitely appeal to a range of learning styles.

2:05 PM Permalink