Optimizing images

Show:

Learn Dreamweaver CC

Products Covered:

Save

Translations

Was this episode helpful?

Yes No

About This Episode

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.

James Williamson

Produced By

lynda.com

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
Inserting an Edge Animate Project into Dreamweaver Inserting an Edge Animate Project into Dreamweaver Learn more about the close integration between Adobe Edge Animate and Dreamweaver in this video, which shows you how easy it is to import an animation into a web page. Runtime: 00:07:29 Added: June 19, 2013 Views: 9	00:07:29
Understanding the Insert Panel and Menu Reorganiza... Understanding the Insert Panel and Menu Reorganization This video reviews the reorganization of the Insert panel and Insert menu in the Dreamweaver CC update, which removed lesser-used items to make room for HTML5 elements including semantic tags and multimedia. Runtime: 00:07:53 Added: June 19, 2013 Views: 5	00:07:53
Understanding Links Understanding Links This video helps you understand how links in web pages work, which is essential to understand before you start to create links in Dreamweaver. Runtime: 00:03:14 Added: June 18, 2013 Views: 4	00:03:14
Previewing Web Pages Previewing Web Pages This lesson shows you different ways to preview web pages in the Dreamweaver workspace, which lets you preview your web pages in different browsers and on different devices. Runtime: 00:07:46 Added: June 18, 2013 Views: 2	00:07:46
Creating a New Web Page and Adding Meta Informatio... Creating a New Web Page and Adding Meta Information This video shows you how to create web pages from scratch and add some basic descriptive meta information. Runtime: 00:10:58 Added: June 18, 2013 Views: 5	00:10:58
Creating Links Creating Links This lesson shows you different ways to create links on a web page using Dreamweaver. Runtime: 00:05:56 Added: June 18, 2013 Views: 1	00:05:56
What is Dreamweaver? What is Dreamweaver? Get an overview of Dreamweaver, a full-featured tool for web designers and developers to create websites and mobile applications using HTML, CSS, and JavaScript. Presented by Justin Seeley. Learn more from full courses at Lynda.com. Runtime: 00:01:08 Added: May 06, 2013 Views: 2,772	00:01:08
What is new in Dreamweaver CC
Create fluid, responsive web pages in Dreamweaver Create fluid, responsive web pages in Dreamweaver Learn how to use Dreamweaver's Fluid Grid layout to create a responsive web design that adapts to different screen sizes. Taken from Train Simple's Dreamweaver Training Runtime: 00:10:39 Added: May 06, 2013 Views: 6,482	00:10:39
Add style to web pages with CSS in Dreamweaver Add style to web pages with CSS in Dreamweaver Designers and developers can work more efficently inside of Deamweaver using the CSS Designer panel. Taken from Train Simple's Dreamweaver Training Runtime: 00:04:32 Added: May 06, 2013 Views: 2,482	00:04:32
Apply Edge web fonts to text in web pages Apply Edge web fonts to text in web pages Learn how to integrate fonts from the Edge Web Font service into your web pages in Dreamweaver. Taken from Train Simple's Dreamweaver Training Runtime: 00:03:48 Added: May 06, 2013 Views: 1,242	00:03:48
Using jQuery widgets in web pages in Dreamweaver Using jQuery widgets in web pages in Dreamweaver Learn to use jQuery Widgets inside of Dreamweaver. Taken from Train Simple's Dreamweaver Training Runtime: 00:03:20 Added: May 06, 2013 Views: 3,705	00:03:20
User interface fundamentals
Understanding WYSIWYG HTML Editors Understanding WYSIWYG HTML Editors 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. Runtime: 00:00:71 Added: May 06, 2012 Views: 90,189	00:00:71
Using the Property Inspector Using the Property Inspector Learn to use the Property Inspector, one of the most important panels in Dreamweaver. It provides context-sensitive access to the most commonly used HTML attributes. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:07:41 Added: May 06, 2013 Views: 227	00:07:41
Working with sites
Defining a site in Dreamweaver Defining a site in Dreamweaver Learn how to define a site in Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:05:44 Added: May 06, 2013 Views: 381	00:05:44
Working with files Working with files Learn about managing files (such as renaming and moving them) in Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:02:57 Added: May 06, 2013 Views: 495	00:02:57
Working with a remote site Working with a remote site Learn to set up a remote site in Dreamweaver, which you'll use to publish your website. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:07:40 Added: May 06, 2013 Views: 170	00:07:40
Publishing your site files Publishing your site files Learn about synchronizing, uploading, and downloading files between your local and remote sites in Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:06:23 Added: May 06, 2013 Views: 177	00:06:23
Creating a mobile app
Packaging an App with PhoneGap Build Packaging an App with PhoneGap Build 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. Runtime: 00:08:39 Added: May 14, 2012 Views: 15,399	00:08:39
Working with content
Adding and editing text Adding and editing text Learn about adding basic text structures in Design view in Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:08:38 Added: May 06, 2013 Views: 198	00:08:38
Creating bulleted and numbered lists Creating bulleted and numbered lists Learn how to create bulleted lists and numbered lists in Design view in Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:07:20 Added: May 06, 2013 Views: 122	00:07:20
Adding images Adding images Learn how to add images to a web page in Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:07:27 Added: May 06, 2013 Views: 327	00:07:27
Optimizing images Optimizing images 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. Runtime: 00:11:07 Added: May 06, 2012 Views: 34,789	00:11:07
Inserting HTML5 Video Inserting HTML5 Video Dreamweaver now has greatly improved support for HTML5 video, enabling it to automatically detect video files in different formats, as you'll see in this video. Runtime: 00:06:53 Added: December 13, 2012 Views: 12,304	00:06:53
Working with CSS
Adding HTML structure for styling Adding HTML structure for styling Learn about preparing your HTML content to be styled with CSS by using div tags and ids to group together HTML elements and give a web page structure. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:08:37 Added: May 06, 2013 Views: 462	00:08:37
Selecting multiple classes Selecting multiple classes 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. Runtime: 00:05:58 Added: May 06, 2012 Views: 15,922	00:05:58
Coding in Dreamweaver
The Code View Toolbar The Code View Toolbar Andy Anderson gives you a practical insight into the Dreamweaver Code View Toolbar and what each of the functions do, a great workflow video that's sure to increase your productivity. Runtime: 00:11:01 Added: May 06, 2013 Views: 111	00:11:01
Adding interactivity
Using the CSS Transitions panel Using the CSS Transitions panel 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. Runtime: 00:08:46 Added: May 06, 2012 Views: 127,652	00:08:46
Working with tables
Inserting a table Inserting a table Learn how to insert a table into a web page using Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:09:42 Added: May 06, 2013 Views: 198	00:09:42
Modifying a table Modifying a table Learn how to modify many parts of a table in a web page using Dreamweaver. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:05:03 Added: May 06, 2013 Views: 205	00:05:03
Splitting and merging table cells Splitting and merging table cells Continue learning about working with tables in Dreamweaver, focusing on how to split and merge cells. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers. Runtime: 00:04:26 Added: May 06, 2013 Views: 318	00:04:26
Creating a form
HTML5 forms workflow HTML5 forms workflow Learn the basic workflow for creating a form with HTML5 form elements and attributes in Dreamweaver. Runtime: 00:07:52 Added: December 12, 2012 Views: 10,690	00:07:52