• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer
ClassThink

ClassThink

School Technology Guides

  • E-mail
  • Facebook
  • RSS
  • Twitter
  • YouTube
  • HOME
  • LATEST
  • Featured
  • School App Search
    • Search
    • Dashboard
    • Directory Login
  • TEACHER GUIDES
    • Microsoft Teams
      • Microsoft Teams Teacher’s Hub
    • Microsoft OneDrive
    • Microsoft Stream
    • Microsoft Office
    • Microsoft Edge
    • Microsoft OneNote
    • Microsoft Office
    • Microsoft Outlook
    • Microsoft Windows
    • Microsoft SDS
    • Google Classroom
    • Google Meet
    • Zoom
  • REVIEWS
  • NEWSLETTER
  • ABOUT
    • Contact Us
    • About ClassThink
    • Support ClassThink
    • Write for ClassThink
    • Advertising and Sponsorship
You are here: Home / Google Apps / Hosting Webpages in Google Drive

Hosting Webpages in Google Drive

9 August 2013 by Karl Rivers Leave a Comment

Get your students creating HTML, CSS, and JavaScript and use their Google Drive account to host the results.

A couple of years ago I was asked to find a way to allow students to create and host webpages for an HTML course. Needless to say it involved much configuring of web servers to allow students to safely host web pages in a simple and easy manner.

All that wouldn’t have been necessary if we’d been using Google Drive.

With Google Drive you can host HTML, CSS, and JavaScript files and make them accessible publicly. You can even share pages publicly on the web.

One limitation is that Drive doesn’t support the hosting of server-side scripting languages such as PHP and ASP, but for basic HTML and JavaScript this is a great system.

Students can create webpages using a text editor, such as Notepad on Windows, and simply upload the file with a .html extension to Google Drive.

To host webpages in Google drive do the following:

  1. Upload your HTML, JavaScript, and CSS files to a folder within your Google Drive.
  2. Share the folder as “Public on the web.”
  3. Open the HTML file, and click the “Preview” button in the toolbar.
  4. The link will look something like that show below. Send this to whomever you wish to access your website.

Clearly this system won’t replace a permanent web host, but it is a great way for students to experience creating basic HTML pages and easily sharing them with others.

A Few Ideas

Consider creating a central Google Site or your own hosted webpage to link your student’s webpages and allow others in the class or school to view the work.

Javascript is an extremely flexible language and can produce everything from basic website UI interactions to complex browser games. Encourage your students to experiment.

Be Cautious

The ability for students to independently host and share public webpages is great, but is also open to abuse. Make sure the content your students are creating is appropriate and refresh their eSafety knowledge.

Make sure when you upload your HTML files Google Drive doesn’t try to convert them to Google Docs format.

You might also like...

Filed Under: Google Apps, Google Drive

This page contains references to products from one or more of our advertisers. We may receive compensation when you click on the links to these products. For an explanation of our Affiliate Policy, please visit this page.

About Karl Rivers

Karl Rivers is a Director of IT who has worked in education for more than twenty years. He won the Naace Impact Award for Supporting School Services.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

  • E-mail
  • Facebook
  • RSS
  • Twitter
  • YouTube

You might also like...

Popular School Apps

  • Bromcom Computers Plc

    Bromcom Computers Plc

    MIS/SIS System

  • CleverTouch

    CleverTouch

    Classroom Screens & Projectors

  • Capita SIMS

    Capita SIMS

    MIS/SIS System +3 Parent Communications, Parent Portal, Parents Evenings,

  • Wakelet

    Wakelet

    Learning Platform +1 Social Bookmarking,

  • BKSK

    BKSK

    Assessments +1 Educational Games & Quizzes,

Latest Edtech News

Virtual breakout rooms for Microsoft Teams – everything you need to know

Download the free OneNote for Team Collaboration eBook

New Surface Laptop Go Announced

Featured

Best Chromebooks for students in 2021

Create beautiful infographics for your classroom

Record online lessons with Camtasia

Naace Impact Awards Winner

Footer

Recent

  • Best Chromebooks for students in 2021
  • Create beautiful infographics for your classroom
  • Virtual breakout rooms for Microsoft Teams – everything you need to know
  • Record online lessons with Camtasia
  • Download the free OneNote for Team Collaboration eBook
  • New Surface Laptop Go Announced
  • Managing Windows 10 in schools with Intune and Autopilot
  • How to stop students unmuting themselves in Microsoft Teams
  • How to spotlight students & demonstrations in Microsoft Teams meetings
  • How to record a PowerPoint presentation as a video
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy

Recent Forum Topics

  • What is Call Center Employee Engagement?
  • Significance of Explainer Videos for Marketing
  • IproVPN is the Best US VPN Provider
  • Using VPN App in Apple or not? Not a big deal!
  • JvFHf5vfJ HyVSv2mpZ
  • Use VPN Security
  • How less is more with application development
  • How Much Does it Cost to Make an App like Uber
  • Microsoft Team class not appearing for teacher but is correct in Teams admin
  • FCM Test Notification!!! message in Microsoft Teams

Most Popular Posts

  • How to record a PowerPoint presentation as a video
  • How to delete a video from Microsoft Teams
  • How to publicly share a Microsoft Stream video
  • How to turn off chat for students in Microsoft Teams
  • How to enable Large Gallery view and Together Mode in Microsoft Teams
  • How to restore a deleted team in Microsoft Teams
  • How to repair a smashed Chromebook screen in 3 minutes
  • How to disable gifs (Giphys) in Microsoft teams
  • How to annotate and share a screenshot in Microsoft Teams
  • How to stop students muting and kicking others in Microsoft Teams video meetings
  • E-mail
  • Facebook
  • RSS
  • Twitter
  • YouTube

Copyright © 2021 · ClassThink.com · Affiliate Disclaimer · Privacy Policy · Here's the secret · Log in