Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
This video is intended for users of Dreamweaver CS6. If you're using Dreamweaver CS5 or Dreamweaver CS5.5, you can skip this video and go on to the rest of the course. This video series was originally recorded in Dreamweaver CS5, but everything I teach in the series can be done with all three versions of Dreamweaver it targets, CS5, CS5.5 and Dreamweaver CS6. However, Dreamweaver CS6 introduced a couple of minor user interface changes rearrangements and re-labeling of buttons that I'm going to talk about here.
I'm looking at Dreamweaver CS5. Notice in Dreamweaver CS5, there is a button called Live Code and another one called Live View. The intent in Dreamweaver CS5 was that you should first click the Live View button to trigger a deployment tier testing server and then a display of the finished web site. You could also then click the Live Code button and you'd see the generated code coming from the PHP page. To get out of this state, you would click Live Code again, and Live View.
In Dreamweaver CS6, the Live View and Live Code buttons have been replaced by a single button labeled Live. When you click the Live button in Dreamweaver CS6, it's just like clicking Live View in CS5 and 5.5. Just like those versions, you might be prompted to Update the copy of your code on the testing server and to copy dependent files over, but then you will see the resulting web site displayed. The Live Code button is still there, but in CS6 it only appears when you're already in Live View, and you'll see it here, and just like in CS5, it results in showing the generated code from the PHP page.
Here is another minor user interface difference from CS5 to CS6. To create a brand new site, you can go to the Menu and choose Site > Manage Sites. In the Manage Sites dialog in Dreamweaver CS5, you then click a button named New, and you'll see the buttons stacked from top to bottom. When you click the New button that takes you into the Site Setup dialog. In Dreamweaver CS6, to get to the Site Setup dialog, you use the same exact menu sequence, choose Site > Manage Sites, and you'll see that the Manage Sites dialog has been redesigned.
Instead of a set of buttons that were stacked vertically, you'll see descriptive buttons laid out horizontally at the bottom of the dialog box and some operations are now assigned to icons, the minus icon for deleting a site definition, the pencil for editing, and so on. In this video series, I'll describe how to create a new site. In CS5, you click the button labeled New, but in CS6 you click New Site. The functionality however is exactly the same, and that's pretty much it for differences in user interface from CS5 to CS6, at least in regards to this video series.
All of the other functionality that I described, such as connecting to databases, creating bindings, using server behaviors and using the Files, Assets and Snippets panels, work exactly the same and look the same as in the older version of the software.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 91065 Viewers
80 Video lessons · 138142 Viewers
59 Video lessons · 56952 Viewers
52 Video lessons · 70581 Viewers
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.