Optimizing images | Learn Dreamweaver CS6 | Adobe TV

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.
http://adobe.ly/IUFnwT

warlock7,
I tested this out in Dreamweaver CS6, but in all cases the drag-and-drop was functioning properly.
If you create a new document using one of the included layouts (e.g. 3-column liquid) and insert an image in it, are you able to drag it around?

Similar Messages

Designing with web fonts | Learn Dreamweaver CS6 | Adobe TV

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.
http://adobe.ly/IUFnwR

I've been wondering for ages why DW doesn't just show my web fonts in Design View, and now I'm none the wiser. Why doesn't Design View look at your fonts (not your system fonts, your folder fonts) and display them?
With Font Squirrel you don't even need to / or shouldn't even need to go through that rather bizarre "global" Web Fonts dialog. DW should just look at your fonts folder and work out it needs to display the fonts.
I'd give this first generation attempt 1/10.

Using Fluid Grid layouts | Learn Dreamweaver CS6 | Adobe TV

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.
http://adobe.ly/IUFngo

Although the whole fluid grid layout feature suffers from a terrible implementation, this video explains what is needed to understand, and warns very well for all the strange culprits in this feature.
It takes time for most designers to get used to the idea of fluidity in a visual representation of information, and let structural building blocks flow according to alternating views and rules. Let's hope Adobe Edge Reflow helps us doing that in a better, faster way.

Inserting HTML5 Video Content | Learn Dreamweaver CS6 | Adobe TV

In this video you'll find out how easy it is to insert video content into an HTML5-based web page in Adobe Dreamweaver CS6.
http://adobe.ly/L1gjUW

I can't get this player to work in the native mobile app template. I just get the endless ring of death when I build the site as a native android app. The file size is a small 8mb h.264 and is only one page with just one video. Can somebody help?

Using the CSS Transitions panel | Learn Dreamweaver CS6 | Adobe TV

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.
http://adobe.ly/Jo2HUM

Painful. WAY WAY WAY too much extranious detail, wastes a lot of time explaining the obvious. this could be 1/2 the length and far better by just going thru the details that REALLY matter, not the million options explanations side trips that confuse the basic info / workflow being presented.

Enhanced jQuery mobile support | Learn Dreamweaver CS6 | Adobe TV

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.
http://adobe.ly/IUFk4h

How do I get that toolbar that's used at 4:57 to grab a jQuery button? Can't for the life of me figure out where it is. I know how to insert the object from Insert > jQuery Mobile, but the toolbar'd be cool for a jQuery-based workspace.

Trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit).

Hi guys i need help! I have trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit). I uninstalled and went to preferences/file types editors to set up ps6 as primary but I still get some error.After i click image in dreamweaver,I get this message-Unable to launch...Please be sure that application exists and that there is enough memory to run it..

Can you Launch Photoshop normally from your desktop shortcuts?
I usually keep DW and PS open at all times so I can switch back & forth.
Nancy O.

How to make slide images with Dreamweaver CS6?

How to make slide images with Dreamweaver CS6? Please teach me.

Hello
in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
http://sandbox.scriptiny.com/javascript-slideshow/
http://jquery.malsup.com/cycle/
http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
http://www.jcoverflip.com/demo
http://www.jacksasylum.eu/ContentFlow/
http://addyosmani.com/blog/jqueryuicoverflow/
You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
Hans-Günter

Placing an Image in Dreamweaver CS6 and Mavericks

To place an image in a web page, I have always been able to drag the file (say jpeg) from the Macintosh Finder and drop it into the web page. I'm using Dreamweaver CS6 and it worked fine with Lion, but stopped working with Mavericks. Can anyone tell me how to turn this capability back on?

No image is placed. Nothing blows up. And I can't find a preference setting to turn this on. It's a mystery to me why this is happening.
I write software for the Mac (WildTools) so I'm pretty good at debugging things, but this has be stumped.

Saving Images in Dreamweaver CS6

I have imported a menu that I created in Fireworks CS6, into dreamweaver cs6, I save to the remote server and you can't see anything.
Same thing with Bridge CS6. I create a slideshow and import into dreamweaver cs6 and still nothing. Or I will simply put a jpeg or png picture file and the image won't show. Please help
I just need to know how to save the different images/menu bars in dreamweaver cs6 to the remote server, and I would like it to show online automatically. What do I do
www.uniquehairytage.com   (this is one of the sites I am talking about)

I can only assume that it's the dodgy code that exports from Fireworks because your images are uploaded and in the correct place.
Can you copy all of the code below and paste it into a new Dreamweaver document (you'll have to open code view to do this) save it as test.html and upload it to your remote server and then look at it in a browser and see what happens?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unique Hairytage</title>
<style type="text/css">
.UNDER {
    color: #FFF;
    font-size: 36px;
.F {
    text-align: center;
.F {
    color: #FFF;
.F {
    font-size: 36px;
.F {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
.F {
    font-family: Georgia, "Times New Roman", Times, serif;
.if {
    font-size: 24px;
.tab {
    font-family: Georgia, "Times New Roman", Times, serif;
.if {
    font-size: 24px;
.tab {
    color: #FFF;
.if {
    text-align: center;
.if {
    text-align: center;
.t {
    font-size: 24px;
.p {
    color: #000;
.t {
    font-size: 24px;
.web {
    font-size: 36px;
.full {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #633;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body bgcolor="#CCCCCC" onload="MM_preloadImages('BrandyMenu_r2_c1_s2.png','BrandyMenu_r1_c1_s2.jpg','BrandyMenu_ r1_c2_s2.jpg','BrandyMenu_r1_c3_s2.jpg','BrandyMenu_r1_c4_s2.jpg')">
<p class="full"> </p>
<table width="1052" cellpadding="0" cellspacing="0" border="0" bgcolor="#fff" style="margin: 0 auto;">
<tr>
<td>
<p><img src="http://www.uniquehairytage.com/Untitled-2.png" width="1052" height="93" /></p>
</td>
</tr>
<tr>
<td>
Delete this text - its just proping open a table cell
</td>
</tr>
<tr>
<td><table width="420" cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<tr>
<td><a href="http://www.uniquehairytage.com/home.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c1','','BrandyMenu_r1_c1_s2.jpg',1);"><img name="BrandyMenu_r1_c1" src="http://www.uniquehairytage.com/BrandyMenu_r1_c1.jpg" width="105" height="38" id="BrandyMenu_r1_c1" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c2','','BrandyMenu_r1_c2_s2.jpg',1);"><img name="BrandyMenu_r1_c2" src="http://www.uniquehairytage.com/BrandyMenu_r1_c2.jpg" width="128" height="38" id="BrandyMenu_r1_c2" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c3','','BrandyMenu_r1_c3_s2.jpg',1);"><img name="BrandyMenu_r1_c3" src="http://www.uniquehairytage.com/BrandyMenu_r1_c3.jpg" width="150" height="38" id="BrandyMenu_r1_c3" alt="" /></a></td>
<td><a href="http://www.uniquehairytage.com/contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BrandyMenu_r1_c4','','BrandyMenu_r1_c4_s2.jpg',1);"><img name="BrandyMenu_r1_c4" src="http://www.uniquehairytage.com/BrandyMenu_r1_c4.jpg" width="128" height="38" id="BrandyMenu_r1_c4" alt="" /></a></td>
</tr>
</table></td>
</tr>
</table>
<table width="1052" height="217" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#FFFFFF"><p> </p>
<p> </p>
<p align="center"><span class="full">FULL SERVICE HAIR STYLIST</span></p>
<table width="753" border="0" align="center">
<tr>
<td width="296"><img src="http://i339.photobucket.com/albums/n457/scervantes-01/Brandypic.jpg" width="296" height="481" /></td>
<td width="447" align="center" valign="top"><p class="tab"> </p>
<p> </p>
<p class="tab"> </p>
<p class="t"> </p>
<p align="center" class="t">530-415-5524</p>
<p align="center" class="tab"><a href="mailto:[email protected]" class="t">[email protected]</a></p>
<p class="tab"></p></td>
</tr>
</table></td></tr>
</table>
</body>

Cropping Images with Clipping Masks | Learn Illustrator CS6 | Adobe TV

In this video you will learn a quick and easy method for cropping images in Adobe Illustrator CS6 and CS5. Using clipping masks allows you to retain the area of the image you cropped out as well as modify the clipping path later on.
http://adobe.ly/V8tW7S

Is there a way to make a clipping mask for a many-layered image without collapsing all the layers? I'd love to keep my image as is (it's quite complex), I just want to crop the entire thing.
thanks!

Cropping Images with Opacity Masks | Learn Illustrator CS6 | Adobe TV

In this video you will learn a versatile method for cropping images in Adobe Illustrator CS6 and CS5. Using opacity masks allows you to retain the area of the image you cropped out, modify the clipping path later, and use complex blending modes, transparencies, and knockout groups.
http://adobe.ly/V8tTZD

Firstly great tutorial.
Anyway I initially started a thread in the forums which lead me here regarding the use of opacity masks, I'm having real problems finding a solution to my specific problem.
I've got 2 issues I'm trying to solve, the first is how do I show just a portion an object above another even though it sits in a layer behind.
The second is I have an object with a linear gradient applied and I want to add yet another gradient just to a certain part of that object in order to make it fade out in a certain way.
I've spent hours pouring through the help topics but nothing seems to fit my exact problem, sorry for asking questions here but I'm really stumped and I think an opacity mask would do the trick, I'm just not sure how to execute it.
Thanks heaps.
http://forums.adobe.com/message/5125695#5125695

Stretched images inside DreamWeaver CS6

Hello. I'm a newbie to this forum. Hope someone can help me out there. Just upgraded from CS3 to CS6 and noticed my images are stretched inside DreamWeaver.

When you select one of these images in DW's Design view, and look at the property inspector, do you see the height/width values in bold type with an array of icons to the right (see image)?
If so, just click on the middle icon to reset the dimensions to the native image size. Somehow during the change to CS6, these images were resized in design view. This will reverse that.

Auto Corrections | Learn Photoshop CS6 | Adobe TV

Photoshop CS6 has been vastly improved to speed up your workflow. In improving Auto corrections, your images are now processed faster, giving you more time to experiment and be creative.
http://adobe.ly/JXWsEv

Sorry, but I find Corey Barker speaks much, much too fast to follow adequately. Also, why are we looking at his face? At one point he is saying "if you go to the preferences...", etc, but it is never clear where he means as the camera is on him instead of the screen.

Using the new Crop tool | Learn Photoshop CS6 | Adobe TV

Cropping is one of the most common operations in Photoshop. So it's only fitting that the Crop tool has experienced a quantum leap in CS6. In this movie, watch how to preview the angle of your image to confirm that your crop is plumb. You can revisit a crop any time you like, so you never waste effort. And by default, the Crop tool hides pixels instead of permanently deleting them.
http://adobe.ly/Jo38yk

I just installed the new PhotoShop CS6 on my iMac - I am used to it on Windows PC. Now, when I crop, it does not resize the image to my 640x320 px (it keeps the original size)

Optimizing images | Learn Dreamweaver CS6 | Adobe TV

Similar Messages

Maybe you are looking for