資訊基礎應用筆記/藍寧

電腦與網路資源

• 知識：

• 1. 什麼是 UTF-8？ 網址原來只有英文，但後來發展到各國文字都可以可用，編碼擴充為萬國碼 UTF-8，每個中文字由三個數值構成 (%+一個16進位數字)

• 1. 區分客戶端與伺服器端。 每一個客戶端軟體的實例都可以向一個伺服器或應用程式伺服器發出請求。有很多不同類型的伺服器

• 1. 怎麼線上解壓縮 zip 檔？ 用滑鼠右鍵按一下想要壓縮的檔案，然後選取[傳送到] > [壓縮的(zipped) 資料夾]。 開啟[檔案總管] 並尋找壓縮的資料夾。 若要解壓縮整個資料夾，按一下滑鼠右鍵選取[解壓縮全部]，然後依照指示操作。

• 1. 何謂 CC 授權？

1.無特定對象授權，只要遵守規則都可用

2.可設定期間

3.姓名表示/人物授權(著作人格權)

4.創作者可決定是否能營利(斜槓$=不可)

5.不准修改(=)(ex.宣言)

6.相同方式分享(倒C/循環符號)，需允許後面的人繼續改

7.無任何標章則可修改

8.作者亡故/發表50年以上，著作權開放

9.最常見：姓名表示+相同方式分享

• 1. 何謂綠色軟體？ 　綠色軟體可以分為兩類，即廣義的綠色軟體和狹義的綠色軟體。

　　所謂廣義的綠色軟體是指相應的軟體不需要專門的安裝程式，進而對系統所做出的改變比較少，即使是手工也可以方便地完成這些改變，例如拷貝動態庫或者導入註冊表。這裡的關鍵是手工可以方便地完成這些改變，或者可以藉助於批處理等腳本文件來完成。 　　所謂狹義的綠色軟體是指相應的軟體對現有的操作系統部分沒有任何改變，除了軟體現在安裝的目錄，應該不向其他的地方寫入信息；想要刪除該軟體的時候，只需直接刪除其所在的目錄即可，其性質類似於以前的大多數DOS程式。因此，往往這種綠色軟體被稱為純綠色軟體。

• 1. 解釋十六進位與十進位的差別 十進位，Decimal，就是日常生活中用的最多的，如：1，2，3，……100，200，300……。十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。基本符號是0到9十個數字。

十六進位：十六進位（英文名稱：Hexadecimal），是計算機中數據的一種表示方法。同我們日常生活中的表示法不一樣。它由0-9，A-F組成，字母不區分大小寫。與10進位的對應關係是：0-9對應0-9；A-F對應10-15；N進位的數可以用0~(N-1)的數表示，超過9的用字母A-F。

• 1. 解釋「色碼」 HEX 色碼是以十六進位值來代表不同色彩模式中的顏色的一種方式。 十六進位色碼的格式為#RRGGBB，其中RR是紅色，GG是綠色，而BB則是藍色。

• 1. 解釋 ASCII

• 技能：

• 1. 顯示或隱藏檔案副檔名

• 1. 用 google 找圖照

• 1. 找圖的網址

• 1. 怎麼複製出含中文的網址 分兩次複製

• 1. 找出綠色軟體市集 有一個叫阿榮的https://www.azofreeware.com/

(名子超俗氣噁心)

• 範例：

• 英文：

I HAVE A PEN=我有一支筆 Decimal=十進制 Hexadecimal=十六進制 img=圖片 zipped=壓縮的

維基共享資源

• 知識：
  1. 維基共享資源大約有多少資源？ 74,339,430

• 技能：
  1. 註解

• 1. 找圖照

• 1. 找縮圖網址

• 1. 縮圖網址的格式 像醬

https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Louisiana_Star.jpg/1024px-Louisiana_Star.jpg

• 1. 找某張圖被哪些 wiki 頁使用 這是被用的一個照片

• 1. 找某人上傳的縮圖

• 1. 用分類找圖

• 範例：rice?
• 英文：

rice?=飯? whatever=隨便

wiki

• 知識：
  1. 什麼是 wiki ？ wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」

• 技能：
  1. 怎麼打出角括號：< >

• 1. 註解

• 1. 下段標

==中標==

===小標=== ====小小標==== =====加粗標===== ======超小標======

• 1. 有序列點

1. AAA
2. BBB
3. CCC

• 1. 無序列點
• AAA
• BBB
• CCC

• 1. 外部連結 [URL 連結說明]

• 1. 內部連結 [[頁面名稱|連結說明]]

• 1. 連續文字分段
• AA
  1. AA1
  2. AA2
• BB
  1. BB1
  2. BB2

• 1. 嵌入圖照

• 1. 嵌入 youtube 影片 -連結

• 1. 嵌入非 youtube 影片

• 1. 嵌入 wiki 頁 [[jendo::Wiki 入門語法|Wiki 入門語法]](這是飯粒)

• 1. 範例 範例
  2. 英文

src=收尋 video=影片

HTML

• 知識：
  1. 什麼是 HTML ？ HTML，中文全名為「超文字標示語言」，是一種用來組織架構並呈現網頁內容的程式語言。網頁內容的組成，可能包含了段落、清單、圖片或表格...等。
  2. 什麼是 http ？ HTTP 全名是 超文本傳輸協定（HyperText Transfer Protocol），內容只規範了客戶端請求與伺服器回應的標準，實際上是藉由 TCP 作為資料的傳輸方式。
  3. http 和 https 的差別？ HTTPS 有加密 http沒有
• 技能：
  1. 看原始碼 ctrl+u
  2. 註解
  3. 使用 html,head,body 三標籤 在head裡面放如 title、meta、link、script、style、base 等,在body裡放網頁內容
  4. 用 titl 標籤，改變頁籤文字

　

• 1. 指定 HTML 為 UTF-8 編碼

• 1. p 標籤，font-size,font-family,text-align 三樣式 font-size=文字大小 font-family=字體 text-align=文字位置(水平置中等)
  2. 有序列點 #AAA
  3. 無序列點 *BBB
  4. span 標籤=文字小片段
  5. 做表格

{{#css: .nicetable {color:#2d5391;border:2pt solid #73A0AF;border-collapse:collapse;} .nicetable td {color:#2d5391;border:1pt solid #73A0AF;border-collapse:collapse;} .nicetable th {color:#2d5391;border:1pt solid #73A0AF;border-collapse:collapse;} }}

姓名	line	email	備註
藍寧	賽特咩	Ninellampe@gmail.com	神明

• 1. 1. border-collapse 樣式 合併框線
     2. 置中

　HTML 水平置中

• 1. 超連結

咩

• 1. 連續文字分段
• AA
  1. AA1
  2. AA2
  3. 嵌入圖照
  4. 嵌入影片 youtube 影片 -連結
  5. 水平線

     ---

     标签
  6. 標題一級到六級

=大標= ==中標== ===小標=== ====小小標==== =====加粗標===== ======超小標======

• 1. 區塊
• 範例：http://urclass.net/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E8%97%8D%E5%AF%A7/base1.html
  1. 全班通訊錄

{{#css: .nicetable {color:#2d5391;border:2pt solid #73A0AF;border-collapse:collapse;} .nicetable td {color:#2d5391;border:1pt solid #73A0AF;border-collapse:collapse;} .nicetable th {color:#2d5391;border:1pt solid #73A0AF;border-collapse:collapse;} }}

]

姓名	line	email	備註
藍寧	賽特咩	Ninellampe@gmail.com	神明
亣騭	Rio	williamyang300@gmail.com	yes
吳亞飛	亞飛(豆子)	yafei071020@gmail.com	學生
徐恕禾	恕	i61021221@gmail.com	Studentessa
李昀蓁	兔紙	alikayuen921@gmail.com	"buona" compagna
黃稚博	自拔	burtfook@gmail.com	"buona" compagna
鄭云禎	YUN	lola20040427@gmail.com	"buona" compagna
徐慕禾	慕哥	momo020219@gmail.com	Studente
黃顯淳		burt961007@gmail.com	備註
徐慕禾	慕哥	momo020219@gmail.com	Studente
張棨翔	0917511957	su20125012@gmail.com
曲汝川	line	karunaschuyler@gmail.com	學生
丁志仁	丁志仁	aledu2@gmail.com	老師

• 英文：

nicetable=善良的桌子 COLOR=顏色 VIDEOFLASH=閃來閃去的影片

CSS

• 知識：
  1. 什麼是 CSS ？

CSS 的英文名 Cascading Style Sheets，縮寫CSS，是一種樣式表 (Stylesheet) 語言。

• 技能：
  1. style 屬性格式語法

• 1. 如何樣式定義一次，引用多次

{{#css: .nicetable {color:#2d5391;border:2pt solid #73A0AF;border-collapse:collapse;} .nicetable td {color:#2d5391;border:1pt solid #73A0AF;border-collapse:collapse;} .nicetable th {color:#2d5391;border:1pt solid #73A0AF;border-collapse:collapse;} }}

• 範例：http://urclass.net/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E8%97%8D%E5%AF%A7/base1.html
• 英文：

cascading=及聯 border=邊境 collapse=塌陷 Style=風格 Sheets=床單

SVG

• 知識：
  1. 什麼是 SVG ？可縮放向量圖形
  2. 什麼是 XML ？可延伸標示語言
  3. 做一個 XML、HTML、SVG 三者的關係簡圖。
  4. 說明 SVG 的三個特性 SVG允許3種圖形物件類型：向量圖形、點陣圖像以及文字
  5. 寫出 直線、多點成線、多邊形、圓、矩形 在 SVG 中的標籤名稱 line(直線) polyline(多點成線) polygon(多邊形) circle(圓) rect(矩形) ellipse(楕圓)
  6. 找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。 可以用來教大家自然生物(蛙蛙)
  7. Windows 上 SVG 楷書的名稱，或蘋果 kaiti
• 技能：
  1. 用 SVG 畫一個圓。
  2. 用 SVG 畫一個熊臉
  3. 用 SVG 畫出「羅馬」兩個字
  4. 用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
  5. transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法 translate(x,y) rotate(幾度) scale(縮放)
  6. 在 SVG 原始碼中怎麼把一堆東西打包成群？ 用
  7. 用 SVG 畫出一朵花，有三個花瓣一個花梗 在下方圖中
  8. 用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
  9. 用 SVG 畫出一個帶漸層色的方塊
  10. 用 SVG 畫一個用放射漸層表示的太陽
  11. 怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？用microsoft lens
  12. 怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？ 先按path再到trace bit map調整後按ok
  13. 怎麼使用 inkscape 將 SVG 圖多餘的邊切除？ 按file再到 document properties之後按 resize page to drawing or selection
  14. 怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背) 按file再到 document properties之後按background color調到透明
  15. 怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？ 可以去 http://urclass.net/files/tools/icons.php
  16. 怎麼縮小一張 SVG 圖的大小？

• 1. 怎麼改變一張 SVG ICON 圖的顏色？ 上面程式中的fill
  2. 怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？ 用html:{content:"名稱",popup:false}

• 範例：http://urclass.net/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E8%97%8D%E5%AF%A7/gifmap1000.html

http://urclass.net/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E8%97%8D%E5%AF%A7/1002.html

• 英文：

path=路線 trace=描 map=地圖 file=資料夾 document=檔案 properties=屬性 background=背景 color=顏色 icon=圖案

GIS

• 知識：
  1. 什麼是 GIS？ Geographic Information System地理資訊系統 是一門綜合性學科，結合地理學與地圖學，是用於輸入、儲存、查詢、分析和顯示地理資料的電腦系統 有五個部分 1人員 2資料 3硬體 4軟體 5過程
• 技能：
• 範例： http://urclass.net/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E8%97%8D%E5%AF%A7/gifmap1000.html
• 英文：