文章分類


有關阿原記事本

阿原,江易原,記下一些事情跟朋友們分享,也留下自己學習與成長的紀錄。教學課程請見 "阿原小站" 還有阿原開放式課程阿原直播與教學影片阿原生活影片阿原創新顧問公司阿原科幻小說-NC1543、教師教學社團:開源軟體與教學應用
版權:除特別聲明外,本網站之照片及文字等,皆為版權沒有 (public domain, Creative Commons Zero),歡迎使用
*本站累積不少教學與食品安全資料,請善用左上角的網頁搜尋功能,或是網頁右方文章分類整理。

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 所以先用我課堂上的資料來用 (所以會每週更新),未來若有時間,會另外製作示範的檔案。