Google Drive Webhotelliksi ja vielä helposti!

Googlettelin aamukahvia nauttiessani uusia ideoita HTML-sivujen tekemiseen yläkoulun tietotekniikassa. Oppilaat usein kysyvät, että miksi eivät saa julkaistua omaa tuotostaan OIKEASTI netissä? Niin, miksipä ei…

Silmiin osui otsikko, jossa neuvottiin, miten Google Driven julkisesta kansiosta voi tehdä webhotellin JA VIELÄPÄ HELPOSTI! Koulussamme Kivimaalla on käytössä GAFE, joten otsikko kuulosti aivan liian hyvältä ollakseen totta. Itse olin skeptinen aivan loppuun asti, mutta kyllä, se todella toimii. Tässä ohjeet, että miten:

A. Webhotellin valmistelu

  1. Kirjaudu Google Driveen ja luo uusi kansio.
  2. Tee kansiosta julkinen
    julkinen
  3. Siirrä kaikki www-sivustoon liittyvä sisältö (html-tiedostot, kuvat, jquery-tiedostot, javaskriptit jne..) tämän kansion sisään.
  4. Huolehdi, että kansiosta löytyy index.html. Se on oletuksellisesti sivuston etusivu.
  5. Kopioi julkisen kansiosi ID:
    1. Varmista, että olet oikeassa kansiossa
    2. Kansion ID löytyy osoiteriviltä folders/ perästä
      osoite
  6. Julkaise sivusto:
  7. Jos haluat lyhyemmän ja selkeämmän URL-osoitteen, käytä esim. bit.do (ei lisää mainoksia sivulle!) tms. palvelua, jolla saa siistimmän osoitteen, esim. bit.do/jukantesti

Lähde: http://mycodefixes.blogspot.ie/2012/12/google-drive-as-web-host.html

B. HTML-editorin asentaminen Driveen

Kätevin tapa muokata Google Drivella olevaa www-sivustoa, on tehdä sitä jollain Driven lisäosalla, koska tällöin tiedostojen turhalta siirtelyltä koneen ja Driven välillä vältytään. Yksi mainioksi osoittautunut lisäosa on Editey:

 

editey1

Editey ei kuulu Driven perusohjelmiin, vaan se täytyy lisätä sinne:

Uusi –> Lisää –> Yhdistä lisää sovelluksia (aivan listan alimmaisena):

editey2editey3

HUOM! Jos haluat html-editorin, joka luo täysin tyhjän HTML-sivun, josta voi lähteä työstämään, kannattaa käyttää HTML Editeytä:

 editey4

Editeyllä (punainen kuvake) puolestaan koodaaminen aloitetaan aina valmiista pohjasta. Pohjia löytyykin iso määrä Bootstrapin uusimmasta versiosta lähtien:

valmispohjaeditey
Valmiita pohjia Editeystä löytyy melkoinen määrä. Pohja valitaan kopioimalla esimerkki (copy example) omaan Driveen.