How To Create a Website For Free With Plegmahost Web Site Builder

If you’re wondering about how to build a website (for free), then this article will be helpful for you.
Have no idea where to start?  That’s perfectly normal, to be honest.  You’re not alone as most people think that website is something that only IT geeks are capable of doing.
 
You don’t need to be an IT geek to learn how to build a website from scratch today. You don’t even need to know code (a bit will help, but not a necessity and it won’t hold you back), you don’t need to manage hosts / servers, and you don’t need to have a lot of money. Just get a shared hosting package from Plegmahost and you’re ready to go!
 
 

Getting Start A Simple Website with Responsive Template

 

After login to your web hosting control panel (webiste.com/cpanel), find “RVSiteBuilder” under Software feature group.

control panel

For a fresh and first time, the User Interface (UI) is the following.

Simply click “Create a Project”.

screenshot-from-2013-11-21-15-12-21


The Create Project window will appear to let you insert the primary information: Project Name, Company Name, Slogan, etc.

 

screenshot-from-2013-11-21-15-30-35

Note: If you check “Mobile Compatible Website”, you’re going to build your website with “Mobile Compatible Template” (Responsive Template). The system will not allow you switch to use normal template later. 

#Difference between responsive and normal template.

 

screenshot-from-2013-11-21-15-31-48

 

Once finished naming your own project from Home step, RVSitebuilder will lead you to Step 1.

The step which is standing for Template Select. It first gives you a current template, you can change to others as want.

 

screenshot-from-2013-11-21-15-33-21

 

After finished selecting responsive template from Step 1 , RVSitebuilder once again leads you to Step 2, Website Design area.

The place to let you customise your own website header banner, background, Company Name, Slogan, Logo, Mobile Display enforcement, etc.

You can fully play and design your website here.

Let’s start!

screenshot-from-2013-11-21-15-38-38

Header color, you can choose a color from the color picker at the left hand to fancy your header.

screenshot-from-2013-11-21-15-41-55

Your Own Header Banner

Every template will have a current header banner image itself, but you can remove the current, add your own, make banner slide show.

screenshot-from-2013-11-21-15-42-22

Simply click “Add Image”, the upload window will promptly appears to add your own banner image.

screenshot-from-2013-11-21-15-45-31

“Browse” your own image from computer or choose one from the “Image Library”, and use drag-and-drop tool to crop the size as you want.

screenshot-from-2013-11-21-15-46-11-1screenshot-from-2013-11-21-15-46-45

Got it!

screenshot-from-2013-11-21-15-47-52

Put design to your Company Name and Slogan

Just “Mouse Hover” on the text and click “Pencil” symbol to open the text editor.

screenshot-from-2013-11-21-15-48-36

Use text editor tools to customise your company name as you want.

Tip: Some browsers may use cache system which causes choosing “Font Style” and “Font Size” don’t take respond. You can get avoid this by choosing “Default” before “Font Style” and “Font Size” you really want. :p

screenshot-from-2013-11-21-15-49-30

screenshot-from-2013-11-21-15-50-27

Do the same above for your slogan.

screenshot-from-2013-11-21-15-51-53

screenshot-from-2013-11-21-15-52-40

screenshot-from-2013-11-21-15-54-23
Now, reposition the Company Name and Slogan. Easy by
drag-and-drop it at the position you want in header. Don’t forget to lock its position by using “Lock” symbol.

screenshot-from-2013-11-21-15-54-49

Upload website and company logo

At “Branding” feature menu, click “Logo”.

screenshot-from-2013-11-21-15-55-18

“Browse” a logo image from your computer and resize it. (You can even resize logo in Step 2 interface later)

screenshot-from-2013-11-21-15-56-16

Here you go!

screenshot-from-2013-11-21-15-56-34

Resize and reposition your logo by drag-and-drop. Once you got the correct position, lock it by using “Lock” symbol.

screenshot-from-2013-11-21-15-57-01screenshot-from-2013-11-21-15-57-37

Navigation or Menu bar settings

At menu “Navigation”, click at “Navigation Style” drop-down list which contains up to 20 navigation styles to select.

screenshot-from-2013-11-21-15-57-46

You can preview the Navigation style at the preview area in Step 2 while choosing it. (Hover the menu with “+” to see submenu appearance)

screenshot-from-2013-11-21-15-58-28

Font settings for content area

At “Content” menu, you can set Font Style, Font Size, and Color for normal font and hyperlink.

Tip: Some browsers may use cache system which causes choosing “Font Style” and “Font Size” don’t take respond. You can get avoid this by choosing “Default” before “Font Style” and “Font Size” you really want. :p

screenshot-from-2013-11-21-16-00-48

Preview while setting.

screenshot-from-2013-11-21-16-00-51

Website Background Color*

*We provide only background color settings at the current version, background image will be available in next RVSitebuilder major version release.

Just simply choosing a color, and check preview.

screenshot-from-2013-11-21-16-01-05screenshot-from-2013-11-21-16-01-33

Mobile Display Enforcement

Under “Mobile Display” menu, set how text color and header color (optional) will display for your website when opening in Mobile mode.

Hidden” menu is to let you hide and show the website header parts: Company Name, Slogan, Logo, and Header Banner to your heart’s content.

screenshot-from-2013-11-21-16-02-26

Once finished your business (design) in Step 2. Do not forget to press “Upload Template” at the left hand above toolbar, unless you want to back to do it all once again.

screenshot-from-2013-11-21-16-01-42

After you finished enjoying design your website, now you’re at the Page Editor, the real website content customization.

At Step 3 interface, you’ll see too many symbols.

Well, start at “Add Page” at the “+” symbol.

screenshot-from-2013-11-21-16-09-18

This feature allows you add Page/ Component (Blog, Photo Gallery, Guestbook, etc.) / Internal Page, choose what you want, name it, add it.

screenshot-from-2013-11-21-16-09-22

Sample of adding page name “Tutorial Area”

screenshot-from-2013-11-21-16-10-00

The new added page appears.

To add content to the page, just click at “Pencil” symbol to direct to WYSIWYG page editor.

screenshot-from-2013-11-21-16-10-47

The fresh or first time in Page Editor, will be asked if you want to see tutorial first or go building your website.

screenshot-from-2013-11-21-16-17-48

To continue building your website, it will open the editor. Much and full options of page/content management are here, you can use them all.

screenshot-from-2013-11-21-16-37-30

Easy sample of how to add an image

Choose position you want to place the image (put mouse in page layout), then click at “Insert/Edit Image” at toolbar.

screenshot-from-2013-11-21-16-53-01

The upload window will appear.

In case (this sample case) you want to upload your own image, see “My Images” -> Local File -> “Upload” symbol at the top toolbar.

screenshot-from-2013-11-21-16-50-30

Click “Browse” to upload image, and “Insert”

screenshot-from-2013-11-21-16-53-33

Your inserted image will appear in the position you choose from the first place.

screenshot-from-2013-11-21-16-54-00

Add/Setting content

Just simply type your website content, mouseover for more font settings using the features in toolbar.

screenshot-from-2013-11-21-16-55-35

Do not forget to “Save” what you did at the “Save” symbol.

screenshot-from-2013-11-21-16-56-51

Preview and Publish your website! 

The most exciting step!

screenshot-from-2013-11-21-16-57-05

Click “Preview” to see how your website will be.

screenshot-from-2013-11-21-16-57-49

Click “Publish” to get your own website online to the world!

screenshot-from-2013-11-21-16-57-05-1

Publish window to let you choose your domain name for your website.

You can even choose http:// or https://, and with or without www in drop-down menu.

screenshot-from-2013-11-21-16-58-03

Or publish with submenu as below sample (yourdomainname.com/subdomain)

screenshot-from-2013-11-21-16-58-17

Press “Publish” and wait …..

The look of publish process window …

screenshot-from-2013-11-21-16-58-37
All Done!
if you have any problems at all, dont hesitate to contact us and we ll be happy to help!