Editing Webpages in cPanel
1) First you need to log into your cPanel - http://www.yourdomain.com/cpanel
- Username and Password
2) Inside Cpanel click on the File Manager (typically 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.html
- (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
Have Fun!
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.
|
