自主學習專題二：修訂版本之間的差異

2018年6月23日 (六) 00:58的修訂版本

個人 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)：自由硬體、自由軟體
   • 開放內容(open content)：CC授權
2. 六年制學程的一些例子
3. SVG
4. GIS
5. 維基共享資源
6. 維基文庫
7. 中文維基教科書
8. 英文維基教科書
9. voicetube
10. TED
11. 世界歷史地圖
12. 大英百品
13. 簡史
14. youtube 上找世界歷史
15. 「AI×物聯網×大數據」的機會與風險

任務驅動式的課程規畫

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

隨堂討論

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