Join David Powers for an in-depth discussion in this video Quick Edit, part of Dreamweaver CC New Features.
- [Instructor] One of the coolest new features…in Code View is called Quick Edit.…I've opened dining.html in the Begin folder…of the Exercise Files for this video.…And to make it easier to see how Quick Edit works…I'm going to split my screen vertically…by going to the View menu, Split, and Split Vertically.…I'm also going to collapse these panels…on the right by clicking the double chevron up there.…If I scroll down in live view, down at the bottom…of this page is an article with the id "roomservice."…It's already got some styling,…but I think it needs a little extra.…
So that's time for a Quick Edit.…In Code View we need to find that…article with the id "roomservice."…Though it is on line 51, click anywhere inside…the name of the id or inside the id attribute itself.…Then on Windows hold down the Control key,…on a Mac hold down the Command key, and press E.…Code View slides open to display the styles applied…to this element in an editable window.…And notice that the line numbers go from 51 here…down to 52, just below that editable window.…
- Restricting the scope of a quick search
- Finding and replacing more selectively
- Advanced find and replace in a specific tag
- Setting the default version of PHP in Preferences
- Applying a link to selected text in Live View
- Changing information displayed in the Files panel
Skill Level Intermediate
Q: This course was updated on 10/18/2017. What changed?
A: The following topics were updated: find and replace and PHP support. In addition, new videos were added that cover code view improvements, Real-Time Preview, and CSS preprocessor integration.
Q: This course was updated on 03/30/2018. What changed?
A: New videos were added that cover using Bootstrap 4 and switching to Bootstrap 3.