New CSS features in Dreamweaver CS5

Show:

Digital Design CS5

Products Covered:

Save

Translations

Was this episode helpful?

Yes No

About This Episode

Dreamweaver CS5 advances the process of building CSS-based, standards-compliant sites with three new key features: CSS starter layouts, CSS inspection, and CSS enable/disable.

Download sample files

Presented By

Brian Wood

A Community Help Contribution

created and shared by a member of the Adobe Community

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
Starter Layouts Starter Layouts In this video you will learn about starter layouts in Dreamweaver CS5. Runtime: 00:05:23 Added: September 23, 2010 Views: 15,989	00:05:23
Altering the Curve of a Motion Altering the Curve of a Motion In this video you will learn about altering the curve of a motion in Flash CS5. Runtime: 00:03:33 Added: September 23, 2010 Views: 6,193	00:03:33
Using the Deco Tool Using the Deco Tool In this video you will learn about content aware scaling in Flash CS5. Runtime: 00:04:13 Added: September 23, 2010 Views: 3,530	00:04:13
Video Improvements in Adobe Flash CS5 Video Improvements in Adobe Flash CS5 Now you can play video right on the stage in Flash CS5, allowing for great control. Combine that with easy-to-use cue points and new skins and you’ll quickly realize video has never been easier. Runtime: 00:08:12 Added: August 17, 2010 Views: 6,101	00:08:12
Text Layout Framework Text Layout Framework Join trainer Paul Trani as he demonstrates some of the new text layout features in Flash Professional CS5. Runtime: 00:10:37 Added: July 22, 2010 Views: 3,900	00:10:37
Spring for Bones Spring for Bones In this video Paul will show you how to not only use inverse kinematics in Flash, but also how to make movement feel more lifelike by giving it some natural springiness. Runtime: 00:04:29 Added: July 22, 2010 Views: 7,823	00:04:29
Actionscript Editor in Flash Professional CS5 Actionscript Editor in Flash Professional CS5 Join trainer Paul Trani as he shows off new features in Flash Professional CS5's Actionscript editor. Features like custom class code hinting and code completion, as well as automatic writing of the import statement for libraries will help streamline your workflow. Runtime: 00:10:10 Added: June 14, 2010 Views: 10,174	00:10:10
Actionscript Code Snippets in Flash Professional C... Actionscript Code Snippets in Flash Professional CS5 In this episode, trainer Paul Trani shows off one of his favorite features in Flash Professional CS5: Actionscript Code Snippets. He'll show you how to use and modify existing snippets to quickly add functionality to your project, as well as creating and saving your own snippets for later use. Runtime: 00:11:01 Added: June 09, 2010 Views: 7,967	00:11:01
Getting Started (GS): What is Flash Professional C... Getting Started (GS): What is Flash Professional CS5? Learn about Flash CS5, the industry-standard tool for creating interactive, rich media content, including animation and applications for the web, the desktop, and even mobile devices. Runtime: 00:00:59 Added: April 30, 2010 Views: 168,477	00:00:59
GS-01: Understanding the Flash environment GS-01: Understanding the Flash environment Learn about the basics of the workspace in Flash CS5, including the Stage, the Timeline, panels, and the Tools panel. Runtime: 00:01:12 Added: April 30, 2010 Views: 100,629	00:01:12
GS-02: Understanding frames and keyframes GS-02: Understanding frames and keyframes Learn how to tell the difference between frames, keyframes, and blank keyframes by using visual cues on the Timeline. Learn what each type of frame in the Timeline indicates about the contents of the Stage. Runtime: 00:02:54 Added: April 30, 2010 Views: 92,264	00:02:54
GS-03: Understanding the Library panel GS-03: Understanding the Library panel Learn to use the library to organize the reusable assets in your file. Preview, sort, and organize assets into folders in the Library panel. Switch between the libraries of open files and re-use assets between files. Runtime: 00:03:57 Added: April 30, 2010 Views: 52,945	00:03:57
GS-04: Using symbols GS-04: Using symbols Optimize the file size and performance of your Flash applications by using symbols in the Library panel. Runtime: 00:02:40 Added: April 30, 2010 Views: 50,858	00:02:40
GS-05: Nesting Symbols GS-05: Nesting Symbols Place one symbol inside another by using a technique in Flash called nesting. Learn to create nested symbols, drag instances from the library, edit artwork in Symbol Editing mode, and use the breadcrumb trail to navigate back to the main Timeline. Runtime: 00:01:37 Added: April 30, 2010 Views: 38,689	00:01:37
GS-06: Understanding movie clips GS-06: Understanding movie clips Convert any piece of artwork into a movie clip symbol. Learn the differences between movie clips and other types of symbols. Understand the relationship between a movie clip and the main Timeline. Runtime: 00:02:16 Added: April 30, 2010 Views: 55,558	00:02:16
GS-07: Understanding object and merge drawing GS-07: Understanding object and merge drawing Understand the differences between the object and merge drawing modes in Flash. Toggle between the two modes when creating shapes, make shape selections, and convert drawing objects to merge. Runtime: 00:03:30 Added: April 30, 2010 Views: 36,988	00:03:30
GS-08: Distributing Stage contents to layers GS-08: Distributing Stage contents to layers Layers allow you to organize the contents of the Stage from front to back. Objects on a layer can be shown, hidden, edited, or moved at the same time. Move objects into layers by using the Distribute To Layers command. Runtime: 00:01:42 Added: April 30, 2010 Views: 26,768	00:01:42
GS-09: Creating a motion tween GS-09: Creating a motion tween Animate a symbol by applying a motion tween to the Timeline. Extend the duration of an animation by adding frames. Position the symbol to define the start point and end point of the motion tween. Runtime: 00:02:31 Added: April 30, 2010 Views: 79,483	00:02:31
GS-10: Introducing the Text Layout Framework GS-10: Introducing the Text Layout Framework Flash CS5 introduces a new text layout engine, the Text Layout Framework (TLF), which enables highly flexible and customizable text display. Set up a document to use the TLF engine. Learn about the three different types of TLF text. Runtime: 00:02:01 Added: April 30, 2010 Views: 23,803	00:02:01
GS-11: Using the Text tool to create TLF text GS-11: Using the Text tool to create TLF text Use the Text tool to create text with the Text Layout Framework (TLF). Adjust a wide range of text settings, such as casing, justification, padding, and alignment in the Property inspector. Runtime: 00:06:04 Added: April 30, 2010 Views: 20,606	00:06:04
GS-12: Creating button symbols GS-12: Creating button symbols Create a button symbol from text, a bitmap image, or a vector shape. Define keyframes for the up, over, down, and hit states of the button, and swap out the artwork for the different states. Runtime: 00:02:42 Added: April 30, 2010 Views: 46,461	00:02:42
GS-13: Understanding Publishing in Flash GS-13: Understanding Publishing in Flash Learn to publish an application you've created. Use the Flash Publish settings to adjust how the file is published. Runtime: 00:01:42 Added: May 04, 2010 Views: 21,507	00:01:42
Getting Started (GS): What is Dreamweaver CS5? Getting Started (GS): What is Dreamweaver CS5? Learn about using Dreamweaver CS5 to design, develop, and deploy websites. The benefits of Dreamweaver include its visual workflow, advanced site management capabilities, and support for technologies such as JavaScript, PHP, and XML. Runtime: 00:03:23 Added: April 30, 2010 Views: 398,181	00:03:23
Simplified site setup in Dreamweaver CS5 Simplified site setup in Dreamweaver CS5 Site setup in Dreamweaver CS5 is simple, quick, and efficient. Learn how easy it is to set up a local Dreamweaver site by using the Site Setup dialog box so you can get started right away. Runtime: 00:05:43 Added: April 30, 2010 Views: 143,383	00:05:43
New CSS features in Dreamweaver CS5 New CSS features in Dreamweaver CS5 Dreamweaver CS5 advances the process of building CSS-based, standards-compliant sites with three new key features: CSS starter layouts, CSS inspection, and CSS enable/disable. Runtime: 00:06:21 Added: April 30, 2010 Views: 50,595	00:06:21
GS-01: Defining a new site GS-01: Defining a new site Start a new project in Dreamweaver CS5 by defining a new site, which activates Dreamweaver's ability to resolve links, check related files, and manage assets. Establish a root directory and name the site in the Site Setup dialog box. Runtime: 00:04:42 Added: April 30, 2010 Views: 291,758	00:04:42
GS-02: Creating new documents GS-02: Creating new documents Create new web pages quickly by using the default document preferences defined for your site, or customize a new page by using the New Document dialog box. Runtime: 00:05:23 Added: April 30, 2010 Views: 200,252	00:05:23
GS-03: Adding structure to text GS-03: Adding structure to text Use Dreamweaver's Code view and the Property inspector to add formatting to your content as you type, ensuring the structural integrity of your page’s HTML. Runtime: 00:08:36 Added: April 30, 2010 Views: 165,004	00:08:36
GS-04: Managing assets in Dreamweaver GS-04: Managing assets in Dreamweaver Use the Assets panel to manage images, movies, scripts, and other files related to your website. Preview assets, filter assets by using the panel categories, locate assets embedded within a site, and organize assets by using folders and favorites. Runtime: 00:13:13 Added: April 30, 2010 Views: 119,506	00:13:13
GS-05: Placing images on the page GS-05: Placing images on the page Explore different techniques in Dreamweaver CS5 for adding images and artwork to your website. Use the Insert menu or the Common category of the Insert panel to select and insert an image, or drag and drop images from the Files or Assets panels. Runtime: 00:07:44 Added: April 30, 2010 Views: 111,384	00:07:44
GS-06: Creating links in Dreamweaver GS-06: Creating links in Dreamweaver Create links from text, images, and other elements on a web page by using various techniques in Dreamweaver CS5. Learn how to set the link text, a link title for accessibility, link target, and destination. Runtime: 00:11:10 Added: April 30, 2010 Views: 100,708	00:11:10
GS-07: Understanding style sheets GS-07: Understanding style sheets Learn the benefits of cascading style sheets—collections of formatting attributes applied to a single element, a whole page, or an entire website. Distinguish between external and internal styles and learn how CSS makes your website more efficient. Runtime: 00:02:23 Added: April 30, 2010 Views: 74,962	00:02:23
GS-08: Controlling CSS from the Property inspector GS-08: Controlling CSS from the Property inspector Perform CSS-related tasks directly from the Property inspector, without having to go the CSS Styles panel. Style font, font size, color, and more for any existing targeted rule. Runtime: 00:05:21 Added: April 30, 2010 Views: 60,133	00:05:21
GS-09: Using Live view and CSS Inspect GS-09: Using Live view and CSS Inspect Focus on specific content regions and make precise edits to a web page with Dreamweaver's Live view and CSS Inspect. Make changes to your style sheets and preview the results without leaving the application. Runtime: 00:07:58 Added: April 30, 2010 Views: 46,618	00:07:58
Using the Widget Browser Using the Widget Browser Add site functionality with ease by using the new Widget Browser. Set up and install the Widget Browser, explore Adobe Exchange, Adobe's new community-based online resource for widgets, and see a sample integration of a slideshow widget. Runtime: 00:11:43 Added: April 30, 2010 Views: 78,015	00:11:43
Dreamweaver CS5 - CSS Inspect Dreamweaver CS5 - CSS Inspect In this episode we’ll look at Dreamweaver CS5’s new CSS Inspect feature - which helps you deeply visualize and edit your CSS layout structure by just moving your mouse in Live View. Runtime: 00:02:08 Added: April 26, 2010 Views: 246,806	00:02:08
Dreamweaver CS5 - CSS Enable/Disable Dreamweaver CS5 - CSS Enable/Disable Dreamweaver CS5’s new CSS Enable/Disable feature helps you experiment quickly with CSS-based layouts and designs. Runtime: 00:01:41 Added: April 26, 2010 Views: 107,507	00:01:41
Dreamweaver CS5 - BrowserLab Integration Dreamweaver CS5 - BrowserLab Integration Adobe BrowserLab is a great way to visualize your designs across popular browsers and operating systems. With Dreamweaver CS5’s BrowserLab integration, you can even preview interactive states of your sites and applications! Runtime: 00:03:04 Added: April 26, 2010 Views: 95,915	00:03:04
Dreamweaver CS5 - Live View Navigation Dreamweaver CS5 - Live View Navigation With Dreamweaver CS5’s new Live View Navigation, you can navigate Live View right to a specific dynamic ‘view’ of a web application, and then work with it’s CSS properties in real time. Designing dynamic applications has never been easier! Runtime: 00:02:34 Added: April 26, 2010 Views: 171,875	00:02:34
Dreamweaver CS5 - Dynamically-Related Files Dreamweaver CS5 - Dynamically-Related Files You can now design dynamic PHP applications like WordPress, Drupal and Joomla within Dreamweaver CS5. Dynamically-related files helps make quick sense of the variety of code assets that you’ll need to navigate on these applications. Runtime: 00:02:29 Added: April 26, 2010 Views: 161,042	00:02:29
Getting Started (GS): What is Fireworks CS5? Getting Started (GS): What is Fireworks CS5? Web and application designers use Fireworks to optimize graphics, create polished text documents, add interactivity to prototypes, preview prototypes in mobile device emulators, and export to Flash Catalyst. Runtime: 00:02:06 Added: April 30, 2010 Views: 54,894	00:02:06
Using the new integration with Device Central Using the new integration with Device Central Test display of Fireworks documents in various mobile devices by using mobile device emulators in Device Central. Runtime: 00:04:07 Added: April 30, 2010 Views: 23,893	00:04:07
Exporting pages and objects as FXG files Exporting pages and objects as FXG files Export Fireworks CS5 documents as FXG files for use in other applications, such as Flash Catalyst. Runtime: 00:05:49 Added: April 30, 2010 Views: 11,589	00:05:49
Dreamweaver Overview Dreamweaver Overview Review of the Dynamically Related Files and Live ViewNavigation - CSS improvements and CSS Inspection, CSS Enable/Disable Runtime: 00:27:51 Added: March 01, 2010 Views: 105,995	00:27:51
Top 3 Features in Dreamweaver CS5 Top 3 Features in Dreamweaver CS5 Learn about new Dreamweaver CS5 features such as CSS Inspect Mode, Live View Navigation and Dynamically Related Files. Runtime: 00:07:21 Added: April 12, 2010 Views: 57,059	00:07:21
Flash Professional CS5 Overview Flash Professional CS5 Overview Join Web Premium evangelist Greg Rewis as he runs through some of the exciting new features found in Flash Professional CS5. Runtime: 00:39:09 Added: April 15, 2010 Views: 59,436	00:39:09
The Top 3 Features of Flash Professional The Top 3 Features of Flash Professional Learn the Top 3 Features of Flash Professional CS5. Includes the Flash Text Engine, new Text Layout Panels, iPhone App Development, streamlined workflow with FXG support and the ability to import between the Flash tools, Photoshop and Illustrator. (We know that sounds like more than 3) Runtime: 00:04:46 Added: April 12, 2010 Views: 32,567	00:04:46
Creating Interactive Web Experiences with Flash Creating Interactive Web Experiences with Flash See how the integration of the Flash family of tools in CS5 Web Premium works for the interaction designer and the web application developer. Runtime: 00:08:50 Added: April 12, 2010 Views: 56,730	00:08:50
Content Aware Fill (Part 1) Content Aware Fill (Part 1) Join Russell Brown as he shows you how to use Content Aware Fill, just one of the great new Photoshop features in Adobe Photoshop CS5. Runtime: 00:06:27 Added: April 11, 2010 Views: 103,803	00:06:27
Content Aware Fill (Part 2) Content Aware Fill (Part 2) Join Russell Brown as he continues to talk about the benefits of Adobe Photoshop CS5's new Content Aware Fill feature and how to get the best results from it. Runtime: 00:06:22 Added: May 04, 2010 Views: 37,353	00:06:22

Suggested Episodes

Next episode in this show

GS-01: Defining a new site

Digital Design CS5

Products Covered:

Other Suggested Episodes

Valistika Barcelona: Gravity Index Site

Companion Videos for Inspire Magazine

Products Covered:

Enhanced JQuery Support

Creative Cloud for Web

Products Covered:

Building Mobile Apps

Creative Cloud for Web

Products Covered:

CSS Designer: Setting Gradients

Companion Videos for Inspire Magazine

Products Covered:

CSS Designer: Setting Drop Shadows

Companion Videos for Inspire Magazine

Products Covered:

Products used in this episode

Dreamweaver

Try Buy Learn More Help & Support

Related Shows

Digital Design CS4

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.

Recent Episodes

Editing a Dreamweaver Web Graphic...