跨校選修 - 使用者貢獻 [zh-tw]

使用者:徐慕禾

2021-06-28T08:52:25Z

蕭聿程：

{{#css:
.nicetable {color:blue;border:1pt solid red;boder-collapse:collapse;}
.nicetable td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<videoflash src="http://jendo.org/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E5%BE%90%E6%85%95%E7%A6%BE/VID-20190101-WA0033%20(1).mp4" type=html5 width=700></videoflash>
==食人魚==
<img src='https://cdn.pixabay.com/photo/2020/02/21/19/26/fish-4868474_960_720.jpg' width=200/>
==自傳==
#關於我
「砰砰砰!」一名小男孩對空鳴槍，陶氣的吐著舌頭做出鬼臉，「來抓我啊。」幼稚又戀童癖的我，手持一把輕機槍，隨即進入小孩想像的戰爭世界。
「慕禾哥哥是鬼，大家快跑。」咯咯的笑聲傳遍書院庭院，我喜愛跟這一群天真的小孩玩在一起，我叫徐慕禾。從小就在「嘉禾書院」這個有趣的環境裡學習和成長。

==連結練習==
[https://imgs.gvm.com.tw/upload/gallery/20200916/29189_05.jpg 最霸氣的地方角頭
<videoflash>YJsD0XKlP1w</videoflash>

==通訊錄==
<table class=nicetable Align=center style='border:solid 100px #717971'>
<Tr>
<th style='border:solid 100px #717971'>徐慕禾</th>
<th>line</th>
<th>gmail</th>
<th>備註</th>
</Tr>
<tr>
<Td>徐慕禾</td>
<Td>momo020219<td>
<Td>momo020219@gmail.com<td>

<Td>學生</td>

</tr>
</table>
*#<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Laurasia-Gondwana-zhtw.svg/519px-Laurasia-Gondwana-zhtw.svg.png'>
 貴霜亡潮所在位置於:疆域从今日的塔吉克绵延至裡海、阿富汗及恆河流域
 東漢:當時為東漢，位於中國:北到草原、南到長沙、西到荒漠和青海湖、東到遼東半島都是穩固的北到草原、南到長沙西到荒漠和青海湖、東到遼東半島都是穩固的漢土。
 安息帝國位於: 阿扎克、赫卡通皮洛斯、埃克巴坦那、泰西
貴霜帝國:
始於公元前1世紀
亡於公元前三世紀
*#羅馬似地共治時期: 西帝國凱撒:君士坦丁堡 西帝國奧古斯都:馬克西米安 東帝國奧古斯都:戴克里先 東帝國凱撒:伽列里烏斯
*# 穆罕默德.阿里: 生於:1769 死於:1849 出生於卡瓦拉 埃及近代政治家 穆罕默德阿里王朝的創立着

使用者:徐慕禾

2021-06-28T08:49:53Z

蕭聿程：

{{#css:
.nicetable {color:blue;border:1pt solid red;boder-collapse:collapse;}
.nicetable td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<videoflash src="http://jendo.org/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E5%BE%90%E6%85%95%E7%A6%BE/VID-20190101-WA0033%20(1).mp4" type=html5 width=700></videoflash>
==食人魚==
<img src='https://cdn.pixabay.com/photo/2020/02/21/19/26/fish-4868474_960_720.jpg' width=200/>
==自傳==
#關於我
「砰砰砰!」一名小男孩對空鳴槍，陶氣的吐著舌頭做出鬼臉，「來抓我啊。」幼稚又戀童癖的我，手持一把輕機槍，隨即進入小孩想像的戰爭世界。
「慕禾哥哥是鬼，大家快跑。」咯咯的笑聲傳遍書院庭院，我喜愛跟這一群天真的小孩玩在一起，我叫徐慕禾。從小就在「嘉禾書院」這個有趣的環境裡學習和成長。

==連結練習==
[https://imgs.gvm.com.tw/upload/gallery/20200916/29189_05.jpg 最霸氣的地方角頭
<videoflash>YJsD0XKlP1w</videoflash>

==通訊錄==
<table class=nicetable Align=center style='border:solid 100px #717971'>
<Tr>
<th style='border:solid 100px #717971'>徐慕禾</th>
<th>line</th>
<th>gmail</th>
<th>備註</th>
</Tr>
<tr>
<Td>徐慕禾</td>
<Td>momo020219<td>
<Td>momo020219@gmail.com<td>

<Td>學生</td>

</tr>
</table>
*#<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Laurasia-Gondwana-zhtw.svg/519px-Laurasia-Gondwana-zhtw.svg.png'>
*# 貴霜亡潮所在位置於:疆域从今日的塔吉克绵延至裡海、阿富汗及恆河流域
*# 東漢:當時為東漢，位於中國:北到草原、南到長沙、西到荒漠和青海湖、東到遼東半島都是穩固的北到草原、南到長沙西到荒漠和青海湖、東到遼東半島都是穩固的漢土。
*# 安息帝國位於: 阿扎克、赫卡通皮洛斯、埃克巴坦那、泰西
貴霜帝國:
始於公元前1世紀
亡於公元前三世紀
*# 羅馬似地共治時期:
西帝國凱撒:君士坦丁堡
西帝國奧古斯都:馬克西米安
東帝國奧古斯都:戴克里先
東帝國凱撒:伽列里烏斯
*# 穆罕默德.阿里:
生於:1769
死於:1849
出生於卡瓦拉
埃及近代政治家
穆罕默德阿里王朝的創立着

使用者:徐慕禾

2021-06-28T08:49:26Z

蕭聿程：

{{#css:
.nicetable {color:blue;border:1pt solid red;boder-collapse:collapse;}
.nicetable td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<videoflash src="http://jendo.org/uploadFiles/%E5%98%89%E7%A6%BE%E6%9B%B8%E9%99%A2/%E5%BE%90%E6%85%95%E7%A6%BE/VID-20190101-WA0033%20(1).mp4" type=html5 width=700></videoflash>
==食人魚==
<img src='https://cdn.pixabay.com/photo/2020/02/21/19/26/fish-4868474_960_720.jpg' width=200/>
==自傳==
#關於我
「砰砰砰!」一名小男孩對空鳴槍，陶氣的吐著舌頭做出鬼臉，「來抓我啊。」幼稚又戀童癖的我，手持一把輕機槍，隨即進入小孩想像的戰爭世界。
「慕禾哥哥是鬼，大家快跑。」咯咯的笑聲傳遍書院庭院，我喜愛跟這一群天真的小孩玩在一起，我叫徐慕禾。從小就在「嘉禾書院」這個有趣的環境裡學習和成長。

==連結練習==
[https://imgs.gvm.com.tw/upload/gallery/20200916/29189_05.jpg 最霸氣的地方角頭
<videoflash>YJsD0XKlP1w</videoflash>

==通訊錄==
<table class=nicetable Align=center style='border:solid 100px #717971'>
<Tr>
<th style='border:solid 100px #717971'>徐慕禾</th>
<th>line</th>
<th>gmail</th>
<th>備註</th>
</Tr>
<tr>
<Td>徐慕禾</td>
<Td>momo020219<td>
<Td>momo020219@gmail.com<td>

<Td>學生</td>

</tr>
</table>
*#<img src='https://commons.wikimedia.org/wiki/File:Laurasia-Gondwana-zhtw.svg'>
*# 貴霜亡潮所在位置於:疆域从今日的塔吉克绵延至裡海、阿富汗及恆河流域
*# 東漢:當時為東漢，位於中國:北到草原、南到長沙、西到荒漠和青海湖、東到遼東半島都是穩固的北到草原、南到長沙西到荒漠和青海湖、東到遼東半島都是穩固的漢土。
*# 安息帝國位於: 阿扎克、赫卡通皮洛斯、埃克巴坦那、泰西
貴霜帝國:
始於公元前1世紀
亡於公元前三世紀
*# 羅馬似地共治時期:
西帝國凱撒:君士坦丁堡
西帝國奧古斯都:馬克西米安
東帝國奧古斯都:戴克里先
東帝國凱撒:伽列里烏斯
*# 穆罕默德.阿里:
生於:1769
死於:1849
出生於卡瓦拉
埃及近代政治家
穆罕默德阿里王朝的創立着

資訊基礎應用筆記/楊至允

2021-06-28T03:27:59Z

蕭聿程：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？
UTF-8是一種針對Unicode的字元編碼，也是一種字首碼。它可以用一至四個位元組對Unicode字元集中的所有有效編碼點進行編碼，屬於Unicode標準的一部分。
*#區分客戶端與伺服器端。
客戶端是在個人的電腦上，伺服器端是在伺服器上。
*#怎麼線上解壓縮 zip 檔？

*#何謂 CC 授權？
創用CC授權條款是一種公共著作權授權條款，其允許分發受著作權保護的作品。一個作者可使用創作共享授權授予他人分享、使用，甚至創作衍生作品的權利。
*#何謂綠色軟體？
綠色軟體，指一類小型軟體，多數為免費軟體，最大特點是軟體無需安裝便可使用。
*#解釋十六進位與十進位的差別
它們之間區別在於數運算時是逢幾進一位。
*#解釋「色碼」
每一個顏色都有一個色碼
*#解釋 ASCII
美國資訊交換標準代碼是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準ISO/IEC 646。
*技能：
*#顯示或隱藏檔案副檔名
調整檔案櫃上排工具的設定
*#用 google 找圖照
搜尋，點圖片
*#找圖的網址
右鍵圖片，點複製網址
*#怎麼複製出含中文的網址
*#找出綠色軟體市集
搜尋綠色軟體
*範例：
*英文：pneumonoultramicroscopicsilicovolcanoconiosis: 火山肺矽病
</mwdetails>
<mwdetails><summary>GIS</summary>
[[分類:G I S]]
地理資訊系統（英語：Geographic Information System，縮寫：GIS）是一門綜合性學科，結合地理學與地圖學，已經廣泛的應用在不同的領域，是用於輸入、儲存、查詢、分析和顯示地理資料的電腦系統，可以分為以下五部分：

人員，是GIS中最重要的組成部分。開發人員必須定義GIS中被執行的各種任務，開發處理程式。熟練的操作人員通常可以克服GIS軟體功能的不足，但是相反的情況就不成立。最好的軟體也無法彌補操作人員對GIS的一無所知所帶來的副作用。
資料，精確可用的資料可以影響到查詢和分析的結果。
硬體，硬體的效能影響到處理速度，使用是否方便及可能的輸出方式。
軟體，不僅包含GIS軟體，還包括各種資料庫，繪圖、統計、影像處理及其它程式。
過程，GIS要求明確定義，一致的方法來生成正確的可驗證的結果。

GIS屬於資訊系統的一類，不同在於它能運作和處理地理參照資料。地理參照資料描述地球表面（包括大氣層和較淺的地表下空間）空間要素的位置和屬性，在GIS中的兩種地理資料成分：空間資料，與空間要素幾何特性有關；屬性資料，提供空間要素的資訊。
</mwdetails>

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

2021-06-28T02:01:21Z

蕭聿程：

<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？
*# 以前電腦剛開始發展時，每一個國家都各自發展自己的文字系統，所以就會有中文系統日文系等，可是大家在發展的過程中並沒有相互參考文字在電腦裡的編碼方式，所以同一個碼在不同的地區文字系統裡並不代表同一個字，所以當妳開起非中文的語文編集碼時，就會出現一堆亂碼。
*#區分客戶端與伺服器端。
*# 客戶端的控制元件和伺服器端的是對應的，伺服器端的頁面傳送給客戶端後，就解析成了對應的html（就是客戶端）的控制元件。伺服器端控制元件是伺服器來解析的，客戶端控制元件是由瀏覽器解析的。伺服器控制元件就是必須通過“網路”來連結伺服器實現的，
客戶端控制元件就是在本地的網站就可以執行的。
客戶端：向使用者服務。
伺服器端：為客戶端服務。
*#怎麼線上解壓縮 zip 檔？
*# 本文要推薦的「Archive Extractor」是一款免費、微型且簡易的線上工具，可用來解壓縮超過70 種以上壓縮檔格式，包括7z、zipx、rar、tar、exe、dmg 等等，只要把檔案上傳，或是透過Google Drive、Dropbox 等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*#何謂 CC 授權？
為了讓大眾都可以自由使用，不受著作權法的限制，美國一個著名的法律學著在2001提出保留部分著作權利，其餘全都釋出給大眾使用。
將作品釋出給大眾使用。透過這種自願分享的方式，大家可以群力建立內容豐富、權利清楚、且便於散布的各式內容資源，嘉惠自己與其它眾多的使用者
*#何謂綠色軟體？
*# 定義起初人們把「綠色軟件」定義為「把很冗余的資訊軟體清除」，特別是在中国大量擁有大量的病毒軟見。只把好的系統流閜給使用著，所以冠上「綠色」之名。

*#解釋十六進位與十進位的差別
*# 對於接觸過電腦的人來說應該都不陌生，我們常用的進位包括：二進位、八進位、十進位與十六進位，它們之間區別在於數運算時是逢幾進一位。比如二進位是逢2進一位，十進位也就是我們常用的0-9是逢10進一位。
十六進位:，是計算機中數據的一種表示方法。同我們日常生活中的表示法不一樣。它由0-9，A-F組成，字母不區分大小寫。與10進位的對應關係是：0-9對應0-9；A-F對應10-15；N進位的數可以用0~(N-1)的數表示，超過9的用字母A-F。
Style屬性是什麼?
*# 

*#解釋「色碼」等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*# HEX 色碼是以十六進位值來代表不同色彩模式中的顏色的一種方式。十六進位色碼的格式為#RRGGBB，其中RR是紅色，GG是綠色，而BB則是藍色。這些十六進位整數可以落在00到FF的範圍內以指定顏色的強度。
*#解釋 ASCII
*# 目前電腦中用得最廣泛的字元集及其編碼，是由美國國家標準局(ANSI)制定的ASCII碼，它已被國際標準化組織（ISO）定為國際標準，稱為ISO 646標準。適用於所有拉丁文字字母，ASCII碼有7位碼和8位碼兩種形式。

因為1位二進位數字可以表示（21=）2種狀態：0、1；而2位二進位數字可以表示（22）=4種狀態：00、01、10、11；

依次類推，7位二進位數字可以表示（27=）128種狀態，每種狀態都唯一地編為一個7位元的二進位碼，對應一個字元（或控制碼），

這些碼可以排列成一個十進位序號0～127。所以，7 位ASCII碼是用七位元二進位數字進行編碼的，可以表示128個字元。
*技能：
*#顯示或隱藏檔案副檔名
Windows 7為了系統的安全，預設會隱藏重要的系統檔案和資料夾，且不顯示已知檔案類型的副檔名，有時候為了要編輯隱藏檔，需要顯示隱藏檔和副檔名的方法敘述如下：
1.開啟檔案總管，如圖示，檔案沒有顯示副檔名且有些系統檔案和資料夾被隱藏
2.點選「組合管理\資料夾和搜尋選項」，準備更改設定以顯示隱藏檔和副檔名。
3.在「檢視」的索引標籤，預設勾選「隱藏已知檔案類型的副檔名」、「隱藏保護的作業系統檔案」，且選擇「不顯示隱藏的檔案、資料夾或磁碟機」。
4.取消勾選「隱藏已知檔案類型的副檔名」。
5.取消勾選「隱藏保護的作業系統檔案」。
6.出現警告視窗，點選「是」。
7.點選「顯示隱藏的檔案、資料夾及磁碟機」。
8.點選「確定」。
9.如圖示，已經顯示隱藏的檔案和資料夾，且檔案也顯示副檔名。
10.檔案修改完成之後，依上述相反的步驟，將檔案和資料夾隱藏，如下圖所示，以保護系統檔案。

*#用 google 找圖照
*#找圖的網址https://images.app.goo.gl/qfgSEuxYqT7FzxXE8(我頭皮好癢)
*#怎麼複製出含中文的網址
*# 用chrome複製網址中文時,再把它貼上其它地方會出現這些看不懂的符號%A4%A4%A4%E5,有辨法貼上有中文網址列時,不要出現這些符號,直接用中文顯示,像firefox可以在網址列輸入about:config,那chrome可以嗎?
最簡單的方式就是少 copy 一個字元，就會保持原來的中文，如圖所示。然後自己補上 **http://** 跟少 copy 的那個字就行了。Firefox 跟 Chrome 都通用。
*#找出綠色軟體市集
*# https://www.azofreeware.com/
*範例：<img src='https://www.mirrormedia.com.tw/assets/images/20200114181002-dc56d7b4b2f63a4ee1e44309e87fcba5-mobile.jpg'width=500 height=*/>
*英文：img srg=
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*# 維基共享資源的宗旨是提供一個，「使所有人都可以使用公共領域和自由許可的教育媒體內容，並作為維基媒體基金會各項目的公共存儲庫存在」的媒體文件存儲庫。
維基共享資源是一個多語言項目。其默認語言是英語，但是註冊用戶可以將自己的用戶界面定製成已翻譯的版本，許多頁面也存在多種語言版本。我們鼓勵用戶協助翻譯。
詳情參見維基共享資源歡迎頁面以及社區門戶。歷史細節參見歷史項目計劃。

*#維基共享資源大約有多少資源？
*# 維基共享資源有來自世界各地的資源。
维基共享资源，是一个多媒体资料库。维基共享资源从2004年9月开始启动，它的目的是作为一个自由的图像、音乐以及可能还包括文献和演讲等的资源中心，并提供给所有的维基媒体计划使用。这个项目中的资源可以在所有的计划中调用。是指存放自由开放的图片、声音、及其他多媒体档案的地方，是维基媒体基金会的计划。上载的档案可在其他维基计划中使用，包括维基百科、维基教科书、维基新闻以及wiki.yeefe.com等。
*技能：
*# 可存放自由開放的圖片、聲音及其他多媒體檔案的地方，是維基媒體基金會的計劃。上載維基共享資源的檔案可在其他維基計劃中使用，包括維基百科、維基教科書、維基新聞等。截至2018年，維基共享資源擁有超過4400萬個多媒體檔案。
*#註解
*# 丁丁
[[ ]]
[ ]

*#找圖照
*# https://commons.wikimedia.org/wiki/%E9%A6%96%E9%A1%B5#/media/File:2017.08.29.-02-Anglersee_Huettenfeld-Lampertheim--Grosse_Sumpfschwebfliege-Weibchen.jpg
*#找縮圖網址
*# https://upload.wikimedia.org/wikipedia/commons/5/5c/M%C3%BCnchen_1_Milliarde_1923.jpg
*#縮圖網址的格式
*# https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/M%C3%BCnchen_1_Milliarde_1923.jpg/195px-M%C3%BCnchen_1_Milliarde_1923.jpg
*#找某張圖被哪些 wiki 頁使用
*# https://commons.wikimedia.org/wiki/File:ROCA_Special_Assault_Vehicle_Rear_View.jpg
*# https://commons.wikimedia.org/wiki/File:VAO-ARA.jpg
*# 到共享資源最上面搜尋妳要的圖片，然後點選全浴檔案即可找到妳要的資料。

*#找某人上傳的縮圖
*# https://commons.wikimedia.org/wiki/File:Pomn%C3%ADk_padl%C3%BDm_ve_Hvozdci_(Q66565878)_02.jpg
*#用分類找圖
*範例：https://commons.wikimedia.org/wiki/File:Rue_Albert_Camus_(Amiens)_01.jpg
*英文：COMMONS、jpg
</mwdetails>

<mwdetails><summary>wiki</summary>
*知識：
*# 有史以來規模最大、閱讀量最多的參考工具書──維基百科（Wikipedia），即將於1月15日迎來上線20周年。作為任何人都可以編輯的免費網路百科全書，維基百科包含志願者以300多種語言編寫的條目數量達到5500萬。網絡分析公司Alexa指出，維基百科是全球最受歡迎網站第13位，領先Reddit、Netflix和Instagram。
維基百科是全球前50熱門網站排行裡，唯一的非營利機構網站，它無視矽谷巨擘靠經營網站成功的秘訣，沒有股東、沒有廣告、沒有讓創辦人成為億萬富翁，僅靠非營利慈善機構「維基媒體基金會」（Wikimedia Foundation）維持運作，並吸引越來越多的普通民眾志願貢獻，使維基百科自然地茁壯發展
*#什麼是 wiki ？
*技能：
*# wiki泛指可快速尋找到可用確實的資料。Wiki 是一種支援社群共同創作的網頁系統，在Web 的基礎上可以對Wiki 進行新增、修改、瀏覽、版本比較…等功能。
*#怎麼打出角括號：< >
*# 原為數學用的符號，有括線、括弧兩種。括線用於數字之上，形為－；括弧用於數字之外，如（）、〔〕。今亦普遍被用於文章書寫上。
*#註解
*# 角括號
這是一個臨時條目列出關於角括號的相關資訊，因為字典百科目前沒有這個字詞的條目。登入或創建一個新帳號以開始編輯角括號條目。

*#下段標
*# 是二進位制其應該這樣寫才規範1100（2）二進位制是：從右往左起第n個數分別對應2的n-1次方 0則跳過去各個位數對應值相加，所以1100（2）這個二進位制數=2的3次方+2的2次方+2的0次方+2的0次方=12這個十進位制數
*#有序列點
*# 在數學上, 若一個拓撲空間裏，每個無窮序列都有收斂子序列，則稱該拓撲空間序列緊（英語：sequentially compact）。雖然對於度量空間，緊等價於序列緊，但是對於一般的拓撲空間來說，緊（英語：compact）和序列緊是兩個不等價的性質。
*#無序列點
*# 无序列表是一个没有特定顺序的列表项的集合，也称为项目列表。在无序列表中，各个列表之间属于并列关系，没有先后顺序之分，它们之间以一个项目符号来标记
*#外部連結
*# 外部連結是超連結，來源非自身網址之外的任何網址。
外部連結是指向外部網址的連結。
頂級SEO專家們認為外部連結是排名權重最重要的來源。
外部連結通過“連結權重”（排名權力）不同於內部連結，因為搜尋引擎認為他們是第三方投票。
頂級SEO專家們不認為“標題”連結屬性會是於排名因素之一。

*#內部連結
*# 內部連結是指向（目標）與連結所在的網址（來源）皆是相同網址，簡單的說，內部連結就是同一網站的另一個網頁。

*#連續文字分段
*# 頁面上文字的外觀是由一個複雜的互動程序來決定的，稱為排版。InCopy 會使用選取的單字間距、字母間距、字符縮放比例以及連字選項，以最能支援指定參數的方式來編排文字。
InCopy 提供兩種排版方法: 「Adobe 段落視覺調整」(預設值) 和「Adobe 單行視覺調整」(兩者皆顯示在「控制」面板選單中)。您可以在「段落」面板選單、「齊行」對話框或是「控制」面板選單中，選取要使用的排版方法。

*#嵌入圖照
*#(br)問：Illustrator(Ai)或ＰＤＦ檔，為何要圖片嵌入，不嵌入會怎麼樣嗎？

答：若檔案內有圖片的話，必須記得＂嵌入圖片＂，不嵌入的話，檔案寄過來會導致圖片遺失、掉圖，我們用ＡＩ開啟檔案（.ai 及.pdf 都會有此問題）時會看不到圖片。

步驟1：檢查及辨別圖片是否嵌入

未嵌入，滑鼠游標移至圖片上時，會出現藍色交叉的線。

已嵌入，滑鼠游標移至圖片上時，藍色交叉的線會消失。

*#嵌入 youtube 影片
<videoflash>https://www.youtube.com/watch?v=sFolv_or9s8&t=163s</videoflash>

*#嵌入非 youtube 影片
<videoflash>https://www.gimyvod.cc/vod-play-id-24155-sid-1-pid-1.html</videoflash>

*#嵌入 wiki 頁
*範例：https://commons.wikimedia.org/wiki/%E9%A6%96%E9%A1%B5
</mwdetails>
<mwdetails><summary>CSS</summary>
*#什麼是css? cSS的中文名稱也有許多種如:串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表。是用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標準，優點為:網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來
*#style屬性是什麼? style 屬性規定元素的行內樣式（inline style）。 style 屬性將覆蓋任何全局的樣式設定，例如在<style> 標籤或在外部樣式表中規定的樣式。 <style> 标签用于为 HTML 文档定义样式信息，在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。 type属性是必需的，定义style元素的内容。唯一可能的值是 "text/css"，style 元素位于 head 部分中
*# 如何樣式定義一次引用多次? 是指用有意義的名稱保存的字符格式和段落格式的集合，這樣在編排重復格式時，先創建一個該格式的樣式，然后在需要的地方套用這種樣式，就無須一次次地對它們進行重復的格式化操作了。
*#樣式定義 所有顏色、文字格式與線條格式都在混搭環境中使用樣式定義實體進行管理及轉譯。樣式定義是 HTML 樣式元素的集合，這些元素可以套用至小器具，就像您將 CSS (階層式樣式表) 定義套用至 HTML 標籤一樣。
</mwdetails>

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

2021-06-28T01:54:50Z

蕭聿程：

<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？
*# 以前電腦剛開始發展時，每一個國家都各自發展自己的文字系統，所以就會有中文系統日文系等，可是大家在發展的過程中並沒有相互參考文字在電腦裡的編碼方式，所以同一個碼在不同的地區文字系統裡並不代表同一個字，所以當妳開起非中文的語文編集碼時，就會出現一堆亂碼。
*#區分客戶端與伺服器端。
*# 客戶端的控制元件和伺服器端的是對應的，伺服器端的頁面傳送給客戶端後，就解析成了對應的html（就是客戶端）的控制元件。伺服器端控制元件是伺服器來解析的，客戶端控制元件是由瀏覽器解析的。伺服器控制元件就是必須通過“網路”來連結伺服器實現的，
客戶端控制元件就是在本地的網站就可以執行的。
客戶端：向使用者服務。
伺服器端：為客戶端服務。
*#怎麼線上解壓縮 zip 檔？
*# 本文要推薦的「Archive Extractor」是一款免費、微型且簡易的線上工具，可用來解壓縮超過70 種以上壓縮檔格式，包括7z、zipx、rar、tar、exe、dmg 等等，只要把檔案上傳，或是透過Google Drive、Dropbox 等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*#何謂 CC 授權？
為了讓大眾都可以自由使用，不受著作權法的限制，美國一個著名的法律學著在2001提出保留部分著作權利，其餘全都釋出給大眾使用。
將作品釋出給大眾使用。透過這種自願分享的方式，大家可以群力建立內容豐富、權利清楚、且便於散布的各式內容資源，嘉惠自己與其它眾多的使用者
*#何謂綠色軟體？
*# 定義起初人們把「綠色軟件」定義為「把很冗余的資訊軟體清除」，特別是在中国大量擁有大量的病毒軟見。只把好的系統流閜給使用著，所以冠上「綠色」之名。

*#解釋十六進位與十進位的差別
*# 對於接觸過電腦的人來說應該都不陌生，我們常用的進位包括：二進位、八進位、十進位與十六進位，它們之間區別在於數運算時是逢幾進一位。比如二進位是逢2進一位，十進位也就是我們常用的0-9是逢10進一位。
十六進位:，是計算機中數據的一種表示方法。同我們日常生活中的表示法不一樣。它由0-9，A-F組成，字母不區分大小寫。與10進位的對應關係是：0-9對應0-9；A-F對應10-15；N進位的數可以用0~(N-1)的數表示，超過9的用字母A-F。
Style屬性是什麼?
*# 

*#解釋「色碼」等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*# HEX 色碼是以十六進位值來代表不同色彩模式中的顏色的一種方式。十六進位色碼的格式為#RRGGBB，其中RR是紅色，GG是綠色，而BB則是藍色。這些十六進位整數可以落在00到FF的範圍內以指定顏色的強度。
*#解釋 ASCII
*# 目前電腦中用得最廣泛的字元集及其編碼，是由美國國家標準局(ANSI)制定的ASCII碼，它已被國際標準化組織（ISO）定為國際標準，稱為ISO 646標準。適用於所有拉丁文字字母，ASCII碼有7位碼和8位碼兩種形式。

因為1位二進位數字可以表示（21=）2種狀態：0、1；而2位二進位數字可以表示（22）=4種狀態：00、01、10、11；

依次類推，7位二進位數字可以表示（27=）128種狀態，每種狀態都唯一地編為一個7位元的二進位碼，對應一個字元（或控制碼），

這些碼可以排列成一個十進位序號0～127。所以，7 位ASCII碼是用七位元二進位數字進行編碼的，可以表示128個字元。
*技能：
*#顯示或隱藏檔案副檔名
Windows 7為了系統的安全，預設會隱藏重要的系統檔案和資料夾，且不顯示已知檔案類型的副檔名，有時候為了要編輯隱藏檔，需要顯示隱藏檔和副檔名的方法敘述如下：
1.開啟檔案總管，如圖示，檔案沒有顯示副檔名且有些系統檔案和資料夾被隱藏
2.點選「組合管理\資料夾和搜尋選項」，準備更改設定以顯示隱藏檔和副檔名。
3.在「檢視」的索引標籤，預設勾選「隱藏已知檔案類型的副檔名」、「隱藏保護的作業系統檔案」，且選擇「不顯示隱藏的檔案、資料夾或磁碟機」。
4.取消勾選「隱藏已知檔案類型的副檔名」。
5.取消勾選「隱藏保護的作業系統檔案」。
6.出現警告視窗，點選「是」。
7.點選「顯示隱藏的檔案、資料夾及磁碟機」。
8.點選「確定」。
9.如圖示，已經顯示隱藏的檔案和資料夾，且檔案也顯示副檔名。
10.檔案修改完成之後，依上述相反的步驟，將檔案和資料夾隱藏，如下圖所示，以保護系統檔案。

*#用 google 找圖照
*#找圖的網址https://images.app.goo.gl/qfgSEuxYqT7FzxXE8(我頭皮好癢)
*#怎麼複製出含中文的網址
*# 用chrome複製網址中文時,再把它貼上其它地方會出現這些看不懂的符號%A4%A4%A4%E5,有辨法貼上有中文網址列時,不要出現這些符號,直接用中文顯示,像firefox可以在網址列輸入about:config,那chrome可以嗎?
最簡單的方式就是少 copy 一個字元，就會保持原來的中文，如圖所示。然後自己補上 **http://** 跟少 copy 的那個字就行了。Firefox 跟 Chrome 都通用。
*#找出綠色軟體市集
*# https://www.azofreeware.com/
*範例：<img src='https://www.mirrormedia.com.tw/assets/images/20200114181002-dc56d7b4b2f63a4ee1e44309e87fcba5-mobile.jpg'width=500 height=*/>
*英文：img srg=
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*# 維基共享資源的宗旨是提供一個，「使所有人都可以使用公共領域和自由許可的教育媒體內容，並作為維基媒體基金會各項目的公共存儲庫存在」的媒體文件存儲庫。
維基共享資源是一個多語言項目。其默認語言是英語，但是註冊用戶可以將自己的用戶界面定製成已翻譯的版本，許多頁面也存在多種語言版本。我們鼓勵用戶協助翻譯。
詳情參見維基共享資源歡迎頁面以及社區門戶。歷史細節參見歷史項目計劃。

*#維基共享資源大約有多少資源？
*# 維基共享資源有來自世界各地的資源。
维基共享资源，是一个多媒体资料库。维基共享资源从2004年9月开始启动，它的目的是作为一个自由的图像、音乐以及可能还包括文献和演讲等的资源中心，并提供给所有的维基媒体计划使用。这个项目中的资源可以在所有的计划中调用。是指存放自由开放的图片、声音、及其他多媒体档案的地方，是维基媒体基金会的计划。上载的档案可在其他维基计划中使用，包括维基百科、维基教科书、维基新闻以及wiki.yeefe.com等。
*技能：
*# 可存放自由開放的圖片、聲音及其他多媒體檔案的地方，是維基媒體基金會的計劃。上載維基共享資源的檔案可在其他維基計劃中使用，包括維基百科、維基教科書、維基新聞等。截至2018年，維基共享資源擁有超過4400萬個多媒體檔案。
*#註解
*# 丁丁
[[ ]]
[ ]

*#找圖照
*# https://commons.wikimedia.org/wiki/%E9%A6%96%E9%A1%B5#/media/File:2017.08.29.-02-Anglersee_Huettenfeld-Lampertheim--Grosse_Sumpfschwebfliege-Weibchen.jpg
*#找縮圖網址
*# https://upload.wikimedia.org/wikipedia/commons/5/5c/M%C3%BCnchen_1_Milliarde_1923.jpg
*#縮圖網址的格式
*# https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/M%C3%BCnchen_1_Milliarde_1923.jpg/195px-M%C3%BCnchen_1_Milliarde_1923.jpg
*#找某張圖被哪些 wiki 頁使用
*# https://commons.wikimedia.org/wiki/File:ROCA_Special_Assault_Vehicle_Rear_View.jpg
*# https://commons.wikimedia.org/wiki/File:VAO-ARA.jpg
*# 到共享資源最上面搜尋妳要的圖片，然後點選全浴檔案即可找到妳要的資料。

*#找某人上傳的縮圖
*# https://commons.wikimedia.org/wiki/File:Pomn%C3%ADk_padl%C3%BDm_ve_Hvozdci_(Q66565878)_02.jpg
*#用分類找圖
*範例：https://commons.wikimedia.org/wiki/File:Rue_Albert_Camus_(Amiens)_01.jpg
*英文：COMMONS、jpg
</mwdetails>

<mwdetails><summary>wiki</summary>
*知識：
*# 有史以來規模最大、閱讀量最多的參考工具書──維基百科（Wikipedia），即將於1月15日迎來上線20周年。作為任何人都可以編輯的免費網路百科全書，維基百科包含志願者以300多種語言編寫的條目數量達到5500萬。網絡分析公司Alexa指出，維基百科是全球最受歡迎網站第13位，領先Reddit、Netflix和Instagram。
維基百科是全球前50熱門網站排行裡，唯一的非營利機構網站，它無視矽谷巨擘靠經營網站成功的秘訣，沒有股東、沒有廣告、沒有讓創辦人成為億萬富翁，僅靠非營利慈善機構「維基媒體基金會」（Wikimedia Foundation）維持運作，並吸引越來越多的普通民眾志願貢獻，使維基百科自然地茁壯發展
*#什麼是 wiki ？
*技能：
*# wiki泛指可快速尋找到可用確實的資料。Wiki 是一種支援社群共同創作的網頁系統，在Web 的基礎上可以對Wiki 進行新增、修改、瀏覽、版本比較…等功能。
*#怎麼打出角括號：< >
*# 原為數學用的符號，有括線、括弧兩種。括線用於數字之上，形為－；括弧用於數字之外，如（）、〔〕。今亦普遍被用於文章書寫上。
*#註解
*# 角括號
這是一個臨時條目列出關於角括號的相關資訊，因為字典百科目前沒有這個字詞的條目。登入或創建一個新帳號以開始編輯角括號條目。

*#下段標
*# 是二進位制其應該這樣寫才規範1100（2）二進位制是：從右往左起第n個數分別對應2的n-1次方 0則跳過去各個位數對應值相加，所以1100（2）這個二進位制數=2的3次方+2的2次方+2的0次方+2的0次方=12這個十進位制數
*#有序列點
*# 在數學上, 若一個拓撲空間裏，每個無窮序列都有收斂子序列，則稱該拓撲空間序列緊（英語：sequentially compact）。雖然對於度量空間，緊等價於序列緊，但是對於一般的拓撲空間來說，緊（英語：compact）和序列緊是兩個不等價的性質。
*#無序列點
*# 无序列表是一个没有特定顺序的列表项的集合，也称为项目列表。在无序列表中，各个列表之间属于并列关系，没有先后顺序之分，它们之间以一个项目符号来标记
*#外部連結
*# 外部連結是超連結，來源非自身網址之外的任何網址。
外部連結是指向外部網址的連結。
頂級SEO專家們認為外部連結是排名權重最重要的來源。
外部連結通過“連結權重”（排名權力）不同於內部連結，因為搜尋引擎認為他們是第三方投票。
頂級SEO專家們不認為“標題”連結屬性會是於排名因素之一。

*#內部連結
*# 內部連結是指向（目標）與連結所在的網址（來源）皆是相同網址，簡單的說，內部連結就是同一網站的另一個網頁。

*#連續文字分段
*# 頁面上文字的外觀是由一個複雜的互動程序來決定的，稱為排版。InCopy 會使用選取的單字間距、字母間距、字符縮放比例以及連字選項，以最能支援指定參數的方式來編排文字。
InCopy 提供兩種排版方法: 「Adobe 段落視覺調整」(預設值) 和「Adobe 單行視覺調整」(兩者皆顯示在「控制」面板選單中)。您可以在「段落」面板選單、「齊行」對話框或是「控制」面板選單中，選取要使用的排版方法。

*#嵌入圖照
*#(br)問：Illustrator(Ai)或ＰＤＦ檔，為何要圖片嵌入，不嵌入會怎麼樣嗎？

答：若檔案內有圖片的話，必須記得＂嵌入圖片＂，不嵌入的話，檔案寄過來會導致圖片遺失、掉圖，我們用ＡＩ開啟檔案（.ai 及.pdf 都會有此問題）時會看不到圖片。

步驟1：檢查及辨別圖片是否嵌入

未嵌入，滑鼠游標移至圖片上時，會出現藍色交叉的線。

已嵌入，滑鼠游標移至圖片上時，藍色交叉的線會消失。

*#嵌入 youtube 影片
<videoflash>https://www.youtube.com/watch?v=sFolv_or9s8&t=163s</videoflash>

*#嵌入非 youtube 影片
<videoflash>https://www.gimyvod.cc/vod-play-id-24155-sid-1-pid-1.html</videoflash>

*#嵌入 wiki 頁
*範例：https://commons.wikimedia.org/wiki/%E9%A6%96%E9%A1%B5
</mwdetails>
*#什麼是css? cSS的中文名稱也有許多種如:串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表。是用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標準，優點為:網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來

資訊基礎應用筆記/曲汝川

2021-06-21T07:52:08Z

蕭聿程：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？萬國碼。
*#區分客戶端與伺服器端。伺服器端是遠程伺服器，運行結果是由伺服器產生的；客戶端就是網友的電腦。
*#怎麼線上解壓縮 zip 檔？ https://apps.apple.com/tw/app/the-unarchiver/id425424353?mt=12。
*#何謂 CC 授權？
#*#無特定對象授權，只要遵守規則都可用
#*#可設定期間
#*#姓名表示/人物授權(著作人格權)
#*#創作者可決定是否能營利(斜槓$=不可)
#*#不准修改(=)(ex.宣言)
#*#相同方式分享(倒C/循環符號)，需允許後面的人繼續改
#*#無任何標章則可修改
#*#作者亡故/發表50年以上，著作權開放
#*#最常見：姓名表示+相同方式分享
*#何謂綠色軟體？指一類小型軟體，多數為免費軟體，最大特點是軟體無需安裝便可使用，可存放於快閃記憶體中（因此稱為可攜式軟件），移除後也不會將任何紀錄（登錄檔訊息等）留在本機電腦上。

*#解釋十六進位與十進位的差別它們之間區別在於數運算時是逢幾進一位。
*#解釋「色碼」色碼是以十六進位值來代表不同色彩模式中的顏色的一種方式。十六進位色碼的格式為#RRGGBB，其中RR是紅色，GG是綠色，而BB則是藍色。這些十六進位整數可以落在00到FF的範圍內以指定顏色的強度。
*#解釋 ASCII ASCII最初基於英文字母表，將 128 個指定字符編碼為 7 位整數。九十五個編碼字符是可打印的：包括數字0到9、小寫字母a到z、大寫字母A到Z和標點符號。
*技能：
*#顯示或隱藏檔案副檔名在Mac 上選取檔案，然後選擇「檔案」>「取得資訊」或按下Command + I。請按一下「名稱與副檔名」旁的箭頭來展開此區域。若要顯示或隱藏檔案副檔名，請勾選或取消勾選「隱藏副檔名」。
*#用 google 找圖照搜尋「普丁騎熊」當網頁跳出來之後點images
*#找圖的網址瘋狂點你要的圖點到出現類似這樣的網址https://cdn2.ettoday.net/images/3157/d3157950.jpg
*#怎麼複製出含中文的網址把除了中文以外的網址先複製貼上然後再把中文的部分複製貼上
*#找出綠色軟體市集 https://www.azofreeware.com/search?q=阿榮可以去這裡找綠色軟體
*範例：<img src='https://stickershop.line-scdn.net/stickershop/v1/product/8210942/LINEStorePC/main.png'width=500 height=*/>

*英文：
**阿榮福利味＝azofreeware
**圖片＝images
</mwdetails>

<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？截至2018年，維基共享資源擁有超過4400萬個多媒體檔案。
*技能：
*#註解註解指令 < !--(不表現)-->
*#找圖照
**搜尋「維基共享資源」
**打開維基共享資源網頁
**在「搜尋」打自己要的圖片
**點進去就對了！
*#找縮圖網址
**重複上述動作
**打開圖片後複製網址就好了
*#縮圖網址的格式
**https://upload.wikimedia.org/wikipedia/commons/6/6c/【桃園市。美食】老咩~彩虹蛋糕_%2832580407673%29.jpg
*#找某張圖被哪些 wiki 頁使用
**圖片介紹頁
**檔案全域使用
*#找某人上傳的縮圖
**打開維基共享資源
**在網頁左邊找「特殊頁面」
**到「媒體報導和上傳」點「文件清單」
**在搜尋匡打入用戶名
**大功告成！
*#用分類找圖
**打開維基共享資源網頁
**找「內容」
*範例：
*英文：
</mwdetails>

<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki？ wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。
*技能：
*#怎麼打出角括號：< > &
**將語言轉為英文
**按shift
**按上面有角括號畫的鍵
*#註解註解指令 < !--(不表現)-->
*#下段標 ==段落名稱==
*#有序列點 #
*#無序列點 **
*#外部連結 [ ]
*#內部連結 [[ ]]
*#連續文字分段用空白行分段
*#嵌入圖照 < img src='' width=500 height=*/>
*#嵌入 youtube 影片 < videoflash>youtub影片id< /videoflas>
*#嵌入非 youtube 影片 < videoflash src='網址放這' type=html5 width='500'>< /videoflash>
*#嵌入 wiki 頁 {{網站前置字:名字空間:頁名}} 或 {{:頁名}}
*範例：<img src='https://stickershop.line-scdn.net/stickershop/v1/product/8210942/LINEStorePC/main.png'width=500 height=*/>

</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*#什麼是 HTML ？HTML，中文全名為「超文字標示語言」，是一種用來組織架構並呈現網頁內容的程式語言。網頁內容的組成，可能包含了段落、清單、圖片或表格...等。
*#什麼是 http ？HTTP的全名為「超文本傳輸協定」是一種用於分佈式、協作式和超媒體資訊系統的應用層協議，也是是全球資訊網Internet的資料通訊的基礎。
*#http 和 https 的差別？https有傳輸過程加密保護http則沒有
*#分辨顯示與原始碼顯示＝原始碼解讀之後
*技能：
*#看原始碼按 option+command+u
*#註解註解指令 < !--(不表現)-->
*#使用 html,head,body 三標籤
*#用 titl 標籤，改變頁籤文字
*#指定 HTML 為 UTF-8 編碼
*#p 標籤，font-size,font-family,text-align 三樣式
*#有序列點 #
*#無序列點 **
*#span 標籤
*#做表格
<table class=nicetable align=center style='border:solid 10px #D7BDE2;border-collapse:collapse;'>

<tr><th> </th><th> </th><th> </th><th> </th></tr>
<tr><td > </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td/> </td><td/> </td><td/> </td><td/> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
</table>

*##border-collapse 樣式
*##表格調中
*#超連結 [https://en.wikipedia.org/wiki/Feces 大便]
*#連續文字分段
*#嵌入圖照 < img src='' width=500 height=*/>
*#嵌入影片 < videoflash src='網址放這' type=html5 width='500'>< /videoflash>
*#水平線
*#標題一級到六級
*#區塊
*範例：
*#全班通訊
<table class=nicetable align=center style='border:solid 10px #D7BDE2;border-collapse:collapse;'>

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

*英文：
</mwdetails>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？CSS（是「層疊樣式表單」的意思，也可以叫作「層疊樣式表」，實際上CSS語言是一組樣式，是一個用於網頁排版的標記性語言。它是由W3C協會制定並發布的一個網頁排版式標準，是對HTML語言功能的補充。

原文網址：https://kknews.cc/tech/xpzeq.html
*技能：
*#style 屬性格式語法
*#如何樣式定義一次，引用多次
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/曲汝川

2021-06-21T03:51:21Z

蕭聿程：

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

2021-06-21T03:26:44Z

蕭聿程：

<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？
*#〈br〉以前電腦剛開始發展時，每一個國家都各自發展自己的文字系統，所以就會有中文系統日文系等，可是大家在發展的過程中並沒有相互參考文字在電腦裡的編碼方式，所以同一個碼在不同的地區文字系統裡並不代表同一個字，所以當妳開起非中文的語文編集碼時，就會出現一堆亂碼。
*#區分客戶端與伺服器端。
*#〈br〉客戶端的控制元件和伺服器端的是對應的，伺服器端的頁面傳送給客戶端後，就解析成了對應的html（就是客戶端）的控制元件。伺服器端控制元件是伺服器來解析的，客戶端控制元件是由瀏覽器解析的。伺服器控制元件就是必須通過“網路”來連結伺服器實現的，
客戶端控制元件就是在本地的網站就可以執行的。
客戶端：向使用者服務。
伺服器端：為客戶端服務。
*#怎麼線上解壓縮 zip 檔？
*#(br)本文要推薦的「Archive Extractor」是一款免費、微型且簡易的線上工具，可用來解壓縮超過70 種以上壓縮檔格式，包括7z、zipx、rar、tar、exe、dmg 等等，只要把檔案上傳，或是透過Google Drive、Dropbox 等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*#何謂 CC 授權？
為了讓大眾都可以自由使用，不受著作權法的限制，美國一個著名的法律學著在2001提出保留部分著作權利，其餘全都釋出給大眾使用。
將作品釋出給大眾使用。透過這種自願分享的方式，大家可以群力建立內容豐富、權利清楚、且便於散布的各式內容資源，嘉惠自己與其它眾多的使用者
*#何謂綠色軟體？
*#(br)定義起初人們把「綠色軟件」定義為「把很冗余的資訊軟體清除」，特別是在中国大量擁有大量的病毒軟見。只把好的系統流閜給使用著，所以冠上「綠色」之名。

*#解釋十六進位與十進位的差別
*#(br)對於接觸過電腦的人來說應該都不陌生，我們常用的進位包括：二進位、八進位、十進位與十六進位，它們之間區別在於數運算時是逢幾進一位。比如二進位是逢2進一位，十進位也就是我們常用的0-9是逢10進一位。
十六進位:，是計算機中數據的一種表示方法。同我們日常生活中的表示法不一樣。它由0-9，A-F組成，字母不區分大小寫。與10進位的對應關係是：0-9對應0-9；A-F對應10-15；N進位的數可以用0~(N-1)的數表示，超過9的用字母A-F。

*#解釋「色碼」等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*#( br)HEX 色碼是以十六進位值來代表不同色彩模式中的顏色的一種方式。十六進位色碼的格式為#RRGGBB，其中RR是紅色，GG是綠色，而BB則是藍色。這些十六進位整數可以落在00到FF的範圍內以指定顏色的強度。
*#解釋 ASCII
*#(br) 目前電腦中用得最廣泛的字元集及其編碼，是由美國國家標準局(ANSI)制定的ASCII碼，它已被國際標準化組織（ISO）定為國際標準，稱為ISO 646標準。適用於所有拉丁文字字母，ASCII碼有7位碼和8位碼兩種形式。

因為1位二進位數字可以表示（21=）2種狀態：0、1；而2位二進位數字可以表示（22）=4種狀態：00、01、10、11；

依次類推，7位二進位數字可以表示（27=）128種狀態，每種狀態都唯一地編為一個7位元的二進位碼，對應一個字元（或控制碼），

這些碼可以排列成一個十進位序號0～127。所以，7 位ASCII碼是用七位元二進位數字進行編碼的，可以表示128個字元。
*技能：
*#顯示或隱藏檔案副檔名
Windows 7為了系統的安全，預設會隱藏重要的系統檔案和資料夾，且不顯示已知檔案類型的副檔名，有時候為了要編輯隱藏檔，需要顯示隱藏檔和副檔名的方法敘述如下：
1.開啟檔案總管，如圖示，檔案沒有顯示副檔名且有些系統檔案和資料夾被隱藏
2.點選「組合管理\資料夾和搜尋選項」，準備更改設定以顯示隱藏檔和副檔名。
3.在「檢視」的索引標籤，預設勾選「隱藏已知檔案類型的副檔名」、「隱藏保護的作業系統檔案」，且選擇「不顯示隱藏的檔案、資料夾或磁碟機」。
4.取消勾選「隱藏已知檔案類型的副檔名」。
5.取消勾選「隱藏保護的作業系統檔案」。
6.出現警告視窗，點選「是」。
7.點選「顯示隱藏的檔案、資料夾及磁碟機」。
8.點選「確定」。
9.如圖示，已經顯示隱藏的檔案和資料夾，且檔案也顯示副檔名。
10.檔案修改完成之後，依上述相反的步驟，將檔案和資料夾隱藏，如下圖所示，以保護系統檔案。

*#用 google 找圖照
*#找圖的網址https://images.app.goo.gl/qfgSEuxYqT7FzxXE8(我頭皮好癢)
*#怎麼複製出含中文的網址
*#(br)用chrome複製網址中文時,再把它貼上其它地方會出現這些看不懂的符號%A4%A4%A4%E5,有辨法貼上有中文網址列時,不要出現這些符號,直接用中文顯示,像firefox可以在網址列輸入about:config,那chrome可以嗎?
最簡單的方式就是少 copy 一個字元，就會保持原來的中文，如圖所示。然後自己補上 **http://** 跟少 copy 的那個字就行了。Firefox 跟 Chrome 都通用。
*#找出綠色軟體市集
*#(br)https://www.azofreeware.com/
*範例：<img src='https://www.mirrormedia.com.tw/assets/images/20200114181002-dc56d7b4b2f63a4ee1e44309e87fcba5-mobile.jpg'width=500 height=*/>
*英文：img srg=
</mwdetails>

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

2021-06-21T03:25:09Z

蕭聿程：

<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？
*#〈br〉以前電腦剛開始發展時，每一個國家都各自發展自己的文字系統，所以就會有中文系統日文系等，可是大家在發展的過程中並沒有相互參考文字在電腦裡的編碼方式，所以同一個碼在不同的地區文字系統裡並不代表同一個字，所以當妳開起非中文的語文編集碼時，就會出現一堆亂碼。
*#區分客戶端與伺服器端。
*#〈br〉客戶端的控制元件和伺服器端的是對應的，伺服器端的頁面傳送給客戶端後，就解析成了對應的html（就是客戶端）的控制元件。伺服器端控制元件是伺服器來解析的，客戶端控制元件是由瀏覽器解析的。伺服器控制元件就是必須通過“網路”來連結伺服器實現的，
客戶端控制元件就是在本地的網站就可以執行的。
客戶端：向使用者服務。
伺服器端：為客戶端服務。
*#怎麼線上解壓縮 zip 檔？
*#(br)本文要推薦的「Archive Extractor」是一款免費、微型且簡易的線上工具，可用來解壓縮超過70 種以上壓縮檔格式，包括7z、zipx、rar、tar、exe、dmg 等等，只要把檔案上傳，或是透過Google Drive、Dropbox 等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*#何謂 CC 授權？
為了讓大眾都可以自由使用，不受著作權法的限制，美國一個著名的法律學著在2001提出保留部分著作權利，其餘全都釋出給大眾使用。
將作品釋出給大眾使用。透過這種自願分享的方式，大家可以群力建立內容豐富、權利清楚、且便於散布的各式內容資源，嘉惠自己與其它眾多的使用者
*#何謂綠色軟體？
*#(br)定義起初人們把「綠色軟件」定義為「把很冗余的資訊軟體清除」，特別是在中国大量擁有大量的病毒軟見。只把好的系統流閜給使用著，所以冠上「綠色」之名。

*#解釋十六進位與十進位的差別
*#(br)對於接觸過電腦的人來說應該都不陌生，我們常用的進位包括：二進位、八進位、十進位與十六進位，它們之間區別在於數運算時是逢幾進一位。比如二進位是逢2進一位，十進位也就是我們常用的0-9是逢10進一位。
十六進位:，是計算機中數據的一種表示方法。同我們日常生活中的表示法不一樣。它由0-9，A-F組成，字母不區分大小寫。與10進位的對應關係是：0-9對應0-9；A-F對應10-15；N進位的數可以用0~(N-1)的數表示，超過9的用字母A-F。

*#解釋「色碼」等雲端硬碟匯入，輸入網址就能進行解壓縮，將你需要的檔案拆開分別下載。
*#( br)HEX 色碼是以十六進位值來代表不同色彩模式中的顏色的一種方式。十六進位色碼的格式為#RRGGBB，其中RR是紅色，GG是綠色，而BB則是藍色。這些十六進位整數可以落在00到FF的範圍內以指定顏色的強度。
*#解釋 ASCII
*#(br) 目前電腦中用得最廣泛的字元集及其編碼，是由美國國家標準局(ANSI)制定的ASCII碼，它已被國際標準化組織（ISO）定為國際標準，稱為ISO 646標準。適用於所有拉丁文字字母，ASCII碼有7位碼和8位碼兩種形式。

因為1位二進位數字可以表示（21=）2種狀態：0、1；而2位二進位數字可以表示（22）=4種狀態：00、01、10、11；

依次類推，7位二進位數字可以表示（27=）128種狀態，每種狀態都唯一地編為一個7位元的二進位碼，對應一個字元（或控制碼），

這些碼可以排列成一個十進位序號0～127。所以，7 位ASCII碼是用七位元二進位數字進行編碼的，可以表示128個字元。
*技能：
*#顯示或隱藏檔案副檔名
Windows 7為了系統的安全，預設會隱藏重要的系統檔案和資料夾，且不顯示已知檔案類型的副檔名，有時候為了要編輯隱藏檔，需要顯示隱藏檔和副檔名的方法敘述如下：
1.開啟檔案總管，如圖示，檔案沒有顯示副檔名且有些系統檔案和資料夾被隱藏
2.點選「組合管理\資料夾和搜尋選項」，準備更改設定以顯示隱藏檔和副檔名。
3.在「檢視」的索引標籤，預設勾選「隱藏已知檔案類型的副檔名」、「隱藏保護的作業系統檔案」，且選擇「不顯示隱藏的檔案、資料夾或磁碟機」。
4.取消勾選「隱藏已知檔案類型的副檔名」。
5.取消勾選「隱藏保護的作業系統檔案」。
6.出現警告視窗，點選「是」。
7.點選「顯示隱藏的檔案、資料夾及磁碟機」。
8.點選「確定」。
9.如圖示，已經顯示隱藏的檔案和資料夾，且檔案也顯示副檔名。
10.檔案修改完成之後，依上述相反的步驟，將檔案和資料夾隱藏，如下圖所示，以保護系統檔案。

*#用 google 找圖照
*#找圖的網址https://images.app.goo.gl/qfgSEuxYqT7FzxXE8(我頭皮好癢)
*#怎麼複製出含中文的網址
*#(br)用chrome複製網址中文時,再把它貼上其它地方會出現這些看不懂的符號%A4%A4%A4%E5,有辨法貼上有中文網址列時,不要出現這些符號,直接用中文顯示,像firefox可以在網址列輸入about:config,那chrome可以嗎?
最簡單的方式就是少 copy 一個字元，就會保持原來的中文，如圖所示。然後自己補上 **http://** 跟少 copy 的那個字就行了。Firefox 跟 Chrome 都通用。
*#找出綠色軟體市集
*#(br)https://www.azofreeware.com/
*範例：<img src='https://images.app.goo.gl/qfgSEuxYqT7FzxXE8'width=500 height=*/>
*英文：img srg=
</mwdetails>

資訊基礎應用筆記/曲汝川

2021-06-21T02:57:20Z

蕭聿程：

資訊基礎運用筆記/徐慕禾

2021-06-21T01:56:43Z

蕭聿程：

黑旗軍-扛得住

<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？ 是一種針對Unicode的可變長度字元編碼，也是一種字首碼。它可以用一至四個位元組對Unicode字元集中的所有有效編碼點進行編碼，屬於Unicode標準的一部分，自2009年以來，UTF-8一直是全球資訊網的最主要的編碼形式。
*#區分客戶端與伺服器端。
*#怎麼線上解壓縮 zip 檔？
*#何謂 CC 授權？
*#何謂綠色軟體？
*#解釋十六進位與十進位的差別
*#解釋「色碼」
*#解釋 ASCII
*技能：
*#顯示或隱藏檔案副檔名
*#用 google 找圖照
*#找圖的網址
*#怎麼複製出含中文的網址
*#找出綠色軟體市集
*範例：
*英文：
</mwdetails>

資訊基礎運用筆記/徐慕禾

2021-06-21T01:55:28Z

蕭聿程：

黑旗軍-扛得住

<mwdetails><summary>電腦與網路資源</summary>
*知識：
*#什麼是 UTF-8？ 是一種針對Unicode的可變長度字元編碼，也是一種字首碼。它可以用一至四個位元組對Unicode字元集中的所有有效編碼點進行編碼，屬於Unicode標準的一部分，自2009年以來，UTF-8一直是全球資訊網的最主要的編碼形式。
*#區分客戶端與伺服器端。
*#怎麼線上解壓縮 zip 檔？
*#何謂 CC 授權？
*#何謂綠色軟體？
*#解釋十六進位與十進位的差別
*#解釋「色碼」
*#解釋 ASCII
*技能：
*#顯示或隱藏檔案副檔名
*#用 google 找圖照
*#找圖的網址
*#怎麼複製出含中文的網址
*#找出綠色軟體市集
*範例：
*英文：
</mwdetails>

SVG(四)

2021-05-04T07:54:26Z

蕭聿程：/* emeditor 調整SVG */

[[分類:資訊基礎應用]]
===inkscape描邊===
版本安裝1.0.2
#開啟程式後點選右上角「檔案/匯入」切邊的手繪圖 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/inkscape%E5%8C%AF%E5%85%A5%E5%9C%96%E7%89%87.png" width ="300">
#開啟圖片後點選上方「路徑/描繪點陣圖/亮度截止/『亮度臨界值』調到適當值/用『更新』測試/確定/關閉『描繪點陣圖』」 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/ink%E5%88%87%E9%82%8A.png" width ="300">
#將新生成的成路徑移動，刪掉舊的圖 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/ink%E5%88%AA%E9%99%A4%E8%88%8A%E6%AA%94.png" width ="300">
#點擊「檔案/文件屬性/『單位』調成px/將頁面調整成圖畫大小」 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/ink%E8%AA%BF%E6%95%B4%E7%95%AB%E5%B8%83%E5%A4%A7%E5%B0%8F.png" width ="300">
#「檔案/另存新檔」(如：瓷象1.svg)，記得調UTF-8編碼

===emeditor 調整SVG===
#用 emeditor 開 svg
#去掉 viewBox 整行 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/EM%E5%88%AA%E9%99%A4viewBox.png" width="300">
#找到圖形的路徑svg <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/EM%E5%9C%96%E7%89%87%E4%BD%8D%E7%BD%AE.png" width="300">
#將圖形transform加上或增加 scale(0.1)svg <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/EM-transform.png" width="300">

SVG(四)

2021-05-04T07:52:16Z

蕭聿程：/* inkscape描邊 */

[[分類:資訊基礎應用]]
===inkscape描邊===
版本安裝1.0.2
#開啟程式後點選右上角「檔案/匯入」切邊的手繪圖 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/inkscape%E5%8C%AF%E5%85%A5%E5%9C%96%E7%89%87.png" width ="300">
#開啟圖片後點選上方「路徑/描繪點陣圖/亮度截止/『亮度臨界值』調到適當值/用『更新』測試/確定/關閉『描繪點陣圖』」 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/ink%E5%88%87%E9%82%8A.png" width ="300">
#將新生成的成路徑移動，刪掉舊的圖 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/ink%E5%88%AA%E9%99%A4%E8%88%8A%E6%AA%94.png" width ="300">
#點擊「檔案/文件屬性/『單位』調成px/將頁面調整成圖畫大小」 <img src="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/ink%E8%AA%BF%E6%95%B4%E7%95%AB%E5%B8%83%E5%A4%A7%E5%B0%8F.png" width ="300">
#「檔案/另存新檔」(如：瓷象1.svg)，記得調UTF-8編碼

===emeditor 調整SVG===
#用 emeditor 開 svg
#去掉 viewBox 整行
#找到圖形的路徑
#將圖形transform加上或增加 scale(0.1)

SVG(四)

2021-05-04T07:48:44Z

蕭聿程：/* inkscape描邊 */

[[分類:資訊基礎應用]]
===inkscape描邊===
版本安裝1.0.2
#開啟程式後點選右上角「檔案/匯入」切邊的手繪圖
<img scr="http://science4everyone.net/file/%E8%95%AD%E8%81%BF%E7%A8%8B/inkscape%E5%8C%AF%E5%85%A5%E5%9C%96%E7%89%87.png">
#開啟圖片後點選上方「路徑/描繪點陣圖/亮度截止/『亮度臨界值』調到適當值/用『更新』測試/確定/關閉『描繪點陣圖』」
#將新生成的成路徑移動，刪掉舊的圖
#點擊「檔案/文件屬性/『單位』調成px/將頁面調整成圖畫大小」
#「檔案/另存新檔」(如：瓷象1.svg)，記得調UTF-8編碼
#以 Ctrl-4 關閉圖檔但不關 inkscape

===emeditor 調整SVG===
#用 emeditor 開 svg
#去掉 viewBox 整行
#找到圖形的路徑
#將圖形transform加上或增加 scale(0.1)

SVG(四)

2021-05-04T07:45:13Z

蕭聿程：

[[分類:資訊基礎應用]]
===inkscape描邊===
版本安裝1.0.2
#開啟程式後點選右上角「檔案/匯入」切邊的手繪圖
#開啟圖片後點選上方「路徑/描繪點陣圖/亮度截止/『亮度臨界值』調到適當值/用『更新』測試/確定/關閉『描繪點陣圖』」
#將新生成的成路徑移動，刪掉舊的圖
#點擊「檔案/文件屬性/『單位』調成px/將頁面調整成圖畫大小」
#「檔案/另存新檔」(如：瓷象1.svg)，記得調UTF-8編碼
#以 Ctrl-4 關閉圖檔但不關 inkscape
===emeditor 調整SVG===
#用 emeditor 開 svg
#去掉 viewBox 整行
#找到圖形的路徑
#將圖形transform加上或增加 scale(0.1)

SVG(四)

2021-05-04T07:24:29Z

蕭聿程：建立內容為「分類:資訊基礎應用 ===inkscape描邊=== 版本安裝1.0.2 #開啟程式後點選右上角「檔案/匯入」切邊的手繪圖 #開啟圖片後…」的新頁面

自主學習輔導平台/主題分享/Etherpad使用說明

2021-04-13T07:10:31Z

蕭聿程：/* 時間軸(Timeline) */

{{#css:
@font-face {
font-family: "fontawesome-etherpad";
src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2");
src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2#iefix") format("embedded-opentype"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.woff?2") format("woff"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.ttf?2") format("truetype"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.svg#fontawesome-etherpad") format("svg");
font-weight: normal;
font-style: normal;
}
.buttonicon {
border: none;
padding: 0;
background: none;
text-align: center;
font-style: normal;
font-weight: normal;
position: relative;
cursor: pointer;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.buttonicon-embed:before {content: "\e853";}
}}
[[分類:自主學習輔導平台]]

===進入 etherpad===
有兩種進入本課程 etherpad 的途徑：
#在瀏覽器的網址列輸入：「[http://urclass.net:9001 http://urclass.net:9001]」。
#到[http://urclass.net/EMEP/ 本課程網站]，點選「社群發展」項下的「即時共筆工具」。
兩者都會看到以下畫面：

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/新記事本.png' width=90% style='float:center;'>

之後可以有兩種建立新共筆頁的方法：
#指定共筆頁的頁名：在「或建立／開啟以下名稱的記事本：」(or create/open a Pad with the name)方框內輸入頁名(中英文皆可)。
#由系統產生隨機字串的頁名：點擊「新記事本」(New Pad)

進入之後就會看到以下畫面，接下來只要將「連結」發給別人，就可以一起編輯囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/etherpad_full_features.png' width=100% />

===新增編輯者名字===
<table><tr><th rowspan=2>從右上角拉出框框，接著輸入編輯人員姓名</th><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字.png' width=200 /></th></tr><tr><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字(CH).png' width=200 />
</th></tr></table>

===文字格式===
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/文字編輯_工作區域%201.png' width=500 />

===聊天(Chat)===
點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Chat.png' width=200 />  →  <img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/CHAT2.png' width=300 />

===設定(Pad Settings) <img src='https://upload.wikimedia.org/wikipedia/commons/a/a0/Font_Awesome_5_solid_cog.svg' width='30' height='*'/>===
<div style='float:right;'><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Pad%20Settings.png' width=150 /><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/記事本設定.png' width=150 /></div>
在Pad Settings中可設定語言及字體。
#永遠在螢幕上顯示聊天：在螢幕上顯示聊天
#顯示聊天與使用者：聊天時顯示使用者姓名
#協作者顏色：顯示其他協作者的顏色，以便確認輸入者
#行號：顯示行號
#從右至左讀取內容：由左至右或由右至左
#字型類型：選用字體
#語言：可選擇各國語言介面、繁體中文介面、簡體中文介面

===分享(Share This Pad)<img src='https://upload.wikimedia.org/wikipedia/commons/b/bd/Font_Awesome_5_solid_share-alt.svg' width=30 height=34 />===
分享時可設定「唯讀」(READ ONLY)。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Share%20this%20pad.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/分享此記事本.png' width=30%>

===匯入 / 匯出(Import & Export)<img src='https://upload.wikimedia.org/wikipedia/commons/0/0e/Font_Awesome_5_solid_exchange-alt.svg' width=30 height=* />===
可以匯入或匯出，匯出的格式分為：Etherpad、HTML、純文字。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Import%20&%20Export.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/匯出&匯入.png' width=30%>

===時間軸(Timeline)<img src='https://upload.wikimedia.org/wikipedia/commons/5/59/Font_Awesome_5_solid_history.svg' width=30 height=* />===
可以往回看過去的編輯紀錄

<img src='http://jendo.org/uploadFiles/%E4%B8%81%E5%BF%97%E4%BB%81/etherpad-icon/Etherpad%E6%99%82%E9%96%93%E8%BB%B8.png' width=90%>

===星形圖示(Star icon)<img src='https://upload.wikimedia.org/wikipedia/commons/c/c3/OOjs_UI_icon_unStar.svg' width=30 height=* />===
可以標記當下時間(如上圖)

===使用者顏色(Usercolor)===
可以跟改使用者編寫時文字顏色(這裡以丁丁為例)

<img src='http://jendo.org/uploadFiles/%E4%B8%81%E5%BF%97%E4%BB%81/etherpad-icon/Etherpad%E4%BD%BF%E7%94%A8%E8%80%85%E9%A1%8F%E8%89%B2.png' width=30%>

自主學習輔導平台/主題分享/Etherpad使用說明

2021-04-13T07:08:01Z

蕭聿程：/* 時間軸(Timeline) */

{{#css:
@font-face {
font-family: "fontawesome-etherpad";
src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2");
src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2#iefix") format("embedded-opentype"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.woff?2") format("woff"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.ttf?2") format("truetype"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.svg#fontawesome-etherpad") format("svg");
font-weight: normal;
font-style: normal;
}
.buttonicon {
border: none;
padding: 0;
background: none;
text-align: center;
font-style: normal;
font-weight: normal;
position: relative;
cursor: pointer;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.buttonicon-embed:before {content: "\e853";}
}}
[[分類:自主學習輔導平台]]

===進入 etherpad===
有兩種進入本課程 etherpad 的途徑：
#在瀏覽器的網址列輸入：「[http://urclass.net:9001 http://urclass.net:9001]」。
#到[http://urclass.net/EMEP/ 本課程網站]，點選「社群發展」項下的「即時共筆工具」。
兩者都會看到以下畫面：

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/新記事本.png' width=90% style='float:center;'>

之後可以有兩種建立新共筆頁的方法：
#指定共筆頁的頁名：在「或建立／開啟以下名稱的記事本：」(or create/open a Pad with the name)方框內輸入頁名(中英文皆可)。
#由系統產生隨機字串的頁名：點擊「新記事本」(New Pad)

進入之後就會看到以下畫面，接下來只要將「連結」發給別人，就可以一起編輯囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/etherpad_full_features.png' width=100% />

===新增編輯者名字===
<table><tr><th rowspan=2>從右上角拉出框框，接著輸入編輯人員姓名</th><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字.png' width=200 /></th></tr><tr><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字(CH).png' width=200 />
</th></tr></table>

===文字格式===
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/文字編輯_工作區域%201.png' width=500 />

===聊天(Chat)===
點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Chat.png' width=200 />  →  <img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/CHAT2.png' width=300 />

===設定(Pad Settings) <img src='https://upload.wikimedia.org/wikipedia/commons/a/a0/Font_Awesome_5_solid_cog.svg' width='30' height='*'/>===
<div style='float:right;'><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Pad%20Settings.png' width=150 /><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/記事本設定.png' width=150 /></div>
在Pad Settings中可設定語言及字體。
#永遠在螢幕上顯示聊天：在螢幕上顯示聊天
#顯示聊天與使用者：聊天時顯示使用者姓名
#協作者顏色：顯示其他協作者的顏色，以便確認輸入者
#行號：顯示行號
#從右至左讀取內容：由左至右或由右至左
#字型類型：選用字體
#語言：可選擇各國語言介面、繁體中文介面、簡體中文介面

===分享(Share This Pad)<img src='https://upload.wikimedia.org/wikipedia/commons/b/bd/Font_Awesome_5_solid_share-alt.svg' width=30 height=34 />===
分享時可設定「唯讀」(READ ONLY)。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Share%20this%20pad.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/分享此記事本.png' width=30%>

===匯入 / 匯出(Import & Export)<img src='https://upload.wikimedia.org/wikipedia/commons/0/0e/Font_Awesome_5_solid_exchange-alt.svg' width=30 height=* />===
可以匯入或匯出，匯出的格式分為：Etherpad、HTML、純文字。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Import%20&%20Export.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/匯出&匯入.png' width=30%>

===時間軸(Timeline)<img src='https://upload.wikimedia.org/wikipedia/commons/5/59/Font_Awesome_5_solid_history.svg' width=30 height=* />===
可以往回看過去的編輯紀錄

<img src='http://jendo.org/uploadFiles/%E4%B8%81%E5%BF%97%E4%BB%81/etherpad-icon/Etherpad%E6%99%82%E9%96%93%E8%BB%B8.png' width=90%>

===使用者顏色(Usercolor)===
可以跟改使用者編寫時文字顏色(這裡以丁丁為例)

<img src='http://jendo.org/uploadFiles/%E4%B8%81%E5%BF%97%E4%BB%81/etherpad-icon/Etherpad%E4%BD%BF%E7%94%A8%E8%80%85%E9%A1%8F%E8%89%B2.png' width=30%>

自主學習輔導平台/主題分享/Etherpad使用說明

2021-04-13T07:02:57Z

蕭聿程：/* 匯入 / 匯出(Import & Export) */

自主學習輔導平台/主題分享/Etherpad使用說明

2021-04-13T05:52:15Z

蕭聿程：/* 匯入 / 匯出(Import & Export) */

自主學習輔導平台/主題分享/Etherpad使用說明

2021-04-13T05:51:39Z

蕭聿程：/* 匯入 / 匯出(Import & Export) */

{{#css:
@font-face {
font-family: "fontawesome-etherpad";
src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2");
src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2#iefix") format("embedded-opentype"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.woff?2") format("woff"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.ttf?2") format("truetype"),
url("/etherpad-lite/src/static/font/fontawesome-etherpad.svg#fontawesome-etherpad") format("svg");
font-weight: normal;
font-style: normal;
}
.buttonicon {
border: none;
padding: 0;
background: none;
text-align: center;
font-style: normal;
font-weight: normal;
position: relative;
cursor: pointer;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.buttonicon-embed:before {content: "\e853";}
}}
[[分類:自主學習輔導平台]]

===進入 etherpad===
有兩種進入本課程 etherpad 的途徑：
#在瀏覽器的網址列輸入：「[http://urclass.net:9001 http://urclass.net:9001]」。
#到[http://urclass.net/EMEP/ 本課程網站]，點選「社群發展」項下的「即時共筆工具」。
兩者都會看到以下畫面：

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/新記事本.png' width=90% style='float:center;'>

之後可以有兩種建立新共筆頁的方法：
#指定共筆頁的頁名：在「或建立／開啟以下名稱的記事本：」(or create/open a Pad with the name)方框內輸入頁名(中英文皆可)。
#由系統產生隨機字串的頁名：點擊「新記事本」(New Pad)

進入之後就會看到以下畫面，接下來只要將「連結」發給別人，就可以一起編輯囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/etherpad_full_features.png' width=100% />

===新增編輯者名字===
<table><tr><th rowspan=2>從右上角拉出框框，接著輸入編輯人員姓名</th><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字.png' width=200 /></th></tr><tr><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字(CH).png' width=200 />
</th></tr></table>

===文字格式===
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/文字編輯_工作區域%201.png' width=500 />

===聊天(Chat)===
點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Chat.png' width=200 />  →  <img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/CHAT2.png' width=300 />

===設定(Pad Settings) <img src='https://upload.wikimedia.org/wikipedia/commons/a/a0/Font_Awesome_5_solid_cog.svg' width='30' height='*'/>===
<div style='float:right;'><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Pad%20Settings.png' width=150 /><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/記事本設定.png' width=150 /></div>
在Pad Settings中可設定語言及字體。
#永遠在螢幕上顯示聊天：在螢幕上顯示聊天
#顯示聊天與使用者：聊天時顯示使用者姓名
#協作者顏色：顯示其他協作者的顏色，以便確認輸入者
#行號：顯示行號
#從右至左讀取內容：由左至右或由右至左
#字型類型：選用字體
#語言：可選擇各國語言介面、繁體中文介面、簡體中文介面

===分享(Share This Pad)<img src='https://upload.wikimedia.org/wikipedia/commons/b/bd/Font_Awesome_5_solid_share-alt.svg' width=30 height=34 />===
分享時可設定「唯讀」(READ ONLY)。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Share%20this%20pad.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/分享此記事本.png' width=30%>

===匯入 / 匯出<img src='https://upload.wikimedia.org/wikipedia/commons/0/0e/Font_Awesome_5_solid_exchange-alt.svg' width=30 height=* />(Import & Export)===
可以匯入或匯出，匯出的格式分為：Etherpad、HTML、純文字。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Import%20&%20Export.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/匯出&匯入.png' width=30%>