Build A CMS

 Nip Shoppe logo cat

This set of demos illustrate 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'. Demo Folders and... Read More

CMS Step 2

In this demo, the HTML for the header, body and footer has been separated into three files, which are then combined with PHP 'includes' statements. The web page looks the same as in Demo 1. Demo Fol... 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. Demo Folders... Read More

CMS Step 4

This demo includes a second web page. As with the first, this page is generated using HTML sections in the HTML and 'columns' 'folders. A menu at the top allows the user to switch pages.Two version... Read More