Cpanel HTML Editor Tutorials

This Tutorial will show you how to locate Cpanel's powerful HTML Editor hidden inside the File Manager. It offers "real-time" editing of web pages in a "What You See Is What You Get" (WYSIWYG) environment, and even saves your file to the web with 1 click! Our HTML Editor is easy to use, and FREE with all Hosting Plans.

Learn how to use our Free HTML Editor
Index of Web Editing Tutorials

Locating the Editor in Cpanel

Intro: Any Web Page named index.htm will open automatically, and is commonly called the "Homepage". This also works for web pages inside of Folders:

• www.2serveu.net will automatically open our Homepage named "index.htm"
• www.2serveu.net/payment looks for a webpage named "index.htm" to open
• so always name the main page of your website index.htm

Important: All new hosting accounts at 2serveU.net have a Temporary Homepage named "index.htm" that needs to be Replaced or Edited:

• to Replace "index.htm" - If you have a Homepage already created upload it
• to Edit "index.htm" - We'll show you how to use our Free HTML Editor, just follow these simple Tutorials and you'll learn how in no time!

Tutorial 1: Locating the Editor

1) First you need to log into your Cpanel - http://www.yourdomain.com/cpanel
    http://www.2serveu.net/cpanel <= this link will get you in Right Now
    enter in your:
     Username and Password

2) Inside Cpanel click on the File Manager in the 2nd row

3) Inside File Manager click on the Folder to the left of public_html
    (This opens your public_html folder, where all your files should be)

4) Inside the public_html folder click on the index.htm - (to edit your homepage)

5) This brings up a list of functions on the right - click on Html Editor

This will open your homepage (or any page) in Cpanel's HTML Editor window

Cpanel's HTML Editor Toolbar uses a familiar interface, similar to MS Word

• Each Icon on the HTML Editor Toolbar performs a different task when clicked
• Some Icons are "shaded out", but they will become visable when needed
• Most of your page Editing will be done in the default "Design" mode

To see what your page would look like in a Web Browser click the Preview button at the bottom of the HTML Editor Window

If you're done previewing click Design button -

Feel free to experiment around with this powerful tool, and most of all, Have Fun!

Next Tutorial Creating New Files: How to create a web page

Top