Tricks of live view navigation in Adobe Dreamweaver CS5

Live View navigation tricks #1
You can now use Live View in CS5 much more like a browser, which is indispensable for designing dynamic applications. For example, you may need to design around a specific view of a WordPress application, like a posting page or search results. Just hold down Command (PC: Ctrl) and click links to get to exactly the view of a dynamic app you'd like. Interact with the JavaScript elements of your interface and then hit F6 to "freeze" any state of your application.

Live View navigation tricks #2
Did you know that you could also use Live View for digging into remote sites? Just type any URL in the Live View location bar at the top of the document window, and surf right to that site-using all of the CSS tools to show you what's happening underneath the hood, the Related Files bar to give you immediate access to the code underneath, and Live Code showing you the markup as you interact with it.

Live View navigation tricks #3
Using a dynamic app such as WordPress or Joomla? You probably find yourself jumping back and forth from Dreamweaver to the admin console in a browser. In Dreamweaver CS5, you can use Live View navigation to make that easier. Create a new, blank document window (or tab), and turn on Live View. Enter your server console's URL into the location bar, and load it in Dreamweaver. Choose View>Live View Options>Follow Links Continuously to turn on navigation full-time, and you've got yourself a console tab you can switch to at any point in time.

No comments: