資訊基礎應用筆記/黃顯淳

電腦與網路資源

• 知識：
  1. UTF-8是萬國碼
  2. 區分客戶端與伺服器端。
  3. 怎麼線上解壓縮 zip 檔？
  4. 何謂 CC 授權？
  5. 何謂綠色軟體？
  6. 解釋十六進位與十進位的差別
  7. 解釋「色碼」
  8. 解釋 ASCII
• 技能：
  1. 顯示或隱藏檔案副檔名
  2. 用 google 找圖照
  3. 找圖的網址
  4. 怎麼複製出含中文的網址
  5. 找出綠色軟體市集
• 範例：
• 英文：

維基共享資源

• 知識：
  1. 維基共享資源大約有多少資源？
• 技能：*#註解
  1. 找圖照
  2. 找縮圖網址
  3. 縮圖網址的格式
  4. 找某張圖被哪些 wiki 頁使用
  5. 找某人上傳的縮圖
  6. 用分類找圖
• 範例：
• 英文：

wiki

• 知識：
  1. 什麼是 wiki ？
• 技能：
  1. 怎麼打出角括號：< > &
  2. 註解
  3. 下段標
  4. 有序列點
  5. 無序列點
  6. 外部連結
  7. 內部連結
  8. 連續文字分段
  9. 嵌入圖照*#嵌入 youtube 影片
  10. 嵌入非 youtube 影片
  11. 嵌入 wiki 頁
• 範例：

HTML

• 知識：
  1. 什麼是 HTML ？
  2. 什麼是 http ？
  3. http 和 https 的差別？
  4. 分辨顯示與原始碼
• 技能：
  1. 看原始碼
  2. 註解
  3. 使用 html,head,body 三標籤
  4. 用 titl 標籤，改變頁籤文字
  5. 指定 HTML 為 UTF-8 編碼
  6. p 標籤，font-size,font-family,text-align 三樣式
  7. 有序列點
  8. 無序列點
  9. span 標籤
  10. 做表格
      1. border-collapse 樣式
      2. 表格調中*#超連結
  11. 連續文字分段
  12. 嵌入圖照
  13. 嵌入影片
  14. 水平線
  15. 標題一級到六級
  16. 區塊
• 範例：
  1. 全班通訊錄
• 英文：

CSS

• 知識：
  1. 什麼是 CSS ？
• 技能：
  1. style 屬性格式語法
  2. 如何樣式定義一次，引用多次
• 範例：
• 英文：

SVG

• 知識：
  1. SVG是繪圖程式
  2. XML是可延伸的標記語言
  3. 做一個 XML、HTML、SVG 三者的關係簡圖。

XML { HTML文件 SVG向量繪圖

• 1. 說明 SVG 的三個特性
  2. 寫出 直線、多點成線、多邊形、圓、矩形 在 SVG 中的標籤名稱
  3. 找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
  4. Windows 上 SVG 楷書的名稱，或蘋果
• 技能：
  1. 用 SVG 畫一個圓。
  2. 用 SVG 畫一個熊臉
  3. 用 SVG 畫出「羅馬」兩個字
  4. 用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
  5. 用 SVG 畫出一朵花，有三個花瓣一個花梗
  6. 用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
  7. 用 SVG 畫出一個帶漸層色的方塊
  8. 用 SVG 畫一個用放射漸層表示的太陽
  9. 怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
  10. 怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
  11. 怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
  12. 怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
  13. 怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
  14. 怎麼縮小一張 SVG 圖的大小？
  15. 怎麼改變一張 SVG ICON 圖的顏色？
  16. 怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？*範例：
• 英文：

GIS

• 知識：
  1. GIS是可以縮小跟放大的像樣繪圖
• 技能：
• 範例：
• 英文：