New CSS features in Dreamweaver CS5

Products Covered:

Save

Translations

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
Getting Started in Dreamweaver CS5 and CS5.5
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: 345,724	00:03:23
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: 252,192	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: 175,261	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: 143,168	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: 103,784	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: 92,106	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: 80,932	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: 64,590	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: 52,005	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: 40,278	00:07:58
What's New in Dreamweaver CS5
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: 118,169	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: 43,416	00:06:21
Site-specific code hinting in Dreamweaver CS5 Site-specific code hinting in Dreamweaver CS5 Use Dreamweaver CS5 to view code hints related to content management system frameworks such as WordPress, Drupal, and Joomla. Learn how to set up site-specific code hinting for a CMS so you can easily work with your PHP website in Dreamweaver. Runtime: 00:05:24 Added: April 30, 2010 Views: 17,434	00:05:24
Using PHP code hinting in Dreamweaver CS5 Using PHP code hinting in Dreamweaver CS5 Learn how easy it is to create PHP code by using some of the new code-hinting features in Dreamweaver CS5 Runtime: 00:06:55 Added: May 16, 2010 Views: 29,537	00:06:55
What's New in Dreamweaver CS5.5
Enhanced HTML5 Capabilities in CS5.5 Enhanced HTML5 Capabilities in CS5.5 In this Adobe Dreamweaver CS5.5 tutorial, Greg Rewis shows you how to use HTML5 to efficiently create web and mobile experiences. Runtime: 00:07:29 Added: April 10, 2011 Views: 34,635	00:07:29
Updated Support for CSS3 Updated Support for CSS3 In this Adobe Dreamweaver CS5.5 tutorial, Greg Rewis will review the updated CSS3 support and how you can start using it to enhance your sites and projects. Runtime: 00:16:06 Added: April 10, 2011 Views: 19,488	00:16:06
Multiscreen preview Multiscreen preview Preview web pages for phone, tablet, and desktop resolutions directly in Dreamweaver. Runtime: 00:05:30 Added: July 18, 2011 Views: 7,410	00:05:30
Explore How to Use jQuery to Make Designing for Mo... Explore How to Use jQuery to Make Designing for Mobile More Efficient In this video, Greg Rewis shows how Dreamweaver CS 5.5's support for jQuery Mobile projects. Built upon the wildly popular jQuery JavaScript framework, jQuery Mobile lets web designers and developers build mobile application interfaces quickly and consistently. Runtime: 00:08:57 Added: April 10, 2011 Views: 19,812	00:08:57
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: 65,500	00:11:43
Widget browser updates Widget browser updates Learn to import and export presets using the Adobe Widget Browser. Drag and drop widgets from the Widget Browser directly into Dreamweaver. Runtime: 00:04:59 Added: July 18, 2011 Views: 5,209	00:04:59
Using Adobe BrowserLab with Dreamweaver Using Adobe BrowserLab with Dreamweaver Ensure cross-browser site compatibility with Adobe BrowserLab. Preview and compare page design screenshots individually or in grouped Browser Sets. Explore the Browser Lab interface and its features. Runtime: 00:09:46 Added: April 30, 2010 Views: 14,595	00:09:46
Working with CMS frameworks Working with CMS frameworks Explore Dreamweaver CS5's enhanced integration tools for Content Management Systems, such as Wordpress, Drupal, and Joomla. Quickly access, edit and filter dynamically-related files by using the Live View feature and site-specific code hinting. Runtime: 00:11:52 Added: April 30, 2010 Views: 60,944	00:11:52
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: 20,486	00:04:07
Working with Subversion and Dreamweaver Working with Subversion and Dreamweaver Learn how to use Subversion--an open-source version control system--and Dreamweaver CS5. Learn how to work with multiple versions of a web page and how to decide which version to make live at any time. An associated PDF offers troubleshooting tips. Runtime: 00:04:28 Added: April 30, 2010 Views: 12,649	00:04:28