Upload your webpage to your server

For Monday’s blog post, you’ll create an HTML document and a CSS document. You’ll then need to put these documents on your group’s server so that they’re accessible on the web. To do this, we’ll zip up your documents and upload them to your group’s server.

Get your files ready

media_1446155403260.png

Once you’ve created your HTML and CSS documents, put them inside a folder on your computer. Give the folder a really short, easy to spell name. The folder name will be part of the URL!

Now compress your folder, with everything inside it, by right-clicking on the folder icon and selecting Zip or Compress. You should see a new icon called nameofyourfolder.zip. That puts everything in a nice, neat, easy-to-upload package.

Log into your group’s server

media_1446154476621.png

Cpanel is the name of the software that allows you to control the files on your server. Log into your group’s cPanel by going to yourgroup’sURL/cpanel.

You can also get to cPanel by logging in to your Reclaim Hosting account and clicking on the cPanel tab.

Open the File Manager

media_1446155015753.png

You can find the File Manager on cPanel’s Home page, about two-thirds of the way down the page. If a pop-up window asks you where you want to be taken, select web root. The web root is the folder, called public_html, that contains all of the files that the server will automatically “broadcast” to the internet.

What’s this?

media_1446155195206.png

This is your server’s File Manager, which contains all of the documents you’ve uploaded to your server. (Yours will probably have way less stuff in it!) It works just like files on your own computer: you can put things in folders, take them out of folders, copy them, move them, and delete them.

Upload your zipped-up folder

media_1446221397907.png

Click on Upload at the top of your file manager. In the window that opens, leave the options as they are and choose the zipped version of the folder that contains your documents.

Go back home

media_1446221876895.png

When the status bar at the bottom of the window says Complete, click on the Back to home link.

Find your folder

media_1446221943323.png

Once you’re back at your file manager, find and click on the zipped file you just uploaded.

Extract the folder

media_1446222033053.png

With your zipped folder selected, click on Extract. (Extract is just another way of saying “unzip.”) Leave the options as they are in the windows that follow and click OK and then Close.

Hey, guess what? You’re done!

Where’s my webpage?

media_1446222410886.png

The URL to the webpage you just uploaded will look like this: http://www. theURLofyourgroup’ssite/thefolderyouuploaded/ You did it! You built a webpage and uploaded it to the web!

BONUS: If you make changes to your webpage and want to update it, just use the file manager to navigate to the folder that contains your HTML document and replace your old document with the new one.