檢視資訊基礎應用筆記/徐恕禾的原始碼

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

<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？
*#*<img src='http://urclass.net/uploadFiles/嘉禾書院/徐恕禾/維基共享資源.png' width=400 height=*/>目前已有74,350,632份自由作品
*技能：
*#註解
*#找圖照
*#*file:(搜尋文字)
*#找縮圖網址
*#*<a href='https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/V_for_Vendetta_film.jpg/640px-V_for_Vendetta_film.jpg' target=_blank>640px-V_for_Vendetta</a>
*#縮圖網址的格式
*#*/thumb/
*#找某張圖被哪些 wiki 頁使用
*#*<img src='http://urclass.net/uploadFiles/嘉禾書院/徐恕禾/wiki頁用圖.png' width=400 height=*/> <a href='http://urclass.net/alWiki/index.php?title=希伯來星盤' target=_blank>徐恕禾:希伯來星盤</a>
*#找某人上傳的縮圖
*#*「wikimediacommons/特殊頁面/媒體上傳與報表/檔案清單/輸入使用者名稱」
*#用分類找圖
*#*<img src='http://urclass.net/uploadFiles/嘉禾書院/徐恕禾/用分類找圖.png' width=400 height=*/>
*範例：<a href='http://urclass.net/alWiki/index.php?title=希伯來星盤' target=_blank>徐恕禾:希伯來星盤</a>
*英文：file(文件)
</mwdetails>

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

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

  &lt;ol&gt;
  &lt;li&gt;...&lt;/li&gt;
  &lt;li&gt;...&lt;/li&gt;
  &lt;li&gt;...&lt;/li&gt;
  &lt;/ol&gt;
*#無序列點

  &lt;ul&gt;
  &lt;li&gt;...&lt;/li&gt;
  &lt;li&gt;...&lt;/li&gt;
  &lt;li&gt;...&lt;/li&gt;
  &lt;/ul&gt;
*#span 標籤
*#*文字小片段
*#做表格
*##border-collapse 樣式：框線樣式（合併）
*##表格調中：align=left/center/right（表格位置：靠左／置中／靠右）
*#超連結
*#*&lt;a href=連結&gt;連結名稱 &lt;/a&gt;
*#連續文字分段
*#*&lt;br/&gt;
*#嵌入圖照
*#*&lt;p align=left/center/right（圖片位置：靠左、置中、靠右）&gt;&lt;img src="圖片連結" width="圖片寬度" height="圖片高度"&gt;&lt;/p&gt;
*#嵌入影片
*#*&lt;p align=left/center/right（影片位置：靠左、置中、靠右）&gt;&lt;video src="影片連結" type="html5" width="影片寬度"&gt;&lt;/video&gt;&lt;/p&gt;
*#水平線
*#*&lt;hr/&gt;
*#標題一級到六級
*#*&lt;h1&gt;&lt;/h1&gt;到&lt;h6&gt;&lt;/h6&gt;
*#區塊
*範例：<a href='http://urclass.net/uploadFiles/嘉禾書院/徐恕禾/base1.html' target=_blank>通訊錄</a>
*英文：
</mwdetails>