Introduction

Create web page in your hosting account that is visible from the Internet. This will provide you with a test page, experience and confidence on your way to installing WordPress and setting up your blog.

This page assumes that you have:

  1. Chosen a web host and purchased a hosting package that includes cPanel
  2. Received an email from your hosting provider containing account information
  3. Have read my Introduction to cPanel page or already know how to use cPanel

Free image to include on your web page

In preparation to create web page, below are three free images to select from, to use on your web page. Pick the one that most indicates success to you in creating a page on the internet (success, open, lights-on). Download the image by right-clicking on it and saving it to your downloads folder or desktop.

The images are small versions of ones available from Unsplash.com. Unsplash has a huge range of free images, from great photographers, that you can use for your blog.

Creating web page

To start, if you are not already logged into cPanel, please do. To perform the necessary file operations to create the web page, click on the File Manager link:

File Manager icon and link

The file manager page will be displayed. Many of the functions are similar to your desktop/laptop file manager under Windows/MacOS/Linux.

The sequence of steps is shown in the following diagram and explained in the table underneath:

File Manager

StepDescription
1Click on public_html to select that folder. You should see only a cgi-bin folder to the right at this stage.
2Click the upload link to upload the image that you selected above, into this folder. You can either drag-n-drop the image you selected to the indicated browser area or click on the [Select File] button and locate the image in your downloads folder or desktop:

Image upload

After the image has uploaded, click the link at the bottom to return. The image should now be shown in File Manager (if not, click the Reload link above the files). Note the image filename, in preparation or Step 5.

3Click on the link shown to create a new file:

Create web page

Call the file index.html and click the [Create New File] button.

4Select the new index.html file.
5An editor page will open. Copy the text below into the editor page that opens.

Edit the content to replace “Watercolor Inspiration” with the name of your website/blog in three places. Near the bottom, ensure the image name matches the one you selected and uploaded, I used success.jpg.

Click on the [Save Changes] button, then [Close] button(both at top-right of page):

File contents:

<!DOCTYPE HTML>
<html>
<head><meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
<title>Watercolor Inspiration</title>
</head>
<body>
<br/><br/><br/>
<div align=center>
<p style=”font-family: verdana, sans-serif; font-size:20pt”><font color=”#505050″>Welcome to <span style=”font-weight: bold;”>Watercolor Inspiration</span></font></p>
<img src=”success.jpg” alt=”Watercolor Inspiration” height=”400″ width=”600″>
</div>
</body>
</html>

6This step is optional. It creates a file that lets search engines know to ignore you for now, so your pages should not show up on any searches (good while playing). If you do not create the file or when you delete it later, your web pages will be indexed by search engines.

To create the file, repeat steps 3-5 with a filename robots.txt and copy the text below into the file before saving and closing.

User-agent: *
Disallow: /

You have created a web page!

We set out to create web page which was visible on the Internet. Your page is now complete. Launch a browser and go to the Temporary web page URL specified by your hosting provider in their email (e.g. Temporary Webpage URL: http://123.123.123.123/~user).

No Image? If the image is not being displayed, check that the image file is in the File Manager folder with the index.html file. Upload the file as detailed above (Step 2). If the image is there, edit the index.html page (Steps 4 & 5) and check for a typo in the file name.

Enjoy the moment with a coffee/beer/wine. You’ve made a significant step forward.

Next we will connect your domain name to your hosting account, allowing you to view this page using your registered domain name (e.g. http://domain.com).

Next: We will connect your domain name to hosting.

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to Top