「資訊基礎應用筆記/稚博」修訂間的差異

出自跨校選修
跳至導覽 跳至搜尋
行 35: 行 35:
 
*英文:
 
*英文:
 
</mwdetails>
 
</mwdetails>
 +
<mwdetails><summary>wiki</summary>
 +
*知識:
 +
*#什麼是 wiki ?
 +
*技能:
 +
*#怎麼打出角括號:&lt; &gt; &amp;
 +
*#註解
 +
*#下段標
 +
*#有序列點
 +
*#無序列點
 +
*#外部連結
 +
*#內部連結
 +
*#連續文字分段
 +
*#嵌入圖照
 +
*#嵌入 youtube 影片
 +
*#嵌入非 youtube 影片
 +
*#嵌入 wiki 頁
 +
*範例:
 +
</mwdetails>
 +
 +
<mwdetails><summary>HTML</summary>
 +
*知識:
 +
*#什麼是 HTML ?
 +
*#什麼是 http ?
 +
*#http 和 https 的差別?
 +
*#分辨顯示與原始碼
 +
*技能:
 +
*#看原始碼
 +
*#註解
 +
*#使用 html,head,body 三標籤
 +
*#用 title 標籤,改變頁籤文字
 +
*#指定 HTML 為 UTF-8 編碼
 +
*#p 標籤,font-size,font-family,text-align 三樣式
 +
*#有序列點
 +
*#無序列點
 +
*#span 標籤
 +
*#做表格
 +
*##border-collapse 樣式
 +
*##表格調中
 +
*#超連結
 +
*#連續文字分段
 +
*#嵌入圖照
 +
*#嵌入影片
 +
*#水平線
 +
*#標題一級到六級
 +
*#區塊
 +
*範例:
 +
*#全班通訊錄
 +
*英文:
 +
</mwdetails>
 +
 +
<mwdetails><summary>CSS</summary>
 +
*知識:
 +
*#什麼是 CSS ?
 +
*技能:
 +
*#style 屬性格式語法
 +
*#如何樣式定義一次,引用多次
 +
*範例:
 +
*英文:
 +
</mwdetails>
 +
 +
<mwdetails><summary>SVG</summary>
 +
*知識:
 +
*#什麼是 SVG ?
 +
*#什麼是 XML ?
 +
*#做一個 XML、HTML、SVG 三者的關係簡圖。
 +
*#說明 SVG 的三個特性
 +
*#寫出 直線、多點成線、多邊形、圓、矩形 在 SVG 中的標籤名稱
 +
*#找一張能用在教學上,維基共享資源的 SAG 圖,說明可以用來教什麼主題。
 +
*#Windows 上 SVG 楷書的名稱,或蘋果
 +
*技能:
 +
*#用 SVG 畫一個圓。
 +
*#用 SVG 畫一個熊臉
 +
*#用 SVG 畫出「羅馬」兩個字
 +
*#用 SVG 畫出「羅馬不是一天造成的」九個字,並用旋轉拉斜
 +
*#transform 屬性可以有四種操作:位移、旋轉、大小縮放、拉斜,寫出前三種操作(位移、旋轉、大小)的語法
 +
*#在 SVG 原始碼中怎麼把一堆東西打包成群?
 +
*#用 SVG 畫出一朵花,有三個花瓣一個花梗
 +
*#用 SVG 畫出三朵花,每朵花都有三個花瓣一個花梗
 +
*#用 SVG 畫出一個帶漸層色的方塊
 +
*#用 SVG 畫一個用放射漸層表示的太陽
 +
*#怎麼將紙上的手繪圖拍下來,並展開為平整的電子檔?
 +
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖?
 +
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除?
 +
*#怎麼對一張點陣圖進行「去背」?(png 檔可去背,jpg 檔無法去背)
 +
*#怎麼找一張適合的 ICON ,並且是 SVG 格式的圖?
 +
*#怎麼縮小一張 SVG 圖的大小?
 +
*#怎麼改變一張 SVG ICON 圖的顏色?
 +
*#怎麼將自己修改的 SVG ICON 圖,可以有網址,能讓 HTML 與 Wiki 頁引用?
 +
*範例:
 +
*英文:
 +
</mwdetails>
 +
 +
<mwdetails><summary>GIS</summary>
 +
*知識:
 +
*#什麼是 GIS ?
 +
*技能:
 +
*範例:
 +
*英文:
 +
</mwdetails>
 +
 +
<!--<mwdetails><summary></summary>
 +
 +
</mwdetails>-->

於 2021年6月28日 (一) 09:16 的修訂

電腦與網路資源

  • 知識:
    1. 什麼是 UTF-8? 萬國碼:網址原只能用英文,但後來發展到各國文字皆可用
    2. 區分客戶端與伺服器端。伺服器端的特徵:被動的角色(從)等待來自使用者端的請求、處理請求並傳回結果 使用者端的特徵:主動的角色(主)發送請求、等待直到收到回應
    3. 怎麼線上解壓縮 zip 檔? 只有 apple電腦需要
    4. 何謂 CC 授權? CC授權是免費的,無特定對象授權,只要遵守規則都可使用
    5. 何謂綠色軟體? 免安裝軟體,好處:不占空間、可以隨時移動到任何位置
    6. 解釋十六進位與十進位的差別 十進位是我們平常用的數字進位制,十六進位則是使用0~9和英文A~F(十進位制的10~15)表示,且逢十六進一。色碼使用十六進位制
    7. 解釋「色碼」 色碼就是代表顏色的代碼 像是:#000000 其他色碼也可以從網路上找到 色碼網站
    8. 解釋 ASCII wiki上找的
  • 技能:
    1. 顯示或隱藏檔案副檔名 <!--(不表現)-->
    2. 用 google 找圖照 照片
    3. 找照片的網址
    4. 怎麼複製出含中文的網址 在複製包含中文、非英的網址時,不要包含最後一個字,放到頁面上後再自行補回
    5. 找出綠色軟體市集 找阿榮福利社
  • 範例: 印度河谷圖章
  • 英文:img(圖像),src(搜尋),width(寬),height(高),png(無背景),jpg(圖片檔)

維基共享資源

  • 知識:
    1. 維基共享資源大約有多少資源? 目前有:74,352,928個
  • 技能:
    1. 註解
    2. 找圖照 file:
    3. 找縮圖網址
    4. 縮圖網址的格式
    5. 找某張圖被哪些 wiki 頁使用
    6. 找某人上傳的縮圖
    7. 用分類找圖
  • 範例:
  • 英文:

wiki

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

HTML

  • 知識:
    1. 什麼是 HTML ?
    2. 什麼是 http ?
    3. http 和 https 的差別?
    4. 分辨顯示與原始碼
  • 技能:
    1. 看原始碼
    2. 註解
    3. 使用 html,head,body 三標籤
    4. 用 title 標籤,改變頁籤文字
    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. 標題一級到六級
    17. 區塊
  • 範例:
    1. 全班通訊錄
  • 英文:

CSS

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

SVG

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

GIS

  • 知識:
    1. 什麼是 GIS ?
  • 技能:
  • 範例:
  • 英文: