Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Covering diverse topics such as improving workflow and managing CSS styles, Dreamweaver CS3 Beyond the Basics is a hands-on course that teaches users how to move beyond standard, static websites. Instructor James Williamson explores how to increase productivity, interactivity, and accessibility with Dreamweaver. He also discusses how to extend the application's capabilities with XML and XSL. Exercise files accompany the tutorials.
In our previous movie, we explored the integration between Dreamweaver, Bridge and Photoshop. Let's take that a step further by looking at a feature we call round trip. Since we created this JPEG from a multi-layered Photoshop file Dreamweaver is going to remember the source file. So if you are following along with us, we are still working in the calendar.htm file and if we select our JPEG on the page, if we look at our Properties inspector, on the lower left-hand side over here, we can actually see a little PS icon and that indicates it's coming from Photoshop. If you look at the very bottom middle section of the Properties inspector you can see that it actually has a space for the Photoshop source file. So if we move that or change location, we probably should update that here inside Dreamweaver. Now, having that source file designed in Photoshop allows us to use these Edit buttons on our Properties inspector to open up the original directly in Photoshop and make any changes to the file we want. So if I click on the Edit button, it is going to go back into Photoshop, open this up. Now if you have modified the graphic in between working in Dreamweaver and working in Photoshop, it is going to ask you, do you want me to update it? Do you want me to save it? So I am just going to click Update and any changes that I had made to it are going to be reflected. Now what happened here is that this ad is using the wrong background. This is not an artwork from Dan Keys; it's actually an artwork another artist Jennifer Loman. So we want to go in and using our layers, we want to turn the Jen layer off. I am going to turn the Visibility off so that what we are looking at is just Danny's artwork on here. Now it would be lovely if we had the feature of just saying Save and Update or something of that nature. We really don't have that in terms of updating our JPEG. We definitely want to save our file. But at this point, to actually update the JPEG that we have in Dreamweaver, the easiest way is not really the most intuitive way. What we want to do is I am going to grab the Marquee Selection tool and just clicking on my file, I am going to do a Select All, which is Command+A or on the PC, you do a Ctrl+A. Now instead of hitting a hot key to copy, I am actually going to go up to Edit because there is a specific copy you want to use here. You do not want to just do a regular copy because if you do that, you are only copying the layer that you are on and that's all the artwork that you are going to update. You are not going to update the whole thing. You are just going to like paste over what you have got with just that one layer. So I am going to choose Copy Merged. So using Edit, I am going to choose Copy Merged.
Now since I am finished editing my Photoshop file, I am going to close that. I don't want to leave it open in case I modify or change it later on and I definitely want that Round Trip trigger. Now if I go back in the Dreamweaver I can select the artwork on the page and I can go right up to Edit and choose Paste and Dreamweaver updates for me. Now it is actually updating the JPEG and it is using the exact same compression settings that you used before. So if you wanted to change the compression settings or even want to change the image type, you have got to do another Save for Web and optimize that and replace it in that way. So this way, it is going to use the exact same compression settings that you had before. So now we have updated our artwork and I can save the file. So we have just updated our file and you can see that this is a monthly ad and every month the background is going to change and the artist's name is going to change. Well, what if we could update that automatically and not have to worry about going in there and doing it manually? And in our next video, that's what we will do. We will take a look at automating that and using variables from inside Photoshop.
Find answers to the most frequently asked questions about Dreamweaver CS3 Beyond the Basics.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.