1) When you first login to the admin, you'll see a default homepage added. We are now ready to add the pages.

 

2) You can add the page title and the page label. The page title will be shown at the top of your browser. The page label will be reflected in the menu module we'll be adding. The order number determines the listing sequence on the menu module. Press the button to add a new page.

 

3) Once additional pages have been added, you'll see them being listed in the admin. Notice that pages are listed in the order sequence we've assigned.

 

4) We are now ready to add content to the pages. Click on 'manage blocks' in order to add structure to the pages.

 

5) Name your block. You can also determine whether the block should appear on all pages or the pages you select. Since this will be the header block, we'll choose to have this block appear on all pages of the site.

 

6) When you add a block, the page still lacks content. Adding a block is the equivalent to adding a floor level on a building. We still need to add rooms and furniture to it.

 

7) Once you press the '+ Add a Module to this Unit' button, you'll see a pop-up window. A unit is an equivalent to a room on a floor. You can set the background color or upload a background image to the unit. Click on 'Add Module' button to select which programming module is to be added to the unit.

 

8) Select 'Single Image' module from the dropdown menu.

 

9) Once a module has been selected, you'll see the notice. Please close the pop-up window and return to the parent page.

 

10) Click on the refresh this page button.

 

11) When you scroll down to the Header block, you'll see the module name within the block. We now have a room on the floor and defined the type of room, but we still need to add furniture(s) which go with it. Click on the link 'Single Image' to access the module. We are now going into the room.