Learn web design, production, and digital communication from how-to information, subject experts, and tutorials. For more on teaching these skills, see the free Adobe Digital Design CS6 curriculum on adobe.com/go/digitalcareers.
In this video you'll see how WYSIWYG editors handle the heavy lifting of building a web page by writing the HTML code for you as you're building the page visually.
From the Welcome screen you can create new content, open existing content, and much more. In this video you'll see why the Welcome screen is a great point of reference when working in Dreamweaver and a great place to learn about new features.
Workspaces allow you to quickly and easily shift focus from one task to another in Dreamweaver. In this movie, you'll discover how to take control of the interface. See how to take advantage of the default workspaces in Dreamweaver, or create and manage your own custom workspaces.
In Dreamweaver CS6, Adobe has streamlined the integration between Photoshop and Dreamweaver. Learn how to take images directly from Photoshop to Dreamweaver. Then, see how to optimize the images and edit them in Photoshop using Adobe's round-trip editing feature.
Designing for multiple screens can be a difficult and time-consuming task. The new Fluid Grid feature in Dreamweaver CS6 gives designers a visual way to control page layout for multiple screen sizes. It also automatically integrates cross-browser consistency through the use of HTML5 boilerplate and the respond.js library.
In this movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added.
Adobe continues to improve CSS management capabilities in CS6 through the addition of support for multiple classes. Learn how to apply multiple classes to elements at virtually any point through the CSS workflow in Dreamweaver.
Web fonts have become an important part of many web designers' workflows. Dreamweaver CS6 adds support for web fonts through the new Web Fonts Manager. See how to use the Web Fonts Manager to add, manage, and apply web fonts throughout your sites.
Adobe continues to add support for jQuery Mobile in CS6 with the addition of new jQuery Mobile Sample Pages and the jQuery Mobile Swatch panel. The new jQuery Mobile Swatch panel allows you to quickly apply themes visually to your jQuery Mobile projects regardless of where the themes were created. The new Sample Pages feature improved architecture that makes it easy to swap out themes without affecting layout or functionality.
Join Developer Evangelist Kevin Hoyt for this thorough series on web standards, starting with a clarification of the various HTML5 browser specifications and an overview of the emerging APIs covered in this series’ seven lessons.
Developer Evangelist Kevin Hoyt covers the visual magic of CSS Transitions by detailing how to create linear animation of content when style properties are changed.
Developer Evangelist Kevin Hoyt shows how a little style manipulation using CSS Animations goes a long way toward orchestrating complex movement of content.
Developer Evangelist Kevin Hoyt demonstrates the capabilities of device orientation and motion events, and how physical device interaction can be used to control content.
Discover the advantages of the new and improved Color panel, reviewing what's new with fill/stroke opacity, gradients, and cut and paste of information for Hex and RGB color.
Review the latest support features for CSS and CSS3 including CSS code extraction, Internet Explorer 10 support, CSS Sprites Export, and the ability to modify and export jQuery Mobile Themes.
Clean CSS Code Extraction From Designs and Web Pages in Fireworks CS6
Save time and preserve your design's integrity by cleanly extracting CSS elements and values (such as color, font, gradient, and corner radius) using the new CSS Properties panel. Once you have the code, copy and paste it directly into Adobe Dreamweaver® CS6 software or other HTML editors.
Compare the advantages of exporting via CSS Sprites vs. conventional methods by creating a graphic with multiple states and reviewing the streamlined CSS Sprite code and image generated.
Explore the expanded support for CSS3 by creating a graphic and reviewing the powerful CSS Properties panel with the CCS rules you can copy, add comments to, and optimize for Firefox, Opera, Explorer, and Webkit.
Discover the handy and time-saving Common Library, a set of pre-created graphics and images that you can bring into your design, including iphone graphics, Windows Phone 7 graphics, Mac and Windows graphics and more.
The Flash Professional interface contains a variety of useful panels and other structures that allow you to work effectively within the program. This lesson provides an overview of the most important and useful elements of the application interface.
Like most Adobe Creative Suite applications, Flash Professional will present you with a Welcome screen when the application is initialized, giving you quick access to a number of common tasks. This lesson looks at the options available in the Welcome screen.
The main menu bar in Flash Professional is full of options and commands that can help you work effectively. This lesson takes a look at the main menu, focusing on commonly used functionality.
The Toolbar in Flash Professional gives you quick access to the essential tools in the application. This lesson will provide an overview of what these are and what they do.
The Stage and accompanying work area in Flash Professional are where all of the visual creation, manipulation, and animation take place. This lesson demonstrates the differences between these two features and looks at properties associated with the Stage.
Leverage a new extension (available separately) to create interactive HTML5 content by building on core animation and drawing capabilities in Flash Professional. Export as JavaScript to target the CreateJS open source framework.
This tutorial demonstrates in detail how to generate a Flash sprite sheet from items on the Stage. Learn how to add multiple symbols or bitmaps images to a sprite sheet. Also learn about the effect the layout and output format of the sprite sheet has.
Simulating mobile content with the new Content Simulator
The new Content Simulator allows you to effectively simulate how your Flash content is going to behave on a mobile device. This video demonstrates simulation of events specific to mobile, such as touch and drag, geolocation, and reacting to the accelerometer.
Flash Technology: Better Games, More Easily, For More People
Game developers talk about why they love developing games in Flash: easy workflow, maximum exposure, rapid prototyping, ubiquity of experience across devices, Stage 3D, graphics acceleration, and the ability to distribute to multiple platforms.
This video looks at the PhoneGap Build Service panel in Dreamweaver CS6, which uploads your files to an online service that generates the native app files for different mobile operating systems.
Learn web design, production, and digital communication from how-to information, subject experts, and tutorials. For more on teaching these skills, see the free Adobe Digital Design curriculum on adobe.com/education.
