資訊基礎應用筆記/徐恕禾

電腦與網路資源

知識：
1. 什麼是 UTF-8？
  - 萬國碼。網址原本只能與用英文，後來發展到各國文字皆可使用，編碼擴充為 UTF-8，中文字的顯示法為每個字由三碼組成（%+一個16進位碼）
2. 區分客戶端與伺服器端。
  - 區分客戶端與伺服器端。是一種網路架構，每一個客戶端都可以向伺服器發出請求。伺服器是被動的角色，主要是等待客戶端的請求，處理後傳回；客戶端則是主動的角色，發送請求並等待回應。例：電腦=客戶端；維基、Google=伺服器。
3. 怎麼線上解壓縮 zip 檔？
  - 因為MAC電腦沒有內建解壓縮，所以需要線上解壓縮，線上解壓縮即在線上找解壓縮的網站。例：https://extract.me/tw/
4. 何謂 CC 授權？
  1. 無特定對象授權，只要遵守規則都可用
  2. 可設定期間
  3. 姓名表示/人物授權(著作人格權)
  4. 創作者可決定是否能營利(斜槓$=不可)
  5. 不准修改(=)(ex.宣言)
  6. 相同方式分享(倒C/循環符號)，需允許後面的人繼續改
  7. 無任何標章則可修改
  8. 作者亡故/發表50年以上，著作權開放
  9. 最常見：姓名表示+相同方式分享
5. 何謂綠色軟體？
  - 不須安裝就可以執行的軟體，不需要占電腦空間即可使用的軟體。
6. 解釋十六進位與十進位的差別
  - 十進位為數字1,2,3...到10，之後就進位到11，這個為10進位法。而十六進位法就是由十進位法的1到10再加上六個英文字母，分別為A,B,C,D,E,F，所以9+1≠10，這裡的時已經是表示原本16的數字了，9+1=A、9+2=B，以此類推。
7. 解釋「色碼」
  - 顏色是由三原色組成，色碼則為以三原色顯示顏色的方法，色碼有六位數，其中前兩位表紅色，中間兩位表綠色，後面兩位表藍色
8. 解釋 ASCII
  - American Standard Code for Information Interchange，美國資訊交換標準代碼。以8個位元來表示一個字元，可用來表示英文大小寫字母、阿拉伯數字、以及各種符號，最多可表示256個字元。在ASCII編碼表上的每一個編碼都對應一個字元，稱為ASCII字元。每個英文字母都有他們解釋的編碼，以^開頭，再接一個符號，但是顯示的時候只會出現一個字元。ASCII只能顯示26個基本拉丁字母，所以現在的系統還是以萬國碼為主。
技能：
1. 顯示或隱藏檔案副檔名
2. 用 google 找圖照
3. 找圖的網址
  - 維基共享資源
4. 怎麼複製出含中文的網址
  - 因為中文在電腦的顯示是萬國碼，所以複製含中文網址貼上時，中文部分會變成萬國碼，會很複雜，也難以辨認，因此可分次複製，或是少複製幾個字元，讓電腦不知道你複製的是網址，中文就不會變萬國碼，貼上後再補上少複製的字元，就可以讓網址保持顯示中文。
5. 找出綠色軟體市集
  - 阿榮福利味
範例：使用者:徐恕禾
英文：img(image), src(search), width(寬), height(高)

維基共享資源

知識：
1. 維基共享資源大約有多少資源？
  - 目前已有74,350,632份自由作品
技能：
1. 註解
  - 
2. 找圖照
  - file:(搜尋文字)
3. 找縮圖網址
  - 640px-V_for_Vendetta
4. 縮圖網址的格式
  - /thumb/
5. 找某張圖被哪些 wiki 頁使用
  - 徐恕禾:希伯來星盤
6. 找某人上傳的縮圖
  - 「wikimediacommons/特殊頁面/媒體上傳與報表/檔案清單/輸入使用者名稱」
7. 用分類找圖
範例：徐恕禾:希伯來星盤
英文：file(文件)

wiki

知識：
1. 什麼是 wiki ？
  - wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站，是維基媒體基金會運營的一個多語言的線上百科全書，並以建立和維護作為開放式協同合作專案，特點是自由內容、自由編輯、自由著作權。目前是全球網路上最大且最受大眾歡迎的參考工具書，名列全球二十大最受歡迎的網站，其在搜尋引擎中排名亦較為靠前。維基百科目前由非營利組織維基媒體基金會負責營運。Wikipedia是混成詞，分別取自於網站核心技術「Wiki」以及英文中百科全書之意的「encyclopedia」。截至2021年初，所有語種的維基百科條目數量達5500萬。
技能：
1. 怎麼打出角括號：< >
  - 使用amp;打出字母的角括號 <>
2. 註解
  - 
3. 下段標
  - ==
4. 有序列點
  - #
5. 無序列點
  - *
6. 外部連結
  - <a> 網址 </a>
7. 內部連結
  - []
8. 連續文字分段
  - 兩個空白建
9. 嵌入圖照
  - <img src'圖照網址' width=寬度 height=*/>
10. 嵌入 youtube 影片
  - <videoflash> youtube網址("https://www.youtube.com/watch?v=tLGHKyZs0Gk" v=後面的網址 "tLGHKyZs0Gk" </videoflash>>
11. 嵌入非 youtube 影片
  - <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
12. 嵌入 wiki 頁
  - [[]]
範例：使用者:徐恕禾

HTML

知識：
1. 什麼是 HTML ？
  - HTML(HyperText Markup Language)，HTML 的標籤內容分為三個層級：標籤、屬性、樣式指示
2. 什麼是 http ？
  - http 超文件傳輸協定(HyperText Transfer Protocol)，HTTP是全球資訊網的數據通信的基礎。設計HTTP最初的目的是為了提供一種發布和接收HTML頁面的方法。透過HTTP或者HTTPS協定請求的資源由統一資源識別碼（Uniform Resource Identifiers，URI）來標識
3. http 和 https 的差別？
  - http 傳輸未加密；https 傳輸加密，需買認證
4. 分辨顯示與原始碼
  - 在任何網頁中按 ctrl+U 即可檢視原始碼。
技能：
1. 看原始碼
  - ctrl+U
2. 註解
  - 
3. 使用 html,head,body 三標籤
  - html 超文件(HyperText Markup Language)、head 文件頭、body 本文
4. 用 title 標籤
  - <title> … </title> 改變頁籤文字
5. 指定 HTML 為 UTF-8 編碼
  - <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
6. p 標籤，font-size,font-family,text-align 三樣式
  - <p> … </p>，font-size:字體大小(pt),font-family:字體,text-align:位置(靠左中右) 三樣式
7. 有序列點

 <ol>
 <li>...</li>
 <li>...</li>
 <li>...</li>
 </ol>

1. 無序列點

 <ul>
 <li>...</li>
 <li>...</li>
 <li>...</li>
 </ul>

1. span 標籤
  - 文字小片段
2. 做表格
  1. border-collapse 樣式：框線樣式
  2. 表格調中：align=left/center/right（表格位置：靠左／調中／靠右）
3. 超連結
  - <a href=連結>連結名稱 </a>
4. 連續文字分段
  - <br/>
5. 嵌入圖照
  - <p align=left/center/right（圖片位置：靠左、調中、靠右）><img src="圖片連結" width="圖片寬度" height="圖片高度"></p>
6. 嵌入影片
  - <p align=left/center/right（影片位置：靠左、調中、靠右）><video src="影片連結" type="html5" width="影片寬度"></video></p>
7. 水平線
  - <hr/>
8. 標題一級到六級
  - <h1></h1>到<h6></h6>
9. 區塊
  - <div></div>
範例：通訊錄
英文：head(頭), body(身體), title(標題), align(對齊), border(邊界，邊框)

CSS

知識：
1. 什麼是 CSS ？
  - 用來將文件添加樣式，可以定義字型、顏色、樣式等，將每種樣式定義名稱，在HTML中寫樣式名稱，就能套用樣式。
技能：
1. style 屬性格式語法
  - 樣式名與樣式值之間用冒號分開，以分號結尾。
2. 如何樣式定義一次，引用多次
  - 在檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字樣式
範例：張又懿範例
英文：style(樣式)

SVG

知識：
1. 什麼是 SVG ？
  - 可縮放向量圖形(Scalable Vector Graphics)
2. 什麼是 XML ？
  - 可延伸標記式語言(Extensible Markup Language)
3. 做一個 XML、HTML、SVG 三者的關係簡圖。
  - XML 包含 HTML 和 SVG
  - XML { HTML 文件
    
    SVG 向量繪圖
4. 說明 SVG 的三個特性
  1. XML語法，用書寫指示來畫圖。
  2. 二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
  3. 由W3C制定，是開放標準。
5. 寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
  - line(直線), polyline(多點成線), polygon(多邊形), circle(圓), rect(矩形)
6. 找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。
  - 數學概念圖/圖解數學
7. Windows 上 SVG 楷書的名稱，或蘋果
  - DFKai-SB
技能：
1. 用 SVG 畫一個圓。
  - cx(圓心x座標)，cy(圓心y座標)，r(半徑)
2. 用 SVG 畫一個熊臉
  - 熊臉
3. 用 SVG 畫出「羅馬」兩個字
4. 用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
  - text.svg
5. transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
  - scale字體縮放, rotate拉斜, translate位移
6. 在 SVG 原始碼中怎麼把一堆東西打包成群？
  - 加<g> </g>
7. 用 SVG 畫出一朵花，有三個花瓣一個花梗
  - 3petals.svg
8. 用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
  - 3flowers.svg
9. 用 SVG 畫出一個帶漸層色的方塊
  - gradient.svg
10. 用 SVG 畫一個用放射漸層表示的太陽
  - gradientsun.svg
11. 怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
  - 用Microsoft Lens拍照，上傳到電腦後用小畫家裁邊，再放到inkscape上編輯。
12. 怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
  - 使用inkscape的「描繪點陣圖功能」
13. 怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
  - 先縮小圖片，之後在文件屬性中選擇「將頁面調整成圖片大小」
14. 怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
  - 使用inkscape，存成png檔案格式。
15. 怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
  - iconsearch
16. 怎麼縮小一張 SVG 圖的大小？
  - scale改變大小
17. 怎麼改變一張 SVG ICON 圖的顏色？
  - style改變色碼或是顏色名稱
18. 怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
  - 上傳到檔案櫃，在要加icon的文件裡面寫icon:將'SVG ICON圖'放入
範例：大英百品地圖
英文：line(直線), polyline(多點成線), polygon(多邊形), circle(圓), rect(矩形), scale(縮放), rotate(旋轉), translate(位移)

GIS

知識：
1. 什麼是 GIS ？
  - GIS是「地理資訊系統」(Geographic Information System)，是指在地圖上加上數據或訊息。可用於輸入、儲存、查詢、分析和顯示地理資料。如標示路線
技能：
1. zoom:放大或縮小畫面
2. marker:標記，GIS中代表地點標示，用複數markers
3. address:地址
4. latitude:緯度, longitude:經度
5. map:地圖
6. polyline:多點成線
7. polygon:多邊形
8. circle:圓形
9. rectangle：方形(矩形)
範例：GIS&icon
英文：marker(標記), address(地址), latitude(緯度), longitude(經度), map(地圖), rectangle(矩形)

XML	{	HTML	文件
XML	{	SVG	向量繪圖

資訊基礎應用筆記/徐恕禾

導覽選單

搜尋