Welcome to Part 14 of the Building a website with Web Premium CS4 tutorial series. In this part, you'll complete the following tasks:

• Configure an existing PHP page to use with InContext Editing, a new Adobe online service that allows you to add content and maintain a web page within a web browser.
• Sign up for InContext Editing, and then add and modify site content, and publish your changes.

Note: If you've just arrived at this section, you may want to go to Part 1 and start following along from the beginning. Or, if you prefer, you can download the sample files provided below and start following the instructions that are outlined here. The steps in this tutorial assume that you've installed the web server and application server, and defined a Dreamweaver site (as described in Part 2).

You'll also need FTP access a remote site as described in Part 3. If you don't have a hosting account to upload your site files via FTP to a public website, you won't be able to follow along with all of the steps in this tutorial. You can use the provided instructions to set up a web page to prepare it for use with InContext Editing, but you won't be able to upload the file to the remote server or edit the page through a browser.

If you've followed all of the steps in previous articles and want to continue with the files you've already created, download and extract the sample files in exercisefiles_pt14_newfiles.zip. You'll find a new folder named images/blog that contains new image files that you'll use in the InContext Editing page, and a new PHP file named blog.php that you'll configure and use with the online service. Copy this file and folder to your local site root folder.

Requirements

In order to make the most of this article, you'll need the following software and files:

Dreamweaver CS4

• Try
• Buy

InContext Editing

• Try

Note: To work with InContext Editing, you'll need to install a supported browser. On Windows, supported browsers include Internet Explorer 6.x, 7.x, 8.x, or Firefox 3.0.8 (or higher). On Mac, supported browsers include Safari 3.1 (or higher), 4.0 (or higher) or Firefox 3.0.5 (or higher). You'll also need an Internet connection that runs at 512Kbps or faster, and your browser's SSL support must be enabled. For more information, including complete technical requirements, refer to the InContext Editing wiki on Adobe Labs.

Sample files

• adventuretours_pt14_starter.zip (ZIP, 3.3 MB)
• adventuretours_pt14_solution.zip (ZIP, 3.3 MB)
• adventuretours_pt14_newfiles.zip (ZIP, 36 KB)

Prerequisite knowledge

Basic familiarity working with Dreamweaver is recommended.

Building a website with Adobe Creative Suite 4 Web Premium

For your reference, here are all the parts in this series:

Introduction
Part 1: Planning the website
Part 2: Creating a local site
Part 3: Creating a remote site
Part 4: Creating a visual design
Part 5: Slicing and exporting site assets with Fireworks
Part 6: Adding styles to finalize the page design
Part 7: Finalizing and reviewing the home page
Part 8: Creating a database
Part 9: Presenting dynamic data
Part 10: Adding Ajax functionality with Spry
Part 11: Creating an interactive web form
Part 12: Creating and presenting a Flash animation
Part 13: Adding video to the website
Part 14: Creating a blog with InContext Editing

Page 1 of 4

Next Page

About the author