Register.com Need help choosing a Hosting package?
Toll-free in the U.S and Canada: (888)704-1393
Outside the U.S. and Canada: +1 (902) 749-2730  
Business Solutions Incorporate/Form LLC Promote Your Web Site NEW!  Hosting Build Your Web Site Email Services Switch to Register.com Renew Now Register Your Domain Name Home
Contact Us Help My Account

WebSiteOS HELP

Creating an EasySiteWizard Web site Return to Help menu

Introduction to EasySiteWizard
Browser compatibility with EasySiteWizard
EasySiteWizard step descriptions
Creating a new site
Editing an EasySiteWizard site
Deleting an EasySiteWizard site
The EasySiteWizard tool bar
Step 1: Define it
Step 2: Design it
Step 3: Build it - Introduction to PageEditor
PageEditor menu options and buttons
Cut-and-paste into PageEditor
Entering text in PageEditor
Using images with PageEditor
Navigation Setup
Using SiteSparks™
Using forms
Publishing your Web site


Introduction to EasySiteWizard

EasySiteWizard is a robust tool that allows you to quickly create customizable, professional-looking Web sites with no knowledge of HTML.
To access the EasySiteWizard application, select "Site Builders" from the main menu, and then "EasySiteWizard" from the Site Builders menu.
While you use this application, click "Back" at any time to return to the last step, "Next" to continue on to the next step and "Cancel" to leave EasySiteWizard.
Note: EasySiteWizard requires version 1.3 of the Java plug-in in order to work. If you use have version 1.4 or later, you must uninstall it. If you do not have the Java 1.3 plug-in, the first time you run EasySiteWizard it will be downloaded for you automatically.

Tips for EasySiteWizard
Clear your web browser's cache before using EasySiteWizard.
This will ensure that everything will run smoothly while you build your site.
As a general rule, clearing your cache periodically will ensure your web browser works smoothly all the time.
Top of Page

Browser compatibility with EasySiteWizard

EasySiteWizard contains advanced functionality that may not be compatible with older web browsers. We suggest using the latest versions of either Microsoft Internet Explorer or Netscape.

Top of Page

EasySiteWizard step descriptions

Creating or editing a Web site in EasySiteWizard is fast and easy. There are only three steps involved in creating a new web site: Define it, Design it, and Build it. If your hosting product allows you to publish multiple Web sites, and you already have more than one web site created (published or not), then there are four steps: My Web sites, Define it, Design it, and Build It.
You can create or edit two different types of Web sites: single-page or multi-page. The single-page process is identical to the multi-page process. There are only a very few features which can be exclusively accessed by a multi-page site. Below is a description of what information or tasks are performed during each step of the Web site edition or construction process. You may perform the Define it, Design it and Build it steps in any order you like; it is not necessary to do them in order.
My Web sites: If you have selected to modify an existing page, and you have more than one Web site created, then this is the first step. In this step you select which Web site you wish to edit. This step is skipped if you are creating a new site.
Define it: Enter contact information, page content, logos, meta tags, etc. This is also where you may choose to create either a single or multi-page site.
Design it: Choose a template for your Web site from the menu on the right-hand side. A preview image of the template you have selected is shown on the left.
Build it: This step is where, through the page editor, you get to add, remove and modify buttons on your page, as well as create the content, including frame layout, text, links and pictures, for each page on your multi-page site.
WARNING: When you publish your Web site, EasySiteWizard will rewrite your index.html page if you already have one under the directory you are publishing to, and it will create several files and a new directory in your public directory. Be sure to backup important files before using EasySiteWizard.

Top of Page

Creating a new site

First you must access the EasySiteWizard application. In Web siteOS, select "Site Builders" from the main menu, and then "EasySiteWizard" from the Site Builders menu. After launching the "EasySiteWizard" application in Web siteOS, click on the link titled "Create a new site". You will be taken to the first step of the Web site creation process. See Step 1: "Define it" for more details.

Top of Page

Editing an EasySiteWizard site

First you must access the EasySiteWizard application. In Web siteOS, select "Site Builders" from the main menu, and then "EasySiteWizard" from the Site Builders menu.
After launching the "EasySiteWizard" application in Web siteOS, click on the link titled "Edit an existing site". If you have more than one Web site, then you will be taken to the "My Web sites" screen, where you will choose which Web site you wish to edit. Click on nect to continue to Step 1. If you only have one site, you will be taken directly to Step 1. See Step 1: "Define it" for more details.
New! EasySiteWizard will remember any unpublished changes you make to a Web site between editing sessions, as long as you save your changes before closing the editing session.

Editing outside of EasySiteWizard If you are an advanced user or are interested in learning more about HTML, you can use the File Manager to edit the pages created by EasySiteWizard. If you change the HTML generated by EasySiteWizard, you may break some aspects of your site.
You can repair this damage by going through the EasySiteWizard steps again. This will overwrite any changes that you made to the pages. If there are changes you would like to save, be sure to make backup copies of the files.

Top of Page

Deleting an EasySiteWizard site

First, you must access the EasySiteWizard application. In Web siteOS, select "Site Builders" from the main menu, and then "EasySiteWizard" from the Site Builders menu.
After launching the "EasySiteWizard" application in Web siteOS, click on the link titled "Edit an existing site". You will be taken to the "My Web sites" screen. To delete a site, first select the Web site you wish to delete, then click on the "Delete" button. Your Web site will be deleted.
Note: if you only have one Web site and you delete it, a new unpublished site will be created automatically; no content from this new site will be available on your domain unless you run through the Web site creation process and publish your site.

Top of Page

The EasySiteWizard tool bar

Throughout all three steps of the EasySiteWizard creation process, the EasySiteWizard toolbar (shown below) is always visible at the top of the screen. All buttons shown are fully accessible whether you are creating a brand-new page or editing an existing one, no matter what step you are currently in.



Below is a detailed explanation of what clicking each button will do:

Button Name/Symbol Description
Define it Takes you to Step 1: "Define it"
Design it Takes you to Step2: "Design it"
Build it Takes you to Step 3: "Build it"
Define it Takes you to Step 1: "Define it"
Define it Takes you to Step 1: "Define it"
Define it Takes you to Step 1: "Define it"
Define it Takes you to Step 1: "Define it"
Define it Takes you to Step 1: "Define it"

Top of Page

Step 1: Define it

The "Define it" step of EasySiteWizard allows you to enter specific information for your website. Fields that are displayed in red are required fields. You will not be able to continue to the next step if these fields are left blank. Your name, company name, slogan, etc. will be displayed on your site in various places depending on the design you choose. Your email address will be used to send an email to you, if you create a button on your site that automatically sends email. The keywords and description you enter can increase the probability of appearing in search engine results. The information in these fields (also known as meta tags) will not be visible on your site, but it will be stored in a hidden part of your website that search engines check for information. Enter your keywords in a comma-separated list, and include words that apply to your website these are also known as meta tags. The keywords for your website should be short and descriptive. They will be used to categorize your site if a search engine lists your site. For more information on meta tags, see the section titled Explanation of meta tags.
Example: Keywords - books, reading, read, library, list, children, kids, 10, ten
Description - A reading list for ten-year-old children.


In this step, you also select which type of web page you want to design: single or multi-page. If you select multi-page, then the "Customize..." button will be visible. Clicking on this button brings up the "Navigation setup" window, which displays the default pages and buttons which will appear on your multi-page site, and how they are linked together. You may customize this information by changing names, adding and removing pages and buttons, and changing button links. It is not necessary to customize this information immediately; you will have an opportunity to modify this information later.

Top of Page

Step 2: Design it

In this step, you need to select a template from which to build your site. The design template you choose will determine the colors and the overall look and feel of your website. The same EasySiteWizard page may look very different depending on the template you select.

Two design templates used for the same EasySiteWizard Page
 


To view your EasySiteWizard design choices by scrolling through the designs on the right. If you do not find one to your liking, change the category in the drop-down menu and display other templates. Click on one of the designs to select it. The design you have selected will be displayed in the middle of the window.

Top of Page

Step 3: Build it - Introduction to PageEditor

In the third and final step, "Build it", a full-scale version of your template is displayed*, and the PageEditor application is loaded. PageEditor will allow you to edit your website's content using a WYSIWYG (What You See Is What You Get) interface; it allows you to enter text or insert pictures into your website, set up the overall layout of your page (frames)*, and lets you to configure the buttons* and hyperlinks on your site.
You may be required to download a Java plug-in the first time you open the PageEditor. If you already have the plug-in, and you have not already granted permanent cut-and-paste access for the PageEditor, then a window will appear asking if you wish to grant or deny this access. For a detailed explanation, see the section titled Cut-and-paste into PageEditor. Once you have granted cut-and-paste access, a window will appear in which you can enter your content. At the top of the window is a menu bar with formatting buttons Click a zone in the window and enter your content. You can enter text, upload an image or access the free image library and insert a picture form there.
You can save your information at any time by clicking on the file menu and selecting "Save Page", by clicking on the "Save" button or pressing Ctrl-S.
Note: Features marked with an asterisk (*) are only available for multi-page websites.

Top of Page

PageEditor menu options and buttons

Once the page editor has loaded, you will see the toolbars depicted below. If you are creating or editing a single page website, then some of the features described and shown will not be available, as they are only applicable for multi-page sites. Features which are only available in multi-page mode are marked with an asterisk (*).

The PageEditor toolbar


The following menu options are available through the PageEditor toolbar:

Menu Command Shortcut Description
File Save Page CTRL+S Saves the current page content. You must save page content before editing a different page, or any changes you have made will be lost.
  Open*   Displays a menu of available pages to edit. Selecting a page from the menu loads that page into PageEditor.
Edit Cut CTRL+X Cuts highlighted web content.
  Copy CTRL+C Copies highlighted web content.
  Paste CTRL+V Pastes content which was either cut or copied. The content is pasted at the insertion point you have selected.
  Clear All   This command removes all web content from all frames currently displayed. A dialog box will pop up asking for confirmation that you wish to complete this action.
  Buttons*   Calls up the "Navigation setup" window. For more information, see the section titled Step 1: "Define it".
  Page Layout*   Calls up a dialog box which shows examples of different frame layouts. Select the layout you'd like and click "OK".
View Source CTRL+E Allows you to view and edit the source code of the current page's web content. Selecting this menu option a second time returns you to the WYSIWYG editor.
  Window   When the PageEditor has insufficient space to display well in a template, either due to the specific dimensions of the template, or the resolution of your computer monitor, Selecting this option will pop up a new window, exclusively showing your web content. You can perform all PageEditor functions in this window. Selecting this command a second time returns you to the integrated PageEditor view.

The following buttons are available through the PageEditor toolbar:

Picture Description
Font Name: Sets the type of font you wish to use
Font Size: Sets the font size (1-7).
Bold: Sets the font to boldface.
Italics: Sets the font to italics.
Underline: Sets the font to underline.
Color: Sets the font color.
Align Left: Aligns text to the left.
Center: Centers text.
Align Right: Aligns text to the right.
Hyperlink: Allows you to add a link to highlighted text and/or pictures. A pop up window will appear, asking you to enter the URL of the website you wish to link. You may either select an outside url, or if you have a multi-page site, select one of your own pages form the drop-down menu. You must also choose where you wish the link to appear. Some of the choices are:
Default: opens the link in the "default" window, which is the same frame as the link was in.
Blank: opens the link in a new window
Parent: opens the link within the inner frame of the current page
Self: opens the link within the same browser window as the link
Picture: Inserts a picture (at selected insertion point). You must have already either uploaded an image, or selected images from the public image library to use this option. (to upload images and for information on viewing the public image library, see the section titled Using images with PageEditor.)
Layout*: Lets you change the frame layout.
Save: Saves the page currently displayed.

The PageEditor lower toolbar

Picture Description
Brings up a pop-up window that allows you to add new buttons*.
Shows a pop-up window that allows you to add new pages*.
Opens the "Navigation settings" window*.
Accesses the free image library bank.


Top of Page

Cut-and-paste into PageEditor

PageEditor supports cutting-and-pasting from a text editor into the WYSIWYG (What You See Is What You Get) PageEditor; however, in order to take full advantage of this function you must first grant the PageEditor Java applet permission to access your system clipboard. When you go to Step 3 ("Build It"), the following dialogue box will appear:



Below is an explanation of what clicking on each button will do:

Grant this session Click this button if you want PageEditor to have access to your system clipboard for one session only. You will be presented with this dialogue box again the next time you restart your browser and go to Step 3 of EasySiteWizard.

Deny If you do not want PageEditor to have access to your system clipboard for the current session, then click this button. You will be presented with this dialogue box again the next time you restart your browser and go to Step 3 of EasySiteWizard.

Grant always If you would like to permanently grant PageEditor access to your system clipboard, allowing you to cut-and-paste text between it and applications such as Notepad, Word, etc. Then click this button. Please note that selecting this option will prevent this window from coming up again; your browser will automatically assume that you want to grant PageEditor access to the system clipboard.

View Certificate Clicking this button will allow you to view more detailed information concerning the certification. Clicking this button does not in any way grant or deny PageEditor access to your clipboard. You must still click one of the other buttons to do this.
Note: Depending on the exact version of the Java plug-in which you are using with your web-browser, the dialogue box which appears on your screen may vary slightly in either appearance or wording; however, the options listed above will still be available.

Top of Page

Entering text in PageEditor

Click in any of the areas and type your text. You can format it using the formatting tools at the top of the frames.
For a description of the buttons and menu commands available in PageEditor, see the section titled PageEditor menu options and buttons.

Top of Page

Using images with PageEditor

With page editor, you may build your own private library of images for use on your website. You can obtain images from two sources for your private library: The PageEditor's public free image library, and images you upload yourself.

Using your private image library To access your private image library, simply click on the button with the icon of a camera on it. A dialog box comes up, showing a list of images you have available in your private image library. If you have never used PageEditor before, this list will be empty. There are four buttons on this page. Below is a list of the names of these buttons, and the tasks they are intended for:
Refresh List: newly added images will not appear in this list until you click this button. This task only needs to be performed once, until you add new images again. Image Library: Clicking this button opens PageEditor's public image library. From this window, you may search through the public library and add images to your private library. This is also the location at which you may upload images from your computer directly to your private library. For more details, see Accessing the public image library below. Cancel: clicking this button cancels this dialog box, making no changes to your website. Insert: After you have selected an image in your private library, clicking insert will insert the image into your website, at whatever location the cursor is currently located.
Accessing the public image library

You can access the public image library by either clicking on the picture of a camera on the PageEditor toolbar and then selecting "Image Library" in the window that comes up, or by clicking on the "Free image library" button located at the bottom of the window. The public image library has three sections: "my images", "free images" and "upload". The functions available in each section are detailed below.

My images
"My images" displays a drop-down list of all images currently available in your private library. If you have never used your private library before, this list will be blank. When you select an image from the drop-down menu, a preview image appears in the space below. Clicking on the "delete" button will delete this image from your private library.

Upload
The "upload" section allows you to add images stored on your computer to your private image library. Simply enter in the file location of the image in the space provided, or click on the "browse" button, locate the image on your computer, and click "okay". Clicking on the "upload" button will add the specified image to your private image library.

Free images
This section displays all the free images available in the public image library. You can view them by category or by keyword. Either select a category from the pull-down menu, or type in a keyword in the "search" box (e.g. car, tree, ball) and hit the "enter" key on your keyboard. Images related to the category or keyword you have selected will be displayed. To get a larger view of an image, click on it. After viewing the larger image, if you wish to ad it to your public library, click on "ok". If you want to go back to the list of images, click "cancel" before adding an image to your private library, you may enter in your own name for the image, in the box labeled "copy to my images as".

Other image sources for your library

Several websites that allow you to use royalty-free images for personal use are:

http://www.photoessentials.com/k/
http://www.animfactory.com/
http://www.freeimages.co.uk/
http://www.clipart.com/
http://htmlgoodies.earthweb.com/freeimages/
http://www.freegraphics.com/


Top of Page

Navigation Setup

Note: The features described in this section are only available for multi-page sites.
Buttons provide links to pages within your website or to other sites on the Internet. A logical set of buttons will make it much easier for people to find information on your site. In most of the EasySiteWizard templates, buttons will appear on the left side of your website or along the top of your website. The design you choose will determine the general appearance of your buttons.
If you are creating a new site, you will have some buttons on your page by default. To edit the button name, add new buttons, link buttons to pages, etc., you need to access the "Navigation Setup" window. There are two ways to do this:
  1. By clicking on the "Customize..." button in Step 1.
  2. By clicking on the "Customize Navigation" button on the lower toolbar in Step 3.
This will bring up a list of all buttons and pages on your site. This window is divided into three parts: "select a button", "select an action" and "select a page". An explanation of the functions available in each section is detailed below.

1. Select a button

A list of the buttons currently on your site is shown here.
To rename a button, select a button name from the list and enter in the new name in the box provided at the bottom of the page. When you click on a different button in the list, it will display the new name you entered.
To create a new button, click on the button called "New Button". A button called "new button" will appear in the list. Click on it and rename it as described above.
If you wish to delete a button from the list, select that button in the list and click "Delete Button". The button is removed from the list and will not appear on your website.

2. Select an action

To indicate what should happen when a particular button is pressed, click on the button who's behaviour you wish to define and then select an option for the list. The actions available are:
Go to selected page: Sends the user to the page indicated in "select a page".
Go to my home page: Returns the user to the website's default home page.
Go to my online store: Opens your EasyStoreMaker or EasyStoreMaker Pro store, if you have one set up.
Send me an email: Allows the customer to send you an email. The address it is sent to is the same as the one you entered in "Step 1: Define it".
Go to another website (specify URL below): Links the button to a web page which is not a part of your website. The exact URL of the site needs to be entered in the box provided below this option.
"Link opens in" drop-down menu: This is where the information will be displayed if the button is clicked. When a button on your website is clicked, a variety of things can happen. The "Link opens in" menu determines where the information associated with the button will be displayed. You can choose to display the information in the default frame, the entire window or a new browser window, as described below:
Default frame -When someone clicks on the button, they will still be able to see the design template that you chose in step three. The content of the page will be displayed inside of the design.
Entire window - When someone clicks on the button, the content of the page will be displayed without the design template. In order to view the buttons and the header of your EasySiteWizard site, they will have to use the 'Back' button on their browser.
x New window - When someone clicks on the button, an additional browser window will open, and it will display the page without the design template. The EasySiteWizard window will still be open.
An external site opening inside a
EasySiteWizard "Default frame"
An external site opening in the "Entire window"
or a "New window"

3. Select a page

This section is used to define what buttons are linked to which pages (see "2. Select an action" for more details). It is also used to let you rename your pages, add new ones and delete ones you don't want to have or use on your site. To rename a page, select a page from the list and enter in the new name in the box provided at the bottom of the window. When you click on a different page in the list, it will display the new name you entered.
To create a new page, click on the button called "New Page". A page called "new page" will appear in the list. Click on it and rename it as described above.
If you wish to delete a page from your site, select that page in the list and click "Delete Page". The page is removed from the list and its contents are deleted. In the case of an accidental deletion, it may be possible to recover the page using the File Restore utility.

Top of Page

Using SiteSparks™

SiteSparks™ are special plug-ins which allow you to easily add customizable, complex functions to your page without any webpage scripting knowledge.
To call up a list of available SiteSparks, click on the "Insert" menu, and select "SiteSparks". A pop-up window will appear, providing you with a list of available SiteSparks. Clicking on an item in the list will bring up an explanation of what each SiteSpark is used for. When you have selected the SiteSpark you wish to use, click on "Insert". An icon will appear in the page editor at your insertion point, which represents the SiteSpark. To configure your SiteSpark, right-click on the icon and select "Properties". A pop-up window will appear. This window will display all customizable information (colors, font sizes, etc) available for the SiteSpark you have selected.

Currently a hit tracker and a calendar function are available as part of SiteSparks.

Top of Page

Using forms

Forms can be used for a number of interactive functions, such as running java scripts, sending information to a CSV (comma-separated value) file, or emailing information to a specified email address.

There are two types of forms which can be created in the Page Editor: A standard "Contact us" form, and custom forms. Details on how to create each type of form are provided below:

To create a standard "Contact Us" form:
  1. Click on the "Insert" menu.
  2. Select "Form" -> "Contact us Form"
  3. A default set of fields will appear at the location of your insertion point in the PageEditor.
To create a custom form:
  1. Click on the "Insert" menu.
  2. Select "Form" -> "Blank Form"
  3. A set of <FORM> </FORM> tags will appear at the location of your insertion point in the PageEditor.
  4. Place your insertion point between the <FORM> and </FORM> tags. Press the [Enter] key on your keyboard a couple of times to create some space between these tags.
  5. Place your insertion point directly beneath the <FORM> tag.
  6. Type in the text description you want for the form element you are about to insert (e.g. Full Name, Comments, etc.)
  7. Click on the "Insert" menu.
  8. Select "Form" -> "Component" and select the form element you wish to insert. Hit the [enter] key on your keyboard once if you wish to add another form element.
  9. Repeat steps 6-8 until all of your form elements are in place. Don't forget to include a submission button if you want data to be posted somewhere (e.g. to an email address.)
Now that you have your form elements set up, you need to customize and input additional data into the form elements, and select a submission target for your form. Details on performing these tasks are provided below:

Form elements

The following custom form elements are available. A brief description of how you might use each form element is also listed:

Form Element Description
Submit Button Used to send information to a defined target, such as an email address or a CSV file.
Reset Button Clicking this button clears all user input from all form elements.
Button A generic button which can be used to run Java scripts.
Radio Button Radio buttons are used to present a short list of options or values. Only one radio button can be selected at a time; a previously selected button will be deselected if the user clicks on another radio button.
Checkbox Displays a box which can be toggled on (checked) or off (unchecked).
Text Field (Single-line) A text field which can hold one line of text.
Text Area (multi-line) A text field which can hold multiple lines of text, e.g. for inputting comments.
Password Field A single-line text box which records a user's keystrokes, but does not display those keystrokes on the screen.
Hidden Field A text field which can contain or collect information which is not visible on the web site.
Pull-down menu A menu which when clicked on contains a list of options. Only one item in the menu can be selected. This is similar to radio button usage, except the pull-down menu is a more efficient way to create and store longer lists of options.

Modifying form element properties

To customize and input data into your drop-down menus, change button names, etc., you much right-click on the form element you want to modify and select "Properties." Below is a list of all fields which can appear inside form elements, and what they are used for.

Please note: Not every field listed below is available for each form element type.

Form Field Purpose
NAME The value in this field is the "name" of the form element. This value is not displayed to people viewing your website.
ONCHANGE You can enter in a short Java script, or a tag pointing to a .js file, which will be activated when the status of your form element has changed.
SIZE Changes the width of your form element
OPTIONS Used to create a list of available options in a drop-down menu form element.
VALUE Used to define values for selected options in drop-down menus, radio buttons, etc. Changing the VALUE of a button changes the name which is displayed on the button.
ONCLICK Similar to ONCHANGE, except scripts defined in this field are triggered when the form element has been clicked on.

Defining the submission target of a form

When you are done adding and customizing the values of your form elements, you need to define where the form will be submitted to when an end-user submits data through the form. To set this up, follow these steps:
  1. Right-click on the <FORM> tag and select "Properties."
  2. In the properties window which pops up, underneath "what should happen when this form is submitted" click on the option you wish to use. Below is a list of your choices:
    E-mail results to: Enter an email address to send form submissions to.
    Save results in a CSV file: Enter in a filename to save form submissions in. The data will be stored in a CSV (comma-separated value) format. The filename has to end with .csv, and will be stored in the main directory of your website.
    Run a custom script: You can select a CGI script (if any are present in your /cgi-bin/ directory) which will run when someone submits form data.
  3. Click "Ok".
Top of Page

Publishing your website

To publish an EasySiteWizard site, click on the "Publish" button on the EasySiteWizard toolbar.
If you are not ready to publish your EasySiteWizard website, but you would like to save your work, click on the "File" menu in PageEditor and select "Save Page". Your settings will be saved so that you can make changes later, but nothing will be visible on the Internet.
If you recently registered your domain name, your website may not be immediately visible on the Internet. It may take 24-48 hours for DNS to propagate. During this time you will not be able to view your EasySiteWizard site using the link provided on this page.
However, you can access your site before DNS propagation by clicking on the "Preview" button, also located on the EasySiteWizard toolbar.

Top of Page

Individuals & Families  |  Small Businesses  |  Corporate Services  |  Global Resellers
Financial Services  |  Bulk Registrations  |  Business Solutions  |  DELL Deals! This Week Only!
Site Map    |    Rules    |    Pricing    |    Investor Relations    |    Employment    |    Advertising    |    Affiliate    |    Refer a Friend