A-A+

用 Google Drive 也可建立 HTML 網頁

Google Drive 雲端硬碟的應用非常多,可以當成5GB免費檔案儲存空間,也可以用來放置文件、表單、免費圖片空間, 現在可透過 Google Drive 的檔案權限設定部分,讓文件可以公開存取,變成可以顯示在網路上的一個 HTML 靜態網頁,這個空間可以支援大部分的 HTML 語法,包含引入圖 片、使用 javascript 或是 jQuery 等等。

網站名稱:Google Drive
網站網址:http://drive.google.com

首先來到Google Drive雲端硬碟網站,點選左上角﹝建立﹞→﹝資料夾﹞來管理我們的HTML網頁檔案。

Screen Shot 2013-05-12 at 6.30.29 PM

接著將資料夾命一個名稱,並點﹝建立﹞繼續。

Screen Shot 2013-05-12 at 6.31.39 PM

當我們建立好後,請在該資料夾上點選右鍵,選擇【共用】裡面的【共用】設定。

Screen Shot 2013-05-12 at 6.33.38 PM

預設是私人,請點﹝變更﹞。

Screen Shot 2013-05-12 at 6.35.02 PM

接著權限部分請設定【公開在網路上】,存取權部分,請設定為【可以檢視】,然後點﹝儲存﹞。

Screen Shot 2013-05-12 at 6.36.05 PM

資料夾的建立與權限設定完成之後,請來到您的資料夾內,然後將已經做好的網頁上傳。

Screen Shot 2013-05-12 at 6.37.30 PM

這時會問你檔案是否要轉格式,在此請不要轉換任何檔案,以確保網頁可以正常運作,請點﹝開始上載﹞。

Screen Shot 2013-05-12 at 6.40.09 PM

當網頁上傳完畢後,右邊會顯示「已上載」。

Screen Shot 2013-05-12 at 6.40.38 PM

接著請點選在你的網頁資料夾中的網頁檔案(html檔案),使用滑鼠右鍵點一下,點【選擇開啟工具】→【Google雲端硬碟檢視器】。

Screen Shot 2013-05-12 at 6.50.31 PM

這時候我們會看到網頁是檢視原始碼的,請再點﹝預覽﹞即可。

Screen Shot 2013-05-12 at 6.51.43 PM

網頁會跳到公開頁面,這就是HTML網頁呈現頁面。

範例:https://googledrive.com/host/0B6klkwGlIRfCbmw2YU5PM0JfUzA/index.html

標籤: