Things to know:
1.) This framework is built up of modules. A module is an element object on the page that you can place in any place holder. You will see the place holders when you log in as an administrator. We will get into adding modules in a later section
How to add a new web page to your site:
1.) Login with your administrator account to the website you want to manage. You can login from the link at the top right of your page
2.) At the top right, you will see “Show Control Panel?” and click on the icon next to it. You will see the following.

Make sure “edit” is selected at the top left of the page
3.) Click on left icon “Add”. It will bring you to the following new page:

Don’t worry about all these settings. The main ones are Page Name and Title and “All users”. Page Parent would be used if you wanted this page to show up under another page in the drop down. You can go unlimited number of parents. “All Users” needs to be checked only if you want this page to be seen by all web users. Later on, we can create different user permissions so you can assign users access to different pages. We may have an employee permission and give access to HR docs, etc.
4.) Click “Update” and the page is now added with a default “Text/HTML” module.
5.) Edit the page as you need. You can always edit these page settings any time by clicking on the “Edit” at t
How to add a new section of text to the web page:
6.) Login with your administrator account to the website you want to manage. You can login from the link at the top right of your page
7.) Go to the page you want to edit as if you were navigating the website.
8.) At the top of the page, you will see in the middle a module creation control.

“Add New Module” will create a new instance of that module on the page. This is good when you are creating text, links, blogs, etc. “Add Existing Module” is good if you want to hook to one that is already on the website. The advantage to that is that if you update ether of these modules, it’s updated across the site. They all sure the same “Module”.
9.) Select from the drop down “Text/HTML”, type in the “Title” section the title of your module such as “Whats new at JGI?” Select a Pane to put this module in (you can easily change this later once you add it). Feel free to mess with the rest of the options.
10.) Click the “Add” icon to the right of the modules. It will now add the module to the content below.
11.) To move the module, just click on the module header, and hold for a few seconds. Once its ready to move, it will highlight in purple, and you can drag it to another pane on the page. Release when you are hovering its new destination.
12.) To change the content of the title, just click on the text, and a little icon will show up with a pencil
13.)
and it will look like this
and press enter when you are done.
14.) Now let’s edit the text. Hover over the arrow pointing down at the top left of the header (next to the title of that module) and click on “Edit Text”

15.) You will now see the following window. This is where you enter in your new text. You can format it anyway you want. 
The content can be anything you want. To add custom HTML, you click on “Source” at the top and it will switch you to HTML mode. This is handy if you wanted to put in some JavaScript or tables. If you don’t know HTML, then the standard editor will be fine.
The “Search Summary” field is great because that is what the internal search engine will use. I usually just copy/paste the data from content window to search summary. It will remove all the formatting/images/html.
When you are done editing, click on “Update”
16.) When you click update, this is what you will see. The red box means that only you or I can see it. If it was public, it would not be there.

17.) To add a picture to the page, do the same edit procedure, but click on the icon at the top that has the mountain and sun in it. Right above “Font”, in the second row. Before clicking on the button, position your cursor where you want the picture to be located.

18.) Make sure your popup blocker does not block this. This requires 2 different popup windows.

19.) If you are uploading a new photo to the server, its very simple. Click on “Browser Server” and it will bring you another popup window.

20.) This is a directory structure of your web. You can see folders and thumbnails of object. If its an image, you will actually see the image. For your sites, I have put all your uploads in “SiteImages” to keep the root folder clean. I recommend you do the same. You can also create new folders if you want. When you navigate to the folder you want to upload, click the ‘Browse” button at the top of the window and find the file you want to upload. When you select it, click on “Upload New File” and it will push it to the server in that folder.
21.) When the file has finished uploading, double click on the icon and it will bring it back to the first popup. Update the properties on the left on how big you want it to be, and how you want it aligned. The “Align” tag is important because you can make it so text will wrap to the right or left of the image, or eve over the top of it. The width and height are important, but remember, it does not actually resize the physical image so a huge image that is only 200x200 scaled actually downloads the entire image. I will help you with resizing in another email.
22.) Click “Ok” when you have it configured the way you want. The preview window helps when you are building this image

23.) The output of the above text looks like this:
24.) Click “Update” at the bottom of the page and it will update your site.
Please feel free to experiment with any of the modules. The HJT modules are not setup at the moment, but any of the other ones you should be ok with. If you have any questions, please feel free to email me. I will be checking mail next week on my vacation and am happy to assist you in any way.
If you can, please email me the change / ideas you have for the new site. Go ahead and edit any of the content on there also. Its easier to have you edit it and see what it looks like, and it gets you familiar with the interface faster.