Beginner Site Builders

BUILD A SITE IN 10 EASY STEPS

So, you have bought yourself a domain name, you know how to upload via your control panel and now you are ready to start building a web site?

Whether you are a total beginner or an expert at web site building, you will be amazed at just how easy Site Builder is. You will find much further detail in the Help file, but for now we recommend you follow this Easy 10-Step Plan first.

This page you are now viewing is an example of how your new site might look. As you can see it is very clean and rather simple, but as you become more familiar with the system you will be able to explore the range of features such as adding your logo and experimenting with background and text colours.

To build your site you need to create what is called site code. It is this Site Code that allows you to manage your web pages and the content from any browser, simply by entering a password and selecting the New Item or Edit links. For Site Code to run, your server must support php scripting language. Most commercial web servers support php. For information on php and how to check if it is available on your server go to What is php?

STEP 1
We recommend you Download Site Builder Software and install it on your own computer, as you will need to access some of the files packaged in the download to complete the building of your web site. You also have the option to run Site Builder Software directly from our server at www.softswot.com/sitebuilder/sitebuilder.php however the functioning will be limited in this latter method.

You do not need to buy the software at this stage; you have 7 days to trial it before making a decision on whether it is the right product for you.

To download, click on this link Download Site Builder Software, and either download the Compressed Zip File or the Self-Extracting SetUp file...follow the instructions given. It is important to remember the directory path of where you are saving and installing Site Builder (e.g. C: Program Files). It might be an idea to record this path somewhere, as you will need to find it in steps 2 and 6.

STEP 2
Once installed, open the Site Builder file in your web browser, this is the file called sitebuilder, that has the .html extension. You can do this via your explorer window or from an open browser window and clicking on file and Open and following the path to the saved site builder file.

If a message appears indicating your system or current browser is not meeting requirements for this software, follow the instructions given. Once you have current browser software with JavaScript enabled you will be able to access all software functions.

You may also notice this page displays the current registration status and provides links for secure online registration. If you have Registration Details input these before you start. If you do not as yet have registration details it will not affect building your site now.

STEP 3
From the Control Menu located at the top of the window click Input and type in your Use Password value (remember your password). Do not at this stage worry about the other variables such as logo and menu items.

STEP 4
Click Build Site Code. A new window will open with the Site Code. Select All of the Generated Output Code and copy it to a text editor such as a NotePad.

STEP 5
Save this new NotePad file (with the copied Site Code) with a .php extension (i.e. index.php). The file name can be anything you like, but when it is named index, most servers will treat it as the default file to be displayed for the directory. Some servers require files to have the extension .php before they will execute php code. If using NotePad as your text editor when you Save, select Save As Type "All Files" and then provide the full File Name i.e "index.php" to ensure a .txt extension is not applied to the file.

STEP 6
It is now time to upload your index.php file to your server along with two other files that were included in the download package (you will find these in the folder you saved on your computer in Step 1). These files to be uploaded are the style sheet file (named style.css), and the javascript script file (named sbspc.js).

Upload these three files to a directory on your server just like an ordinary web page. The upload directory can be the base www directory or a sub directory.

The permissions of the directory you upload to should be temporarily set to provide public write permission (rwx r-x rwx or 0757) so when the Site Code is initially run it can create a sub directory for the site xml files (your site content). Permissions can be set either using your site host control panel or an ftp client (cmod).

STEP 7
Now you can simply open this Site Code page (i.e. www.mydomain.com/index.php ) in your browser and the XML content directory will be automatically created.

You can now return the permissions (the ones changed in Step 7) to their original settings.

STEP 8
Reload the Site Code page (i.e. www.mydomain.com/index.php ), click Sign In on the right and input your Use Password value, and hit submit.

STEP 9
Click New Item on the right (if this is not displayed your browser may have cached the page. To clear this in Internet Explorer go Control/Refresh, in FireFox Shift/Reload).

Now input an item Title (e.g. Welcome). The Title will be used in the item web page title, with non-alphanumeric characters replaced by a dash -.

And next add your Content (e.g. the text you would like displayed on your welcome page). Content can be simple text or you can use the html buttons to add html. For an initial test, simple text is usually best.

STEP 10
Click Save and the new item will appear in the Menu on the left. You may have to click on the link at "Item Saved" to view your content text.

Congratulations...You can now add New Items and Edit or Delete existing Items.

You are now ready to explore the range of features offered by the Site Builder Content Management System to build a web Site with the layout and features you want. Adjust Site Code variables using the Input fields and then Build Site Code or by directly editing the Site Code using a text editor. User Configuration Variables appear at the top of the generated Site Code and can be user defined by adjusting the values between each "" or by using Site Builder Software and re-building the Site Code.

Please refer to our Example Site Builder Software Applications and Techniques for additional information and insight into the range of possibilities, features and functionality available.


Sign In