Getting started with InContext Editing for developers

Getting started

Some basic setup is required for you to follow this article:

1. Open Dreamweaver CS4.
2. Define a site for this article in a new, empty folder on your site drive.
3. Download the starter files if you haven't done so already and extract the archive into the root of this new site. When finished, the root folder for this new site should look similar to Figure 1.

Figure 1. The local root file list for the start of the article.

You will be adding InContext Editing capability to the news-start.html page contained in the site (see Figure 1).

Open this page and note that it consists of a series of news blurbs arranged vertically in the right column. Your goal will be to add InContext Editing capability to each of these blurbs in such a way that your client will be able to edit the headline, the date posted, and the contents, but edit each in a different way so that the formatting and appearance is preserved.

In addition, you will add the ability to add new blurbs, delete existing blurbs, and reorder the current blurbs. To accomplish this, you will need to work on the page from the inside out, meaning that you will have to tackle the editable regions individually starting with the first headline.

Page 2 of 7

Previous Page

Next Page