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

出自跨校選修
跳至導覽 跳至搜尋
行 92: 行 92:
 
*#如何樣式定義一次,引用多次  
 
*#如何樣式定義一次,引用多次  
 
*範例:<a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/範例.html">範例1</a> <a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/stylecolor.css">範例2</a>
 
*範例:<a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/範例.html">範例1</a> <a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/stylecolor.css">範例2</a>
*英文: (Extensible Markup Language)
+
*英文: XML(Extensible Markup Language) HTML(HyperText Markup Language) SVG(Scalable Vector Graphics)
 
</mwdetails>
 
</mwdetails>
  

於 2021年6月28日 (一) 10:05 的修訂

<mwdetails><summary>電腦與網路資源</summary>

  • 知識:
    1. 什麼是 UTF-8? 萬國碼:網址原只能用英文,但後來發展到各國文字皆可用
    2. 區分客戶端與伺服器端。伺服器端的特徵:被動的角色(從)等待來自使用者端的請求、處理請求並傳回結果 使用者端的特徵:主動的角色(主)發送請求、等待直到收到回應
    3. 怎麼線上解壓縮 zip 檔? 只有 apple電腦需要
    4. 何謂 CC 授權? <a href="http://jendo.org/wiki1231/index.php?title=CC" target=_blank>CC授權</a>是免費的,無特定對象授權,只要遵守規則都可使用
    5. 何謂綠色軟體? 免安裝軟體,好處:不占空間、可以隨時移動到任何位置
    6. 解釋十六進位與十進位的差別 十進位是我們平常用的數字進位制,十六進位則是使用0~9和英文A~F(十進位制的10~15)表示,且逢十六進一。色碼使用十六進位制
    7. 解釋「色碼」 色碼就是代表顏色的代碼 像是:#000000 其他色碼也可以從網路上找到 <a href="https://htmlcolorcodes.com/color-names/">色碼網站</a>
    8. 解釋 ASCII <a href="https://zh.wikipedia.org/wiki/ASCII">wiki上找的</a>

</mwdetails>

<mwdetails><summary>維基共享資源</summary>

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

</mwdetails> <mwdetails><summary>wiki</summary>

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

</mwdetails>

<mwdetails><summary>HTML</summary>

  • 知識:
    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. 全班通訊錄
  • 英文:

</mwdetails>

<mwdetails><summary>CSS</summary>

</mwdetails>

<mwdetails><summary>SVG</summary>

  • 知識:
    1. 什麼是 SVG ? 可縮放向量圖形
    2. 什麼是 XML ? 可延伸標記式語言
    3. 做一個 XML、HTML、SVG 三者的關係簡圖。
    4. 說明 SVG 的三個特性 1. XML語法,用書寫指示來畫圖。2. 二維向量圖形格式,不是點陣圖,無段縮放不會毛邊。3. 由W3C制定,是開放標準。
    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 頁引用?
  • 範例:
  • 英文:

</mwdetails>

<mwdetails><summary>GIS</summary>

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

</mwdetails>