{"id":1436,"date":"2016-10-26T13:23:26","date_gmt":"2016-10-26T20:23:26","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f16\/?page_id=1436"},"modified":"2016-10-31T10:23:12","modified_gmt":"2016-10-31T17:23:12","slug":"upload-your-webpage-to-your-server","status":"publish","type":"page","link":"http:\/\/miriamposner.com\/classes\/dh101f16\/tutorials-guides\/web-publishing\/upload-your-webpage-to-your-server\/","title":{"rendered":"Upload your webpage to your server"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n

For Monday\u2019s blog post, you\u2019ll create an HTML document and a CSS document. You\u2019ll then need to put these documents on your group\u2019s server so that they\u2019re accessible on the web. To do this, we\u2019ll zip up your documents and upload them to your group\u2019s server.<\/p>\n<\/div>\n

\n

Get your files ready<\/h3>\n
\"media_1446155403260.png\"<\/div>\n
\n

Once you\u2019ve 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!<\/p>\n

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

\n

Log into your group\u2019s server<\/h3>\n
\"media_1446154476621.png\"<\/div>\n
\n

Cpanel<\/strong> is the name of the software that allows you to control the files on your server. Log into your group\u2019s cPanel by going to yourgroup\u2019sURL\/cpanel.<\/p>\n

You can also get to cPanel by logging in to your Reclaim Hosting account and clicking on the cPanel<\/strong> tab.<\/p>\n<\/div>\n<\/div>\n

\n

Open the File Manager<\/h3>\n
\"media_1446155015753.png\"<\/div>\n
\n

You can find the File Manager on cPanel\u2019s 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<\/strong>. The web root is the folder, called public_html<\/strong>, that contains all of the files that the server will automatically \u201cbroadcast\u201d to the internet.<\/p>\n<\/div>\n<\/div>\n

\n

What\u2019s this?<\/h3>\n
\"media_1446155195206.png\"<\/div>\n
\n

This is your server\u2019s File Manager, <\/strong>which contains all of the documents you\u2019ve 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.<\/p>\n<\/div>\n<\/div>\n

\n

Upload your zipped-up folder<\/h3>\n
\"media_1446221397907.png\"<\/div>\n
\n

Click on Upload<\/strong> at the top of your file manager. In the window that opens, leave the options as they are and choose the zipped<\/strong> version of the folder that contains your documents.<\/p>\n<\/div>\n<\/div>\n

\n

Go back home<\/h3>\n
\"media_1446221876895.png\"<\/div>\n
\n

When the status bar at the bottom of the window says Complete<\/strong>, click on the Back to home<\/strong> link.<\/p>\n<\/div>\n<\/div>\n

\n

Find your folder<\/h3>\n
\"media_1446221943323.png\"<\/div>\n
\n

Once you\u2019re back at your file manager, find and click on the zipped file you just uploaded.<\/p>\n<\/div>\n<\/div>\n

\n

Extract the folder<\/h3>\n
\"media_1446222033053.png\"<\/div>\n
\n

With your zipped folder selected, click on Extract<\/strong>. (Extract is just another way of saying \u201cunzip.\u201d) Leave the options as they are in the windows that follow and click OK<\/strong> and then Close<\/strong>.<\/p>\n

Hey, guess what? You\u2019re done!<\/p>\n<\/div>\n<\/div>\n

\n

Where\u2019s my webpage?<\/h3>\n
\"media_1446222410886.png\"<\/div>\n
\n

The URL to the webpage you just uploaded will look like this: http:\/\/www. theURLofyourgroup\u2019ssite\/thefolderyouuploaded\/<\/strong>\u00a0You did it! You built a webpage and uploaded it to the web!<\/p>\n

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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

For Monday\u2019s blog post, you\u2019ll create an HTML document and a CSS document. You\u2019ll then need to put these documents on your group\u2019s server so that they\u2019re accessible on the … Continue reading “Upload your webpage to your server”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":90,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1436","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/pages\/1436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/comments?post=1436"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/pages\/1436\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/pages\/90"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f16\/wp-json\/wp\/v2\/media?parent=1436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}