在阿原把網頁從學校主機移到 Google blogger 之前,編輯表格都是用 OpenOffice,而編輯表格也是辦公室軟體的強項之一。
但是換到 Google blogger 之後,就是個麻煩,網友建議編輯 html 碼,但是阿原實在太兩光,尤其是 4*18 的表格要編輯或調整寬度,絕對是頭痛的事情。
又拜了 Google 大神,查到 Google 官方的說明 將試算表嵌入網誌或網頁
經過測試與修正,實在太棒了
請見阿原第一個使用這樣方式的網頁
Spring 2014 Food Safety and Control System 食品安全管制系統 (HACCP)
以後再來跟學生分享如何進行
----------
他們的官方文件,找時間阿原要細細的讀
2014-02-15 補充說明: 感覺 Google doc 試算表在調整上還是比較不方便。阿原最近買了一些電腦書,其中知名的《Google教我的 100 個工作方法》,提到 Google doc 的文件 (類似 Word or OpenOffice Writer),也可以
表一:這是嵌入試算表的原始 html codes
iframe width='500' height='300' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0AheJ26IHD2s0dDZaVVFDOHg4Q3puN0NqMDZoSTFELWc&single=true&gid=0&output=html&widget=true'></iframe
500x300 實在太小!
表二 我就改成 600x600
iframe width='600' height='600' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0AheJ26IHD2s0dDZaVVFDOHg4Q3puN0NqMDZoSTFELWc&single=true&gid=0&output=html&widget=true'></iframe
表三 這是嵌入文件 (不是上面的試算表) 原始的 html 碼
iframe src="https://docs.google.com/document/d/1jwzLsLab2xhrxMHOQo4I0oJkzoS_Tn_2HSdo4ng2aE8/pub?embedded=true">
表四 這是參考上面嵌入試算表的語法,修改過呈現的長寬
iframe frameborder="0" height="1200"src="https://docs.google.com/document/d/1jwzLsLab2xhrxMHOQo4I0oJkzoS_Tn_2HSdo4ng2aE8/pub?embedded=true" width="600"></iframe
Sorry 所以先用我課堂上的資料來用 (所以會每週更新),未來若有時間,會另外製作示範的檔案。