It is advisable that you print this document and read it carefully while designing your site.
To Print – click on the Print icon on the tool bar
or
Click on “File” and then click on “Print” command.

Overview

1. Signing into the Website

a) How to Login
b) Existing Users
c) New Users
d) Page Selection

2. Editing Pages

a) Change the Layout of the Page
b) Edit Page Title
c) Delete a Page
d) Unhide a Page
e) Edit your Copyright Statement
f)  Edit your Logo
g) Edit your Site Name

3. Ecommerce Section

a) Add Product
b) Modify Product
c) Delete Product
d) Generate Page

4. Managing Content

a) Format Text
b) Change Alignment
c) Adding a List
d) Adding a Link
e) Changing Text Fore Color and Back Color
f) Uploading Images
g) Uploading PDF documents

5. Generating Site

6. Submit to Designer

7. Logging Out

...............................................................................................................................

Step 1 – Signing into the Website

You need to sign in to Members Online Web Design Center to edit the website that you already have. Signing in is a way to identify you as the website administrator because only a website administrator has the ability to edit the website.. If you are an existing user, you already have your ID and password. If you are a new user, you must get your ID and password.

How to Login

To log in to the website, go to the Sign on your own page.

Existing Users

Sign In – Enter your ID
Password – Enter your password
Click on the Go button

  New Users

To register as a new user you have to open the partners page of your association and choose the desired package to start the sign up process.
A form will appear where you have to insert Registration Information and Account Information Provide relevant information in the textboxes. * denotes mandatory field.
Click on the Next button Click on the Cancel button to go back to the Sign In page

Page Selection

Here user will define the initial pages with which she wants to start the site. The site can contain a maximum of 7 pages. The user has to define a minimum of 1 page, and if required she can add the remaining pages later through the site editor by clicking on the link "Add Page". During registration the new user may select E-commerce package. In that case she will be able to create an Online Store page in her site (by default the 7th. Page in her site) by clicking the checkbox at the right-bottom corner.

.........................................................................................................................

Step 2 – Editing Pages

To edit a webpage, go to the page you want to edit by clicking on the index. In your website the index appears on the top. Home Page is the first item in the index. Open any page you wish to edit and start editing.

Change the Layout of the Page

Click on Choose Design
Select any one of the designs and click on its radio button
Click on the ok button If you click on the Cancel button, you will come back to the page you were trying to edit.

Edit Page Title

Click on Edit Page Title button
The Page Selection window appears where you have to define the page title and navigation menu title of every page of your site. Page Title - this is the text that shows up on the Title bar of the browser (at the top) when the page is displayed. You may edit this by entering a new page title in the Page Title text field.
Navigation Menu Title - This is the link panel text. This will be displayed as links on the page. So you may edit this to change the text that is displayed as links. Click on the OK button.
Please refer to the figure below that shows the Page Title and Links in the Membersol Home Page.

Delete a Page

Click on the Delete Page button
The Page Selection window appears Select the page you want to delete
Click on the OK button.
Your page will be deleted from your site and also from your navigation bar.

Unhide a Page

Click on the Retrieve Page button
The Page Selection window appears Select the page you want to retrieve
Click on the OK button.
Your page will be retrieved and added back to your site. It will be also placed on the navigation bar.

Edit your Copyright Statement

Click on Copyright Statement button
The Copyright Statement Editor window appears. Add or edit your copyright statement
Click on the OK button Your copyright statement will be added to every webpage of your website.

Edit your Logo

If you have your own company logo, you can insert it in your website.
To add Logo –

• Click on Logo
• A window appears with two options - My Gallery (default) and MOL-Gallery

My Gallery provides you the option of choosing images from your own files. To select image from your own files –

• Click on the Browse button. The Choose File window appears
• Select the file and click on Open
• Now click on the Upload button. You will see a preview of the image
• Click on the OK button

MOL-Gallery provides you an option of choosing images from the image gallery. If you do not have your own image created, you can use images from MOL-Gallery. To select image from MOL-Gallery –

• Click on MOL-Gallery
• Click on the down arrow to choose your category. You will get a preview of the image
• Click on the OK button

Edit your Site Name

Click on Site Name. The Site Name Editor appears
Type the name of your site
Click on OK

.........................................................................................................................

Step 3- Ecommerce Section

During registration the new user may select for E-commerce package. In that case she will be able to create an online store page in her site while defining the pages after registration in the "Page Selection" page. There the user can define her online store by checking the checkbox at the right side of the Online Page row, i.e. the 7 th. row. In case she has not checked it, she can define any page to be the online store of her site later on by checking the box at the right of Navigation Menu Title in the "Add Page" page. An online store page can not be modified with the help of editor, so the page link won’t appear in the Manage Content row. User has to carry out the following steps (mentioned in the Help section) to modify an online store page –

Add Product

User should follow the steps given to add product(s) in the ecommerce page.Each product will have one (minimum) or more variety [For example, if the product is a Television then varieties can be different models or makes.].

• Add Product: Type product information and click on the Add button.
  Each product will have one (minimum) or more variety [For example, if the product is a Television then varieties can be different models or makes. If a product does not have any variety then a variety with the same name as product name should be added.] Click on Add Variety button, if you want to add one or more variety under any existing product.

Product Addition Confirmation: Confirmation of the product has been added. Now click on the "Upload Image".

Upload image for Product: Click on the Browse button to find the thumbnail and large view image of product click Upload button. To upload an image of the product you have to first click on the Browse button to select the proper image (after selecting the image file name must appear in the Product Image field with the full path. Then click on the Upload button. You can upload one image for a particular product.

Image Upload Confirmation: Confirmation of the image(s) of the product has been added. Now click on the "Add Variety".

Add Product Variety: Type variety information in the fields given and click on the Add button.

Product Variety Addition Confirmation: Confirmation of the product variety has been added. Now click on the "Add Product" to add a new product or click on "Add Variety" to add another variety under the product.

Modify Product

User can modify the information pertaining to any product or its associated variety. To modify any specific product click on the product name hyperlink at left panel of the above table and to modify any specific variety click on the variety name at the right panel.

Delete Product

User can delete any product or its associated variety. To Delete any specific product click on the checkbox beside its name at left panel of the above table and to Delete any specific variety click on the checkbox beside its name at the right panel. Delete product means all the varieties under this product will be deleted.

Generate Page

Once user has entered all information about the products to be displayed in the e-commerce page of her site, she has to click on the Generate Page link on the last (Manage Site) row of links at the top. This will create the ecommerce page. This link will appear only when user is in the ecommerce page, i.e. the ecommerce page link in the top row is highlighted.

.........................................................................................................................

Step 4– Managing Content

You can easily manage (i.e. insert, modify or delete) the content of any page by clicking the corresponding page link in Manage Content. This will open the Content Editor, where you can edit the desired content. When you open the Content Editor for the first time, you will see a text already placed in the editor, which looks like "Click on the page link in Manage Content section above to enter content in this page". This is nothing but a help text to guide you how to reach the Content Editor to manage content of the page. Please delete this text and put the content of your choice. You can check the spelling of the content you write using Microsoft Word, means you can type the desired content in Microsoft Word, check the spelling, then paste the content into the content editor.

Formatting text is necessary for your site appearance. You can always change the default format and make your site more attractive.You can format your text easily with Copyright Statement Editor, Site Name Editor, etc. Before start formatting, you need to know how to select the text you want to apply formatting. To select text move the mouse cursor in front of the text you want to select. Click the left mouse button and hold the mouse button down while you move your mouse to the end of the text you want to select. Now release the mouse button. The text will be selected.

Format Text

• Click On The Down Arrow By Style To Change The Heading Style
• Click On The Down Arrow By Font To Change The Font Type
• Click On The Down Arrow By Size To Change Font Sizes.
• Click On B To Boldface The Text
• Click On I To Italicize The Text
• Click On U To Underline The Text

Change Alignment – to change the alignment of the text

• Click the left button to align left
• Click the center button to align center
• Click the right button to align right

Adding a List – to add a list to your text, select the text then click on the appropriate icon in the toolbar.

• Click the bullet icon to make a bulleted list
• Click the icon with numbers to make a numbered list

Adding a Link – There are two ways of adding links.

If you want to place a link in your page to any other page on your website or any other website.

• Type the address of the webpage
• Click on the Enter key

It will automatically turn into a link. Now open the page where you have placed the link on the browser, click on the link, to check if the linked page opens.
Alternatively, if you like to provide link on any text –

• Select the text
• Click the Insert or Make URL icon. A dialog box will appear
• Enter the hyperlink information – choose the type of the web address from the Type drop down menu
• Enter the complete URL of the webpage that you want to link
• Click the OK button

Changing Text Fore Color and Back Color – To change text fore color

• Select the text
• Click on the icon Text ForeColor
• Click on any color of your choice provided in the color box
• To change Text BackColor
• Select the text
• Click on the icon Text BackColor
• Click on any color of your choice provided in the color box

To change background color

• Click on the icon Editor BackColor
• Click on any color of your choice provided in the color box
• Your background color will be changed

Uploading Images

To upload an image

• Click on the Image icon. The Insert/Update Image window will appear
• Select the image folder from the Select Folder drop-down list
• Select the desired image from the File Name list by clicking on the Select link of the image. To see the image in a comparatively larger size, click again on the same link.
• Specify an alternate text in the Alternate text text box, which will appear when the image is not displayed and when the mouse is rolled over it
• Specify the desired alignment from the Alignment drop-down list
• Specify the thickness of the image border from the Image border drop-down list
• Specify the width and height of the image in the corresponding text box
• Specify the Horizontal and Vertical Spacing of the image in the corresponding text box, this will create a blank space of specified width around the image
• Click on the Insert button to insert the image on your page

 Align Attributes

• AbsBottom: This command aligns the image to an ‘absolute bottom’ position with respect to the text.
• AbsMiddle: This command aligns the image to an ‘absolute middle’ position with respect to the text.
• Baseline: This command aligns the image to the baseline of the cell of a table when you are using a table.
• Bottom: This command aligns image to the bottom position with respect to the text. This may not be the absolute bottom.
• Top: This command aligns image to the top position with respect to the text.
• Middle: This command aligns image to the middle position with respect the text. The position may not be the absolute middle.
• Right: This command aligns the image to the right position with respect to the text.
• Horizontal spacing: This command provides horizontal spacing of the image with respect to its surrounding.
• Vertical spacing: This command provides vertical spacing of the image with respect to its surrounding

.........................................................................................................................

Uploading PDF Documents

To upload a PDF file

• Click on the Image icon. The Insert/Update Image window will pop up.
• Click "Browse" button on the "Insert/Update Image" popup window.
• The "Choose File" dialogue box appears. Choose the PDF file you want to upload, from your computer's hard drive and click "open". As soon as a file is selected and "Open" button is clicked, the "Choose File" dialogue box closes.
• Click "Upload" button in the "Insert/Update Image " window.
• After a few seconds (depending on the size of the file being uploaded), the file is uploaded and appears in the list titled "File Name".

Adding a link to the PDF document you just uploaded –

• Select the text to be linked to the PDF document
• Click the Insert or Make URL icon. The "Hyperlink" dialog box will appear
• Enter the name of the PDF file you just uploaded, in the text box shown in the above image. As the PDF is uploaded in "images" directory of your website, please make sure to type in "images/" before the name of the PDF file and also make sure to type in the filename extension (.pdf)
• Click the "Insert" button and the selected text is hyperlinked to the PDF uploaded by you.

.........................................................................................................................

Step 5– Generating Site

Now when you have finished designing your site, you must be eager to see how it looks on the browsing window. This option helps you to generate your website

To generate your site

• Click on the Generate Site menu. The Site Generator page appears
• Click on View Your Site. A separate browsing window opens, you can get a view of your site
• Check whether the links and buttons are working or not
• If you find any problem cancel the browsing window and
• Click on Go Back to Members Online Design Center
• Keep making the necessary changes until your site works properly

.........................................................................................................................

Step 6– Submit to Designer

To submit your site to the designer

• Click on the Submit to Designer link. The Submit to Designer page will appear
• Specify additional information (if any) of your site Additional Information text box
• Upload image (if any) by clicking on the Upload Image link
• Verify the user information
• Click on the Submit button

.........................................................................................................................

Step 7– Logging Out

If you are using your personal computer to edit your site you don’t need to log out. Next time when you start work, you don’t have to enter your user ID and password to access your website. You will be able to edit your site automatically. But if you are working on a shared computer, then you must log out before leaving the computer. This will prevent other people from editing your website.

If you login from another computer, and if any other person is using the same login on another computer, it will be automatically logged out. In other words, only one person can edit your website at a time. Therefore if you forget to log out of a public computer, this utility will protect your site from being modified by any other person.

To log out

• Click on the Log Out button, which you will find on the top right side of every page

.........................................................................................................................