Prerequisites:
A free Google Drive account.
A text editor. Notepad is fine, but I prefer Sublime Text 3.
HTML knowledge. Learning this is beyond the scope of this tutorial, but I have found a great list of resources for those wishing to start out.
Internet browser for testing. I'm using Chrome in my example.
Now, let's begin getting our page/site online:
Make a new folder in Google Drive and named it: Site
Within this folder, make a new text document and save it as: index.html
For the purposes of this, I used the following code within my index.html file:
<!DOCTYPE html>
<html>
<title>TEST PAGE</title>
<body>
<body bgcolor="66C7D4">
<h1>This is a TEST</h1>
<p1>This is a test of building a webpage and deploying it from Google Drive. This is a great alternative to paid options if you're looking to set up a basic site to show people something.</p1>
</body>
</html>
Use this code to test or place in your own .html and JavaScript files.
Go into Google Drive now and check the box next to your Site folder.
At the top of the page, click Share.
Click Advanced in the bottom right corner of the sharing box.
Click Change.
Chose On - Public on the web and click Save.
Note: Before closing the box, make sure you go to index.html or the homepage of your site and copy the document ID from the sharing URL that Google gives you.
My document ID for this tested looked like this: 0B5qOIaafmEh3bXk5aVMyZ0xQdlU
The link to my example test page is:
You can see my basic page is online and working hosted through Google Drive.
Play around with it and see what you can come up with!
Wow that's a wonderfull blog having all details & helpful. Web hosting NJ
ReplyDelete