自主學習專題二

出自福留子孫
在2018年6月23日 (六) 09:18由丁志仁對話 | 貢獻所做的修訂版本

跳轉到: 導覽搜尋
  1. 抽籤的籤
  2. 7.21~7.26的兩岸行動學習小隊輔
  3. 英文代課老師
  4. 振鐸行政老師
  5. 本日志工

個人 site 使用

  1. liteSite 建置與使用:產生選單頁、三級選單、映射到表內頁、映射到 wiki 頁
  2. wiki 入門:用空白行分段
  3. HTML 基本標籤:標籤成對,p、a、table、tr、td、th

HTML語法

HTML 的標籤內容分為三個層級:標籤、屬性、樣式指示

(一)標籤(標記)

  • 標籤必須成對:一般由開始標籤和結束標籤構成一對,如:<×>....</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
  • 開始與結束標籤合體:meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)是開始標籤與結束標籤合一的,寫成<meta />、<img />、<br/>、<hr/>

(二)屬性

  • 開始標記命令可以用「屬性」加以修飾,例如 img 標記可以有:
    1. src 屬性,指示圖的位置
    2. width 屬性,指示圖的寬度
    3. height 屬性,指示圖的高度
  • 屬性名後面是屬性值,屬性名與屬性值之間用「=」相連。同標記內兩組屬性是用空白相隔開。
  • 屬性值通常用一對單引號「'」或雙引號「"」包起來,如果屬性值當中不含空白,則引號通常可以省略;如果屬性值當中含空白,則引號絕對不可以省略。
  • class 屬性:引用已經定義的樣式。
  • style 樣式屬性:指示後面的內容應該長什麼樣子

(三)樣式指示

  • style 的值包含的常常超過一項以上的樣式指示
  • 兩組樣式指示以「;」間開
  • 名與值以「:」相連

新工具

  1. 開源(open source)
    • 開放標準(open standard)
    • 開放工具(open tools):
      1. 自由硬體:Arduino樹莓派、公共3D列印
      2. 自由軟體:不計其數
    • 開放內容(open content):CC授權
  2. web Base(HTML+HTTP)→XML→SVG,GIS
  3. 資源的五代演進:文字→圖照+文字→聲音+文字→影片+文字→互動+文字
  4. 人類社會資源揮霍陷阱
  5. 六年制學程的一些例子
  6. SVG
  7. GIS
  8. 維基共享資源
  9. 維基文庫
  10. 中文維基教科書
  11. 英文維基教科書
  12. voicetube
  13. TED
  14. 世界歷史地圖
  15. 大英百品
  16. 簡史
  17. youtube 上找世界歷史:100集世界歷史
  18. EzGo
  19. PhET
  20. CK-12
  21. tracker
  22. 手機 app:phyphox
  23. 影片下載:
    • Firefox+SaveFrom.net helper
    • Firefox+Video DownloadHelper
    • DVD轉影片檔:DVD Decrypter
  24. [subhd.com 中文字幕網]:因為其片名沒有簡繁互轉功能,如果知道英文片名,請用英文片名蒐尋。
    • 配合自行開發的字幕時間軸平移程式
    • 略為了解字幕 srt 檔的語法。
  25. 性教育親師生共讀書籍:《不怕小孩問》
  26. 伺服器:雲端化工作,不會「斷頭」
    • NAS+光世代:大量的影片儲存空間,分帳號給同學們,自己的 MediaWiki 平台(內容管理)
    • 租賃網站
  27. 「AI×物聯網×大數據」的機會與風險
    產消合一

任務驅動式的課程規畫

  1. 布署學習節奏:不是「產品與工序」,是「產生節奏並適時互動」
  2. 工具能力
  3. 以行動學習為例(兼談國際化教育)
  4. 以主題備課與專題進行為例
  5. 以職場實習為例
  6. 分組行動與個別行動

隨堂討論

匯整有用的學習工具,並且製作恰當的標籤雲

下載 filezilla 和 emeditor

學習公社

  • 召集人?
  • 書單:
    1. 物聯網革命:2~6章,13~16章
    2. 微權力:1~5章
    3. 非學校化社會:第6章