Editing HTML Files using CPanel’s
File Manager
NOTE: For best results, use the Mozilla Firefox browser.
IE 7.0 has issues with the editor.
First identify the name of the page you want to change.
The name of the page is usually following a / (forward slash)
after your domain name. Navigate through your web site to
the page you want to edit and look for the file name after the
slash.
For example, the name shown in
the address bar on your browser might appear as http://www.YourDomain.com/NameOfPage.html.
The file name is NameOfPage.html.
FYI - If you want to edit the
Home page, you might not see a file name. Typically, the Home
Page is index.html or index.htm.
To Get Started:
- Login to cPanel. Your domain
name followed by /cpanel and press Enter. For example http://www.yourdomain.com/cpanel
- Enter your username and password and Enter.
Editing Steps:
1. To access the FILE MANAGER, click on the  icon
above the words File Manager on the main screen of your cPanel
interface.
2a. Click on the folder icon next to public_html.
2b. Click on the file icon of the page you wish to
edit.
3a.On the right side of the screen, verify that the
correct file has been selected.
3b. Click on HTML Editor on the right side of the screen:
4. Another window will open with the contents of that
file.
5. To edit the file simply add, remove, or change
text by typing in the window, or use the text editing tools and
icons. If you mouse-over the icons, text will appear that
labels the icon.
6. When you have finished editing the file click on
the Save icon.
NOTE: After saving the changes to the file following will
appear (except file will be the name of the file and /home/directory//file
will be the directory you are in and the filename):
/home/directory//file File Saved
Continue editing file
7. To continue editing the file, click on the word file.
8. To return to the File Manager close the browser
window.
Backups:
Before editing a webpage, it's
best to back up the original version. In the event of a "catastrophic"
mistake, you may easily restore the original version. There are
number of ways to create a backup.
A couple of easy ones are as follows:
Backing up to Notepad:
Notepad is one of the most common
text-only editors. Most PC users have Notepad already installed
on their computer.
- Open a blank Notepad document.
- Navigate to the file you wish
to edit in the File Manager.
- Click on the page link.
- A menu will appear on the top
right of your monitor.
- Click on the "Edit File"
link (a new browser window will open).
- Copy and Paste all of the code
from the new browser window into Notepad.
- Close the new browser window.
- Save the Notepad document to
your computer's hard drive (somewhere it may be easily located).
- We recommend using a similar
file name so it may be easily identified i.e. about.html to about.txt
(Notepad will automatically use the .txt extension).
- Proceed to editing the HTML
file.
To restore a file from Notepad:
- Open the saved Notepad document.
- Navigate to the file you wish
to restore in the File Manager.
- Repeat steps 3-5 above.
- Copy and Paste all of the original
code in Notepad into the new browser window. Make sure to delete
the existing code first.
- Click "Save" at the
bottom of the page.
Backing up to the File Manager:
You may also backup your files
in the File Manager. Simply create a new folder (backup) in the
/public_html/ directory and copy the file you wish to edit over
to the new folder.
Backing up files in the File Manager
may quickly use up your allotted server space, depending on the
number of files you have. It's also a "plus" to store
your files in a completely independent location.
|
