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

使用者:李昀蓁

2021-06-28T15:26:28Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

==關於我==
*昀蓁♥️
*18歲水瓶少女
*嘉禾自學生
*2019-20定居比利時
*正港ㄟ諧音梗愛好者
*布丁🍮
*自然捲捲

==連結練習==
[https://yuen08520000.wixsite.com/mysite/home my site]

{{#css:
.nicetable {color:black;border:1pt solid #00C3FF;border-collapse:collapse;}
.nicetable td {border:1pt solid #8800FF;border-collapse:collapse;}
.nicetable th {color:purple;border:1pt solid;border-collapse:collapse;}
}}
==通訊錄==
<table class=nicetable align=centre style='border:solid 1px #0000ff;border-collapse:collapse;'>
<tr><th>姓名</th><th>賴</th><th>email</th><th>備註</th></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>Etudiante</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Etudiante</td></tr>
<tr><td>黃稚博</td><td>自拔</td><td>burtfook@gmail.com</td><td>Etudiante</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>Etudiante</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Etudiante</td></tr>
<tr><td>藍寧</td><td>賽特咩</td><td>Ninellampe@gmail.com</td><td>Etudiante</td></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>Etudiante</td></tr>
<tr><td>黃顯淳</td><td>黃顯淳</td><td>burt961007@gmail.com</td><td>Etudiante</td></tr>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>Etudiante</td></tr>
<tr><td>曲汝川</td><td>Ruru</td><td>karunaschuyler@gmail.com</td><td>Etudiante</td></tr>


</table>

==一生懸命の☁️==
<img src='http://jendo.org/uploadFiles/嘉禾書院/李昀蓁/2A1DB20E-3992-4ED9-9D6D-E702B23B1D83.png' width=150 height=*/>

喜歡說話聊天交朋友，精靈古怪別奇怪！

目前的人生目標是好好上大學，有朝一日捐一輛救護車！！

===我的七筒===
New World! 大家好，我們是Victon！

七人七色，入坑筒尼絕對值得！

<videoflash>1WVkRRgcymw</videoflash>

<videoflash src='http://urclass.net/uploadFiles/嘉禾書院/李昀蓁/u0uJmWoGfkPHdXX-.mp4' type=html5 width=420></videoflash>

==大英百品==

===奧克斯戰車模型===
[[奧克斯戰車模型]]

===古羅馬文化===
#羅馬融合了希臘文化，也深受希臘文化影響，「被征服者征服了征服者。」在藝術方面特別有希臘文化的色彩。
#羅馬文化在交通、法律和軍事上都有超凡的成就。他們建立許多道路，使羅馬成為中心，留下了「條條大路通羅馬」的美言。除了大量的軍事征服以外，也利用法律治理國家，這樣的治國方式影響著現代社會。
#羅馬將原本拉丁文23個字母，增加為26個，並大量使用，使拉丁文傳遍整個歐洲，取代了許多當地語言，當時只有希臘文能夠勉強抗衡，而現在拉丁文仍舊是歐洲最多人使用的文字。

===用大英百品學世界歷史20210628===
1.找出丁丁給的一張圖，寫出當今的各大陸。

<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Laurasia-Gondwana-zhtw.svg/330px-Laurasia-Gondwana-zhtw.svg.png' width=300 height=*/>

勞亞大陸是現在的歐洲和亞洲；岡瓦納大陸上半部分左邊是美洲，右邊是非洲；岡瓦納大陸下半部分則是澳洲和南極洲。

2.用歷史地圖工具，查出貴霜帝國的所在時間。貴霜王朝大約在西元60年到西元320年左右。

<img src='http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/貴霜帝國.png' width=300 height=*/>

3.查穆罕默德·阿里·真納這個人。

1876年12月25日－1948年9月11日

他是一位英屬印度和巴基斯坦的政治人物，一開始支持並投身印度從英國殖民統治下的獨立運動，後來立場逐漸改變，轉向謀求在南亞建立獨立的穆斯林國家。除此之外，他也是巴基斯坦的第一位總督。

原本在英國倫敦的企業任職，後來轉投入法律，成為一名律師，並以勇於和英國人對質聞名。之後他加入印度國民大會黨，在1916年成為穆斯林聯盟的主席，並促成了國大黨與穆斯林聯盟在所有國家問題上展開合作的決定。甘地回到印度後，真納和他起了很大的衝突，之後真納退出了印度國民大會黨，並警告甘地爭取獨立的做法，會使穆斯林與印度教徒之間產生紛爭。1924年真納組織了自己的黨，並作為與英國殖民政府之間的橋樑。後來真納與穆斯林和印度領袖討論未來印度憲法時，穆斯林希望分離選舉，而印度教徒則希望共同選舉。真納本人反對單獨的選舉，最後他提出了一個折衷方案並希望以此滿足雙方的要求，就是著名的「真納先生十四點」。但是國民大會黨推翻了真納的這14點，真納被完全孤立，即使穆斯林、民族主義者和親英國的穆斯林貴族都不認同他。於是心灰意冷的真納去了英國，成立律師事務所。不過他依舊想加入政壇，但是英國政壇卻不適合他。在朋友的勸說下，真納回到印度。

1934年真納回到印度並開始重組穆斯林聯盟。之後他一直希望能和國民大會黨合作，聯盟組閣，但是多年來的不信任，使兩方無法達成共識。後來真納支持印度參加第二次世界大戰，而國民大會黨則反對。這也加強了真納在英國政府眼中的地位，在1940年代中真納與邱吉爾通過幾次信，兩人的見解顯然很一致。

之後真納一直致力於使穆斯林分離出印度，形成兩個獨立國家的理想。在1946年8月16日他號召發動了「直接行動日」抗議，以表達穆斯林要求建立巴基斯坦的呼聲。雖然真納發誓穆斯林只有在獲得巴基斯坦後才會停止，但他並不希望在全國爆發流血事件。最後穆斯林聯盟和真納獲得了一次政治勝利，而印度的分裂已經非常明顯。

1947年6月到8月真納代表巴基斯坦方參加分裂會議，討論分裂政府的形成和機構，並同時組織新的巴基斯坦政府，成為巴基斯坦第一位總督。他試圖平息宗教衝突，幫助數百萬難民落戶，並保護弱勢宗教人群，說服他們不要離開巴基斯坦。他奠定了巴基斯坦的經濟政策和貨幣制度，還創建了軍事、政府和教育機構。之後在1948年9月11日，真納因肺結核和肺癌逝世於喀拉蚩。巴基斯坦政府在喀拉蚩為他建立了一座真納陵寢紀念堂，並將他葬在此處。

4.查出羅馬四帝共治時期的四個首都(皇帝的辦公中心)
#戴克里先 --> 尼科米底亞
#馬克西米安 --> 米底奧蘭努姆(今米蘭)
#加理列屋斯 --> 夕米南
#君士坦丁屋斯 --> 奧古斯塔特列維羅拉姆

使用者:李昀蓁

2021-06-28T08:29:56Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

==關於我==
*昀蓁♥️
*18歲水瓶少女
*嘉禾自學生
*2019-20定居比利時
*正港ㄟ諧音梗愛好者
*布丁🍮
*自然捲捲

==連結練習==
[https://yuen08520000.wixsite.com/mysite/home my site]

{{#css:
.nicetable {color:black;border:1pt solid #00C3FF;border-collapse:collapse;}
.nicetable td {border:1pt solid #8800FF;border-collapse:collapse;}
.nicetable th {color:purple;border:1pt solid;border-collapse:collapse;}
}}
==通訊錄==
<table class=nicetable align=centre style='border:solid 1px #0000ff;border-collapse:collapse;'>
<tr><th>姓名</th><th>賴</th><th>email</th><th>備註</th></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>Etudiante</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Etudiante</td></tr>
<tr><td>黃稚博</td><td>自拔</td><td>burtfook@gmail.com</td><td>Etudiante</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>Etudiante</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Etudiante</td></tr>
<tr><td>藍寧</td><td>賽特咩</td><td>Ninellampe@gmail.com</td><td>Etudiante</td></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>Etudiante</td></tr>
<tr><td>黃顯淳</td><td>黃顯淳</td><td>burt961007@gmail.com</td><td>Etudiante</td></tr>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>Etudiante</td></tr>
<tr><td>曲汝川</td><td>Ruru</td><td>karunaschuyler@gmail.com</td><td>Etudiante</td></tr>


</table>

==一生懸命の☁️==
<img src='http://jendo.org/uploadFiles/嘉禾書院/李昀蓁/2A1DB20E-3992-4ED9-9D6D-E702B23B1D83.png' width=150 height=*/>

喜歡說話聊天交朋友，精靈古怪別奇怪！

目前的人生目標是好好上大學，有朝一日捐一輛救護車！！

===我的七筒===
New World! 大家好，我們是Victon！

七人七色，入坑筒尼絕對值得！

<videoflash>1WVkRRgcymw</videoflash>

<videoflash src='http://urclass.net/uploadFiles/嘉禾書院/李昀蓁/u0uJmWoGfkPHdXX-.mp4' type=html5 width=420></videoflash>

==大英百品==

===奧克斯戰車模型===
[[奧克斯戰車模型]]

===古羅馬文化===
#羅馬融合了希臘文化，也深受希臘文化影響，「被征服者征服了征服者。」在藝術方面特別有希臘文化的色彩。
#羅馬文化在交通、法律和軍事上都有超凡的成就。他們建立許多道路，使羅馬成為中心，留下了「條條大路通羅馬」的美言。除了大量的軍事征服以外，也利用法律治理國家，這樣的治國方式影響著現代社會。
#羅馬將原本拉丁文23個字母，增加為26個，並大量使用，使拉丁文傳遍整個歐洲，取代了許多當地語言，當時只有希臘文能夠勉強抗衡，而現在拉丁文仍舊是歐洲最多人使用的文字。

===用大英百品學世界歷史20210628===
1.找出丁丁給的一張圖，寫出當今的各大陸。

<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Laurasia-Gondwana-zhtw.svg/330px-Laurasia-Gondwana-zhtw.svg.png' width=300 height=*/>

勞亞大陸是現在的歐洲和亞洲；岡瓦納大陸上半部分左邊是美洲，右邊是非洲；岡瓦納大陸下半部分則是澳洲和南極洲。

2.用歷史地圖工具，查出貴霜帝國的所在時間。貴霜王朝大約在西元60年到西元320年左右。

<img src='http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/貴霜帝國.png' width=300 height=*/>

3.查穆罕默德·阿里·真納這個人。

1876年12月25日－1948年9月11日

他是一位英屬印度和巴基斯坦的政治人物，一開始支持並投身印度從英國殖民統治下的獨立運動，後來立場逐漸改變，轉向謀求在南亞建立獨立的穆斯林國家。除此之外，他也是巴基斯坦的第一位總督。

原本在英國倫敦的企業任職，後來轉投入法律，成為一名律師，並以勇於和英國人對質聞名。之後他加入印度國民大會黨，在1916年成為穆斯林聯盟的主席，並促成了國大黨與穆斯林聯盟在所有國家問題上展開合作的決定。甘地回到印度後，真納和他起了很大的衝突，之後真納退出了印度國民大會黨，並警告甘地爭取獨立的做法，會使穆斯林與印度教徒之間產生紛爭。1924年真納組織了自己的黨，並作為與英國殖民政府之間的橋樑。後來真納與穆斯林和印度領袖討論未來印度憲法時，穆斯林希望分離選舉，而印度教徒則希望共同選舉。真納本人反對單獨的選舉，最後他提出了一個折衷方案並希望以此滿足雙方的要求，就是著名的「真納先生十四點」。但是國民大會黨推翻了真納的這14點，真納被完全孤立，即使穆斯林、民族主義者和親英國的穆斯林貴族都不認同他。於是心灰意冷的真納去了英國，成立律師事務所。不過他依舊想加入政壇，但是英國政壇卻不適合他。在朋友的勸說下，真納回到印度。

1934年真納回到印度並開始重組穆斯林聯盟。之後他一直希望能和國民大會黨合作，聯盟組閣，但是多年來的不信任，使兩方無法達成共識。後來真納支持印度參加第二次世界大戰，而國民大會黨則反對。這也加強了真納在英國政府眼中的地位，在1940年代中真納與溫斯頓·邱吉爾通過幾次信，兩人的見解顯然很一致。

4.查出羅馬四帝共治時期的四個首都(皇帝的辦公中心)

使用者:李昀蓁

2021-06-28T08:29:01Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

==關於我==
*昀蓁♥️
*18歲水瓶少女
*嘉禾自學生
*2019-20定居比利時
*正港ㄟ諧音梗愛好者
*布丁🍮
*自然捲捲

==連結練習==
[https://yuen08520000.wixsite.com/mysite/home my site]

{{#css:
.nicetable {color:black;border:1pt solid #00C3FF;border-collapse:collapse;}
.nicetable td {border:1pt solid #8800FF;border-collapse:collapse;}
.nicetable th {color:purple;border:1pt solid;border-collapse:collapse;}
}}
==通訊錄==
<table class=nicetable align=centre style='border:solid 1px #0000ff;border-collapse:collapse;'>
<tr><th>姓名</th><th>賴</th><th>email</th><th>備註</th></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>Etudiante</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Etudiante</td></tr>
<tr><td>黃稚博</td><td>自拔</td><td>burtfook@gmail.com</td><td>Etudiante</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>Etudiante</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Etudiante</td></tr>
<tr><td>藍寧</td><td>賽特咩</td><td>Ninellampe@gmail.com</td><td>Etudiante</td></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>Etudiante</td></tr>
<tr><td>黃顯淳</td><td>黃顯淳</td><td>burt961007@gmail.com</td><td>Etudiante</td></tr>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>Etudiante</td></tr>
<tr><td>曲汝川</td><td>Ruru</td><td>karunaschuyler@gmail.com</td><td>Etudiante</td></tr>


</table>

==一生懸命の☁️==
<img src='http://jendo.org/uploadFiles/嘉禾書院/李昀蓁/2A1DB20E-3992-4ED9-9D6D-E702B23B1D83.png' width=150 height=*/>

喜歡說話聊天交朋友，精靈古怪別奇怪！

目前的人生目標是好好上大學，有朝一日捐一輛救護車！！

===我的七筒===
New World! 大家好，我們是Victon！

七人七色，入坑筒尼絕對值得！

<videoflash>1WVkRRgcymw</videoflash>

<videoflash src='http://urclass.net/uploadFiles/嘉禾書院/李昀蓁/u0uJmWoGfkPHdXX-.mp4' type=html5 width=420></videoflash>

==大英百品==

===奧克斯戰車模型===
[[奧克斯戰車模型]]

===古羅馬文化===
#羅馬融合了希臘文化，也深受希臘文化影響，「被征服者征服了征服者。」在藝術方面特別有希臘文化的色彩。
#羅馬文化在交通、法律和軍事上都有超凡的成就。他們建立許多道路，使羅馬成為中心，留下了「條條大路通羅馬」的美言。除了大量的軍事征服以外，也利用法律治理國家，這樣的治國方式影響著現代社會。
#羅馬將原本拉丁文23個字母，增加為26個，並大量使用，使拉丁文傳遍整個歐洲，取代了許多當地語言，當時只有希臘文能夠勉強抗衡，而現在拉丁文仍舊是歐洲最多人使用的文字。

===用大英百品學世界歷史20210628===
1.找出丁丁給的一張圖，寫出當今的各大陸。

<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Laurasia-Gondwana-zhtw.svg/330px-Laurasia-Gondwana-zhtw.svg.png' width=300 height=*/>

勞亞大陸是現在的歐洲和亞洲；岡瓦納大陸上半部分左邊是美洲，右邊是非洲；岡瓦納大陸下半部分則是澳洲和南極洲。

2.用歷史地圖工具，查出貴霜帝國的所在時間。貴霜王朝大約在西元60年到西元320年左右。

<img src='http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/貴霜帝國.png' width=300 height=*/>

3.查穆罕默德·阿里·真納這個人。

1876年12月25日－1948年9月11日

他是一位英屬印度和巴基斯坦的政治人物，一開始支持並投身印度從英國殖民統治下的獨立運動，後來立場逐漸改變，轉向謀求在南亞建立獨立的穆斯林國家。除此之外，他也是巴基斯坦的第一位總督。

原本在英國倫敦的企業任職，後來轉投入法律，成為一名律師，並以勇於和英國人對質聞名。之後他加入印度國民大會黨，在1916年成為穆斯林聯盟的主席，並促成了國大黨與穆斯林聯盟在所有國家問題上展開合作的決定。甘地回到印度後，真納和他起了很大的衝突，之後真納退出了印度國民大會黨，並警告甘地爭取獨立的做法，會使穆斯林與印度教徒之間產生紛爭。1924年真納組織了自己的黨，並作為與英國殖民政府之間的橋樑。後來真納與穆斯林和印度領袖討論未來印度憲法時，穆斯林希望分離選舉，而印度教徒則希望共同選舉。真納本人反對單獨的選舉，最後他提出了一個折衷方案並希望以此滿足雙方的要求，就是著名的「真納先生十四點」。但是國民大會黨推翻了真納的這14點，真納被完全孤立，即使穆斯林、民族主義者和親英國的穆斯林貴族都不認同他。於是心灰意冷的真納去了英國，成立律師事務所。不過他依舊想加入政壇，但是英國政壇卻不適合他。在朋友的勸說下，真納回到印度。

1934年真納回到印度並開始重組穆斯林聯盟。之後他一直希望能和國民大會黨合作，聯盟組閣，但是多年來的不信任，使兩方無法達成共識。後來真納支持印度參加第二次世界大戰，而國民大會黨則反對。這也加強了真納在英國政府眼中的地位。在關鍵的1940年代中真納與溫斯頓·邱吉爾通過幾次信，兩人的見解顯然很一致。

4.查出羅馬四帝共治時期的四個首都(皇帝的辦公中心)

使用者:李昀蓁

2021-06-28T08:11:23Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:10:59Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:10:05Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:09:45Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:01:45Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:01:25Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:01:00Z

李昀蓁：/* 用大英百品學世界歷史20210628 */

使用者:李昀蓁

2021-06-28T08:00:23Z

李昀蓁：/* 大英百品 */

使用者:李昀蓁

2021-06-28T07:25:05Z

李昀蓁：/* 古羅馬文化 */

使用者:李昀蓁

2021-06-28T07:22:57Z

李昀蓁：/* 古羅馬文化 */

使用者:李昀蓁

2021-06-28T07:22:23Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-28T02:48:02Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KaiTi
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法 translate,rotate,scale
*#在 SVG 原始碼中怎麼把一堆東西打包成群？加上<g> </g>
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/3flowers.svg">3flowers</a>
*#用 SVG 畫出一個帶漸層色的方塊 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/漸層.svg">漸層方塊</a>
*#用 SVG 畫一個用放射漸層表示的太陽 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun2.svg">漸層太陽</a>
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？使用Microsoft Lens拍照，上傳到電腦後用小畫家裁邊，放到inkscape上
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？使用inkscape的影像描圖功能
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？先縮小圖片，之後在文件屬性中選擇「將頁面調整成圖片大小」
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背) 儲存的時候存成png檔案格式
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？ <a href="http://urclass.net/files/tools/icons.php">icon查詢網站</a>
*#怎麼縮小一張 SVG 圖的大小？更改寬度和高度以及scale改變大小
*#怎麼改變一張 SVG ICON 圖的顏色？ style中改變色碼或是顏色名稱
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？在想要放的地方加上icon:將'SVG ICON圖'放入
*範例：<a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/gismap0.html">GIS+icon範例</a>
*英文：stroke(線),polyline(多點成線),polygon(多點成形狀),circle(圓形),rect(rectangle矩形),icon(圖標)
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？地理資訊系統，整合向量和網格兩種顯示方式的文件格式。有很多用處，如：載具追蹤、標示路線...
*技能：
*#zoom:放大或縮小畫面
*#marker:標記，GIS中代表地點標示，用複數markers
*#address:地址
*#latitude:緯度, longitude:經度
*#map:地圖
*#polyline:多點成線
*#polygon:多邊形
*#circle:圓形
*#rectangle：方形(矩形)
*範例：<a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/100.html">大英百品範例</a>
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:47:00Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KaiTi
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法 translate,rotate,scale
*#在 SVG 原始碼中怎麼把一堆東西打包成群？加上<g> </g>
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/3flowers.svg">3flowers</a>
*#用 SVG 畫出一個帶漸層色的方塊 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/漸層.svg">漸層方塊</a>
*#用 SVG 畫一個用放射漸層表示的太陽 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun2.svg">漸層太陽</a>
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？使用Microsoft Lens拍照，上傳到電腦後用小畫家裁邊，放到inkscape上
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？使用inkscape的影像描圖功能
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？先縮小圖片，之後在文件屬性中選擇「將頁面調整成圖片大小」
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背) 儲存的時候存成png檔案格式
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？ <a href="http://urclass.net/files/tools/icons.php">icon查詢網站</a>
*#怎麼縮小一張 SVG 圖的大小？更改寬度和高度以及scale改變大小
*#怎麼改變一張 SVG ICON 圖的顏色？ style中改變色碼或是顏色名稱
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？在想要放的地方加上icon:將'SVG ICON圖'放入
*範例：<a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/gismap0.html">GIS+icon範例</a>
*英文：stroke(線),polyline(多點成線),polygon(多點成形狀),circle(圓形),rect(rectangle矩形),icon(圖標)
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？地理資訊系統，整合向量和網格兩種顯示方式的文件格式。有很多用處，如：載具追蹤、標示路線...
*技能：
*#zoom:放大或縮小畫面
*#marker:標記，GIS中代表地點標示，用複數markers
*#address:地址
*#latitude:緯度, longitude:經度
*#map:地圖
*#polyline:多點成線
*#polygon:多邊形
*#circle:圓形
*#rectangle：方形(矩形)
*範例：
*英文：<a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/100.html">大英百品範例</a>
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:45:06Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KaiTi
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法 translate,rotate,scale
*#在 SVG 原始碼中怎麼把一堆東西打包成群？加上<g> </g>
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/3flowers.svg">3flowers</a>
*#用 SVG 畫出一個帶漸層色的方塊 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/漸層.svg">漸層方塊</a>
*#用 SVG 畫一個用放射漸層表示的太陽 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun2.svg">漸層太陽</a>
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？使用Microsoft Lens拍照，上傳到電腦後用小畫家裁邊，放到inkscape上
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？使用inkscape的影像描圖功能
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？先縮小圖片，之後在文件屬性中選擇「將頁面調整成圖片大小」
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背) 儲存的時候存成png檔案格式
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？ <a href="http://urclass.net/files/tools/icons.php">icon查詢網站</a>
*#怎麼縮小一張 SVG 圖的大小？更改寬度和高度以及scale改變大小
*#怎麼改變一張 SVG ICON 圖的顏色？ style中改變色碼或是顏色名稱
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？在想要放的地方加上icon:將'SVG ICON圖'放入
*範例：<a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/gismap0.html">GIS+icon範例</a>
*英文：stroke(線),polyline(多點成線),polygon(多點成形狀),circle(圓形),rect(rectangle矩形),icon(圖標)
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？地理資訊系統，整合向量和網格兩種顯示方式的文件格式。有很多用處，如：載具追蹤、標示路線...
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:43:30Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KaiTi
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法 translate,rotate,scale
*#在 SVG 原始碼中怎麼把一堆東西打包成群？加上<g> </g>
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/3flowers.svg">3flowers</a>
*#用 SVG 畫出一個帶漸層色的方塊 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/漸層.svg">漸層方塊</a>
*#用 SVG 畫一個用放射漸層表示的太陽 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun2.svg">漸層太陽</a>
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？使用Microsoft Lens拍照，上傳到電腦後用小畫家裁邊，放到inkscape上
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？使用inkscape的影像描圖功能
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？先縮小圖片，之後在文件屬性中選擇「將頁面調整成圖片大小」
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背) 儲存的時候存成png檔案格式
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？ <a href="http://urclass.net/files/tools/icons.php">icon查詢網站</a>
*#怎麼縮小一張 SVG 圖的大小？更改寬度和高度以及scale改變大小
*#怎麼改變一張 SVG ICON 圖的顏色？ style中改變色碼或是顏色名稱
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？在想要放的地方加上icon:將'SVG ICON圖'放入
*範例：
*英文：stroke(線),polyline(多點成線),polygon(多點成形狀),circle(圓形),rect(rectangle矩形),icon(圖標)
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？地理資訊系統，整合向量和網格兩種顯示方式的文件格式。有很多用處，如：載具追蹤、標示路線...
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:18:50Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KaiTi
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法 translate,rotate,scale
*#在 SVG 原始碼中怎麼把一堆東西打包成群？加上<g&lg; </g&lg;
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？地理資訊系統，整合向量和網格兩種顯示方式的文件格式。有很多用處，如：載具追蹤、標示路線...
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:12:49Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KAITI
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？地理資訊系統，整合向量和網格兩種顯示方式的文件格式。有很多用處，如：載具追蹤、標示路線...
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:06:28Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KAITI
*技能：
*#用 SVG 畫一個圓 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/sun.svg">圓</a>
*#用 SVG 畫一個熊臉 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.svg">熊臉</a>
*#用 SVG 畫出「羅馬」兩個字 (與下面問題一起回答)
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/text.svg">熊臉</a>
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T02:00:54Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果 KAITI
*技能：
*#用 SVG 畫一個圓 <circle cx='90' cy='90' r='75' style="fill:url(#r4);" />
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:56:03Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Submarine_Eruption-numbers.svg/600px-Submarine_Eruption-numbers.svg.png?uselang=zh-hant' width=300 height=*/>
用來教火山的內部構造
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:54:43Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SVG 圖，說明可以用來教什麼主題。
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:49:44Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*#*XML，可延伸標記式語言(Extensible Markup Language)
*#*HTML，超文件標記語言(HyperText Markup Language)
*#*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:49:12Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，是用程式碼構成的圖
*#什麼是 XML ？是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，由W3C制定的開放標準，使這個圖片在放大時不會毛邊
*#做一個 XML、HTML、SVG 三者的關係簡圖。
<table style='border:none;'>
<tr>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th>
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>{</th>
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td>
</tr>
<tr>
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td>
</tr>
</table>
*XML，可延伸標記式語言(Extensible Markup Language)
*HTML，超文件標記語言(HyperText Markup Language)
*SVG，可縮放向量圖形(Scalable Vector Graphics)

*#說明 SVG 的三個特性 1.放大不毛邊 2.是一種開放的標準 3.是一種XML的標記語言
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱 stroke,polyline,polygon,circle,rect
*#找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:35:58Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型。
*技能：
*#style 屬性格式語法樣式名與樣式值之間用冒號分開，以分號結尾。
*#如何樣式定義一次，引用多次在任何檔案前加上 <link href='stylecolor.css' rel='stylesheet' type='text/css'/> 就能夠定義整個檔案內的文字字型
*範例：<a href="http://jendo.org/uploadFiles/%e5%85%a8%e6%b0%91%e7%a7%91%e5%ad%b8%e5%b9%b3%e5%8f%b0/%e5%bc%b5%e5%8f%88%e6%87%bf/%E7%AF%84%E4%BE%8B.html">來自助教的範例</a>
*英文：link(連結),style(樣式)
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？可縮放向量圖形Scalable Vector Graphics，由W3C制定的開放標準，是一種 XML(可延伸標記式語言)，用於描述二維向量圖形的圖形格式，使這個圖片在放大時不會毛邊
用程式碼構成一張圖
*#什麼是 XML ？
*#做一個 XML、HTML、SVG 三者的關係簡圖。
*#說明 SVG 的三個特性
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
*#找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:26:49Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？用來定義樣式，每個字型樣式有固定的名稱，只要在HTML中填寫字型名稱，就能夠讓字體顯示時出現不一樣的字型。
*技能：
*#style 屬性格式語法
*#如何樣式定義一次，引用多次
*範例：
*英文：
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？
*#什麼是 XML ？
*#做一個 XML、HTML、SVG 三者的關係簡圖。
*#說明 SVG 的三個特性
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
*#找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-28T01:16:33Z

李昀蓁：

[[分類:資訊基礎應用]]
<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=*/>
*技能：
*#註解 
*#找圖照 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萬。
*技能：
*#怎麼打出角括號：< > 使用amp;打出字母的角括號 &lt;&gt;
*#註解 
*#下段標 ==
*#有序列點 #
*#無序列點 *
*#外部連結 <a> 網址 </a>
*#內部連結 []
*#連續文字分段兩次空白鍵
*#嵌入圖照 <img src'圖照網址' width=寬度 height=*/>
*#嵌入 youtube 影片 <videoflash> youtube網址(https://www.youtube.com/watch?v=1WVkRRgcymw&t=2s)v=後面那個(1WVkRRgcymw) </videoflash>>
*#嵌入非 youtube 影片 <videoflash src='影片檔案網址' type=html5 width=寬度></videoflash>
*#嵌入 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
*#註解 
*#使用 html,head,body 三標籤 html(網站整體),head(網站設定格式),body(網站內容)
*#用 title 標籤，改變頁籤文字 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
*#指定 HTML 為 UTF-8 編碼 <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
*#p 標籤，font-size,font-family,text-align 三樣式 font-family:字體,font-size:大小(pt),text-align:位置(左中右)
*#有序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
*#無序列點 <a href="http://nice-learning.tw/uploadFiles/嘉禾書院/李昀蓁/base1.html">通訊錄</a>
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
*#span 標籤強調一小段文字
*#做表格 <table class=為表格取名 style='border:格式(實體、虛線...) 格線大小(px) 顏色(色碼);'>
<tr><th>第一行</th><th>第二行</th></tr>
</table>
*##border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*##表格調中 align=表格位置(置中、靠左右)
*#超連結 <a> http://urclass.net/alWiki/index.php?title=奧克斯戰車模型 </a>
*#連續文字分段使用<br/>
*#嵌入圖照 <p align=圖片位置(置中、靠左右)><img src="圖片網址" type="html5" width="寬度"><height="高度"></p>
*#嵌入影片 <p align=影片位置(置中、靠左右)><video src="影片網址" type="html5" width="寬度"></video></p>
*#水平線 <hr/>
*#標題一級到六級以<h></h>表示最大標題為h1
*#區塊 <div></div>
*範例：<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>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
*技能：
*#style 屬性格式語法
*#如何樣式定義一次，引用多次
*範例：
*英文：
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*#什麼是 SVG ？
*#什麼是 XML ？
*#做一個 XML、HTML、SVG 三者的關係簡圖。
*#說明 SVG 的三個特性
*#寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
*#找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
*#Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*#用 SVG 畫一個圓。
*#用 SVG 畫一個熊臉
*#用 SVG 畫出「羅馬」兩個字
*#用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*#transform 屬性可以有四種操作：位移、旋轉、大小縮放、拉斜，寫出前三種操作(位移、旋轉、大小)的語法
*#在 SVG 原始碼中怎麼把一堆東西打包成群？
*#用 SVG 畫出一朵花，有三個花瓣一個花梗
*#用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
*#用 SVG 畫出一個帶漸層色的方塊
*#用 SVG 畫一個用放射漸層表示的太陽
*#怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？
*#怎麼縮小一張 SVG 圖的大小？
*#怎麼改變一張 SVG ICON 圖的顏色？
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？
*範例：
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？
*技能：
*範例：
*英文：
</mwdetails>

資訊基礎應用筆記/李昀蓁

2021-06-21T08:21:08Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T08:16:48Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T08:07:17Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T08:05:44Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T08:03:26Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T07:47:31Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T07:47:03Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T07:44:59Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T07:44:09Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T07:25:46Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:54:12Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:43:10Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:41:23Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:34:21Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:31:58Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:31:06Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:29:33Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:29:01Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:27:41Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:26:10Z

李昀蓁：

資訊基礎應用筆記/李昀蓁

2021-06-21T03:24:48Z

李昀蓁：