Caution: The procedures change the actual site files. Any changes that you make will be immediately visible to your web visitors. You might consider making backups of your "live" files and working on these backups until your work is finished.

Note: For security reasons not all accounts have these features available. If you would like these available on your account, please send an email to customer support.

1. Open your control panel by entering your domain followed by cpanel:
   
   http://www.yourdomain.com/cpanel
   
    
2. Click on the "File Manager" icon.
   
    
3. Click the www icon to enter your web site directory (note that www is actually a link to public_html). Your view may appear slightly different than the view below - we have edited the screenshot to reduce its size.
   
    
4. Once inside choose which file you would like to edit and click the name of the file to bring up the option parameters. In the example below we have clicked the file "index.htm" indicated by the parameters view to the right.
   
    
5. Choose from the parameter options what you would like to do with the file. In this example, we will choose the Html Editor. This will launch the Html Editor in a new window. The figure below illustrates the basic tools that are available.
   
    
6. Clicking on the "Insert Table" button (#11) will launch the "Insert Table" dialog box. This dialog allows you to edit the properties of your table. Most properties are self explanatory.
     - Cell spacing is the number of pixels between each cell.
     - Cell padding is the number of pixels between the border of the cell and text within the cell.
   
    
7. Once you insert your table, you can click on the "Table, Row & Cell Properties" button (#12) to access additional properties of the table, such as alignment and the ability to add a background image.
   
    
8. Clicking on the "Insert/Edit an Image" button (#19) will launch the image dialog box. You may rename an image by highlighting an image on the left and clicking the hand/pen icon. Clicking on the "X" deletes the image. You may upload an image by clicking on the "Browse" button and selecting the image to be uploaded from you local computer. To insert an image on the web page, highlight the image (the image information section will display it's properties) and then click the "Next..." button.
   
    
9. After clicking "Next..." in the previous image dialog box you are presented with a second dialog box with additional properties that you may wish to define.
   
    
10. Clicking on the "Insert an Emoticon" button (#20) displays a dialog box with a selection of emoticons that you may wish to add to your site.
    
     
11. Clicking on the "Insert Horizontal Line" button (#21) will launch the horizontal line properties dialog box prompting you to define the parameters of your line.
    
     
12. To add a hyperlink, first highlight the text that you want displayed as a link. Second, click the "Insert/Edit a Hyperlink" button (#22) to launch the hyperlink dialog box. From this box you can add links within the document, add an email address, or add a web site (in the example below).
    
     
13. To add a link to a downloadable document, highlight the text that you want displayed as a link. Then, click the "Link to a Document" button (#23). Note that this button assumes that you have a "downloads" directory in your "public_html" folder. If you do not, then the button will not function.
    
     
14. To insert a bookmark simply position the cursor at the location on your page where you want to place the bookmark and click the "Insert/Edit a Bookmark" button (#24).
    
     
15. Special characters, like the "©" symbol can be inserted using the "Special Characters" button (#25).
    
     
16. The second row of buttons are self explanatory and include similar icons and functions found in Microsoft Word^®. These include defining the:
    
    ●  Paragraph Format
    ●  Font
    ●  Font size
    ●  Font style
    ●  Paragraph justification
    ●  Paragraph numbering
    ●  Paragraph bullets
    ●  Decrease/Increase indent
    ●  Font color
    ●  Highlight color
     
17. The final three buttons, which consist of tabs at the bottom of the HTML window, toggle your view between:
    
    ●  Design mode: similar to the design mode in FrontPage, it shows you approximately what your page will look once published and viewed from a browser.
    ●  Html code mode: shows you the behind-the-scenes code (html, javascript, forms, etc).
    ●  Preview: shows you what your page will look like once published and viewed from a browser.
     
18. Don't forget to save your your work by clicking on the "Save" button (#1). Closing the browser without clicking the save button will result in a loss of your work.

For more information regarding cPanel and the many options you have available to you, please check out these links:

• cPanel online documentation
• cPanel Adobe PDF documentation