Build A CMS

This set of demos illustrates the process of creating a simple flat-file content management system for websites. 'The Nip Shoppe', a catnip emporium, will be used in all the examples.

A demo of the complete project can be found at The Nip Shoppe.

CMS Step 1

This demo shows a single web page generated by an index file, a style sheet and some images.
The page contains a full-width header followed by three columns, styled as 'inline-block'.

Read More

CMS Step 2

In this demo, the HTML code for the header, body and footer has been divided into three files, which are then combined with PHP 'includes' statements. The web page looks the same as in Demo 1.Read More

CMS Step 3

In this demo, the HTML is divided further. Two new folders are created: "HTML" and "columns". As in Demo-1 and Demo-2, the index file uses 'includes' statements to generate the page.
Read More

CMS Step 4

This demo includes a second web page. As with the first, this page is composed of code from the HTML folder and the coumns' 'folders. A menu at the top allows the user to switch pages.
Two ve... Read More

CMS Step 5

Now, we have added a new folder - 'pages' . Each file in the pages folder uses 'includes' statements that construct the page from elements in the the HMTL and columns folders. Although there are ... Read More

CMS Step 6

Instead of each page file consisting of a series of 'includes' statements, we can use a shortcut - let each page behave like 'record'. Now, there is a character-delimited text file for each page... Read More

CMS Step 7

Now that we have organized the parts of our website and created some flat-file data records, we are ready for the next step - providing a password-protected administrative page. That way, a user ... Read More

CMS Step 8

In the previous step, the html blocks could be viewed in the Control Panel but not edited. To add editing capability, we will need a new page - 'add-update-html-blocks.php'.

We have also cr... Read More