文章分類

食品安全 自由軟體

有關阿原記事本

阿原,江易原,記下一些事情跟朋友們分享,也留下自己學習與成長的紀錄。教學課程網請見 "阿原小站" 還有阿原開放式課程以、阿原教學影片阿原生活影片阿原創新顧問公司
版權:除特別聲明外,本網站之照片及文字等,皆為版權沒有 (public domain),歡迎使用
*本站累積不少教學與食品安全資料,請善用左上角的網頁搜尋功能

2014/02/10

在 Google 部落格中嵌入表格不再困難--使用 Google 試算表

動機:
在阿原把網頁從學校主機移到 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 所以先用我課堂上的資料來用 (所以會每週更新),未來若有時間,會另外製作示範的檔案。