檢視資訊基礎應用筆記/李昀蓁的原始碼

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？萬國碼，原本網址只能用英文，後來發展到各個語言都可以的萬國碼 UTF-8，每個中文字由三個數值構成 (%+一個16進位數字)
*#區分客戶端與伺服器端。是一種網路架構，每一個客戶端都可以向伺服器發出請求。伺服器是被動的角色，主要是等待客戶端的請求，處理後傳回；客戶端則是主動的角色，發送請求並等待回應。例：我們的電腦=客戶端；維基、Google=伺服器。
*#怎麼線上解壓縮 zip 檔？(Mac only)
*#何謂 CC 授權？
*##無特定對象授權，只要遵守規則都可用
*##可設定期間
*##姓名表示/人物授權(著作人格權)
*##創作者可決定是否能營利(斜槓$=不可)
*##不准修改(=)(ex.宣言)
*##相同方式分享(倒C/循環符號)，需允許後面的人繼續改
*##無任何標章則可修改
*##作者亡故/發表50年以上，著作權開放
*##最常見：姓名表示+相同方式分享
*#何謂綠色軟體？不須安裝就可以執行的軟體，可以搬來搬去，在哪裡都可以執行。
*#解釋十六進位與十進位的差別。十進位是我們平常用的數字進位制，十六進位則是使用0~9和英文A~F(十進位制的10~15)表示，且逢十六進一。色碼使用十六進位制。
*#解釋「色碼」。用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*#解釋 ASCII。American Standard Code for Information Interchange，美國資訊交換標準代碼。以8個位元來表示一個字元，可用來表示英文大小寫字母、阿拉伯數字、以及各種符號，最多可表示256個字元。在ASCII編碼表上的每一個編碼都對應一個字元。稱為ASCII字元。每個英文字母都有他們解釋的編碼，以^開頭，再接一個符號，但是顯示的時候只會出現一個字元。但是只能顯示26個基本拉丁字母，所以現在的系統還是以萬國碼為主。
*技能：
*#顯示或隱藏檔案副檔名。
*#用 google 找圖照。<img src='http://nice-learning.tw/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E6%9D%8E%E6%98%80%E8%93%81/ASCII%20%E6%87%89%E7%94%A8%20-%20Google%20%E6%90%9C%E5%B0%8B%20-%20Google%20Chrome%202021_6_21%20%E4%B8%8A%E5%8D%88%2010_20_00.png' width=300 height=*/>
*#找圖的網址。<a> https://commons.wikimedia.org/wiki/Main_Page 找圖的網址 </a>
*#怎麼複製出含中文的網址。複製的時候少複製最後幾個字母，貼上後再打回來。
*#找出綠色軟體市集。<a> https://www.azofreeware.com/ </a>
*範例：<a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*英文：img(image),src(search),width(寬),height(高),png(無背景),jpg(圖片檔)
</mwdetails>

<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？<img src='http://nice-learning.tw/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E6%9D%8E%E6%98%80%E8%93%81/ASCII%20%E6%87%89%E7%94%A8%20-%20Google%20%E6%90%9C%E5%B0%8B%20-%20Google%20Chrome%202021_6_21%20%E4%B8%8A%E5%8D%88%2010_31_54.png' width=300 height=*/>
*技能：
*#註解 &lt;!--被註解的文字--&gt;
*#找圖照 file:
*#找縮圖網址 <a> https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Choi_San_THANXX_Concept_Photo.jpg/384px-Choi_San_THANXX_Concept_Photo.jpg </a>
*#縮圖網址的格式 /thumb/
*#找某張圖被哪些 wiki 頁使用 <img src='http://nice-learning.tw/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E6%9D%8E%E6%98%80%E8%93%81/ASCII%20%E6%87%89%E7%94%A8%20-%20Google%20%E6%90%9C%E5%B0%8B%20-%20Google%20Chrome%202021_6_21%20%E4%B8%8A%E5%8D%88%2010_46_44.png' width=300 height=*/>
*#找某人上傳的縮圖 「wikimediacommons/特殊頁面/媒體上傳與報表/檔案清單/輸入使用者名稱」
*#用分類找圖 <img src='http://nice-learning.tw/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E6%9D%8E%E6%98%80%E8%93%81/ASCII%20%E6%87%89%E7%94%A8%20-%20Google%20%E6%90%9C%E5%B0%8B%20-%20Google%20Chrome%202021_6_21%20%E4%B8%8A%E5%8D%88%2010_53_16.png' width=300 height=*/>
*範例：<a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a> 簡介中的圖片
*英文：file(文件)
</mwdetails>

<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 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=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw)  &lt;/videoflash>&gt;
*#嵌入非 youtube 影片 &lt;videoflash src='影片檔案網址' type=html5 width=寬度&gt;&lt;/videoflash&gt;
*#嵌入 wiki 頁 [[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:李昀蓁">使用者:李昀蓁</a>
</mwdetails>

<mwdetails><summary>HTML</summary>
*知識：
*#什麼是 HTML ？http的文件格式稱為 HTML(HyperText Markup Language)。HTML 的標籤內容分為三個層級：標籤、屬性、樣式指示。
*#什麼是 http ？HTTP 超文本傳輸協定（HyperText Transfer Protocol），內容只規範了客戶端請求與伺服器回應的標準，實際上是藉由 TCP 作為資料的傳輸方式。
*#http 和 https 的差別？https的 S 就是 Secure 的意思；HTTPS 透過 HTTP 進行通訊，但通訊過程使用 SSL/TLS 進行加密，藉由類似於前述的加密方式，在 HTTP 之上定義了相對安全的資料傳輸方法。
*#分辨顯示與原始碼 在任何網頁中按control(Ctrl)+U就能看到該網頁的原始碼
*技能：
*#看原始碼 control(Ctrl)+U
*#註解 &lt;!--被註解的文字--&gt;
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 &lt;meta http-equiv='content-type' content='text/html; charset=UTF-8' /&gt;
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
  &lt;ol&gt;
  &lt;li&gt;first item&lt;/li&gt;
  &lt;li&gt;second item&lt;/li&gt;
  &lt;li&gt;third item&lt;/li&gt;
  &lt;/ol&gt;
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
  &lt;ul&gt;
  &lt;li&gt;first item&lt;/li&gt;
  &lt;li&gt;second item&lt;/li&gt;
  &lt;li&gt;third item&lt;/li&gt;
  &lt;/ul&gt;
*#span 標籤 強調一小段文字
*#做表格 &lt;table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'&gt;
&lt;tr&gt;&lt;th&gt;第一行&lt;/th&gt;&lt;th&gt;第二行&lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 &lt;a&gt; http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 &lt;/a&gt;
*#連續文字分段 使用&lt;br/&gt;
*#嵌入圖照 &lt;p align=圖片位置(置中、靠左右)&gt;&lt;img src="圖片網址" type="html5" width="寬度"&gt;&lt;height="高度"&gt;&lt;/p&gt;
*#嵌入影片 &lt;p align=影片位置(置中、靠左右)&gt;&lt;video src="影片網址" type="html5" width="寬度"&gt;&lt;/video&gt;&lt;/p&gt;
*#水平線 
*#標題一級到六級 以&lt;h&gt;&lt;/h&gt;表示 最大標題為h1
*#區塊 
*範例：<a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*英文：head(頭、格式),body(身體、內容),title(標題),font(,size(大小),family(代碼群),text(文字內容),align(位置),span(標籤),style(樣式),border(邊界),center,right,left
</mwdetails>