Page Publisher : Tutorial > Adding Pages

Getting an HTML page setup takes only a few minutes. This 3-step process will show you how you can update content quickly and easily.

In the following example we will be updating a fictitious 'About Us' page (test_page.html). This page already includes all the Page Publisher tags. If you want to follow along on your server you can get a copy of the html file we will be using by opening the following file and saving it to your computer.

http://www.interactivetools.com/docs/page_publisher/sample_files/test_page.html

After you've saved 'test_page.html' to your computer, upload it to your website. Set permissons on this page to be 777 (writable).

Step 1 : Login to Page Publisher as the admin user. Click 'Update Pages' and then scroll down to the bottom of the page and click 'Add Page'. This will take you to a page which has three fields: 'Page Name', 'Page Filepath' and 'Page URL'.

First, type in the name of the page (in this case it's 'About Us'). This will be the page name the user sees when they login to Page Publisher.

Second, click 'Browse' and find the file on your server. Once you've found it click on the filename and Page Publisher will copy the file path into the field.

Third, type in the URL of the page. This is the web address where a user can view the page in their browser. Click 'Save' and we're done.

Step 2 : After clicking save you should be automatically returned to the 'list page' and be able to see the page you just added in the list. To the right of the page name is the time this page was last updated and even more to the right is the 'Action Menu.' The Action Menu includes 3 options 'update', 'edit html' and 'remove'. Click 'edit html'. This will take you to the 'Edit HTML Page'. In the html editor find the area of the page where the 'About Us' text is located. This is the where you can add, edit or remove the Page Publisher tags.

Here is an example of a page with the HTML code with the Page Publisher tags in place.

<table border=0 cellpadding=0 cellspacing=2 width=580>
 <tr> 
    <td><font size=4 face="arial, helvetica"><b>
    <!-- publish type="textfield" name="Title" -->
    ABC Corp - About Us
    <!-- /publish --></b></font></td>
 </tr>
 <tr>
  <td><font size=2 face="arial, helvetica">
      <!-- publish type="wysiwyg" name="text box name" rows=16 -->
      ABC Corp is a new media company that specializes in making advanced
      custom software applications. We have had experience working with a wide variety of
      corporations and have a great deal of knowledge and experience in the tech industry.
      For over 15 years we have now served the communications and internet industry with
      our expertise and prominence in high-technology. 
      <!-- /publish --></font>
  </td>
 </tr>
</table>

If you have made any changes, click save.

Step 3 : From the 'action menu' select 'update' This should take you to the update page which includes a text field named 'Article Title' and a WYSIWYG editor named 'Article Content' as well as other editable fields. Try editing the content inside these forms. Once you've entered some new content click save. This will take you to a page that reads "The following page has been updated - About Us - Click Here to View the Page"

Click the link that says 'Click here to view the page' This will open up a new browser window displaying the test_page.html' page you have just chosen to update. As you can see the content has been updated.

Just repeat these 3 steps for each page you want to add. Note: Page Publisher Tags can be added in any program, you don't need to use the built in 'Edit HTML' feature of Page Publisher.