Use Dreamweaver templates to develop and test your pages locally before publishing to your Content Management System.
In our case, our live site is running WordPress with a customized Graphene Child Theme. We’ll load a standard content page (our "About Us" page) which has all the components we need to develop a template, mainly the wrapper (including sidebar) and our variable content. We’ll save the page locally, open it in Dreamweaver, make sure we have a local site created to at least partially mirror our live site (you’ll need to do this in order to build site-specific templates), save the page as a template, and add a couple of editable regions. We will then create a page based on the template, fill it with sample content, and preview the local page in a browser.
We’ll click on <mminstance:editable> in the tag selector at the bottom of the Dreamweaver code and design window to select everything within the editable region, copy the selection from the code pane (not the design view!) to ensure we capture all the HTML, and paste it into the Source view of a new page in our CMS.