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

使用者:吳亞飛

2021-06-28T08:42:18Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.
https://upload.wikimedia.org/wikipedia/commons/e/e8/Laurasia-Gondwana-zhtw.svg

2.

公元1到3世紀

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

真納在巴基斯坦備受尊崇，被尊稱為“偉大領袖”“國父”。他的生日也是巴基斯坦的法定假日。

4.
https://upload.wikimedia.org/wikipedia/commons/7/7f/Prima_tetrarchia_Diocletianus-zh.png

*尼科米底亞
*米底奧蘭努姆（今米蘭）
*夕米南（今貝爾格萊德附近）
*奧古斯塔特列維羅拉姆（今特里爾）

使用者:吳亞飛

2021-06-28T08:35:25Z

吳亞飛：

使用者:吳亞飛

2021-06-28T08:21:09Z

吳亞飛：/* 用大英百品學歷史20210628 */

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.
https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg
2.

公元1到3世紀

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

真納在巴基斯坦備受尊崇，被尊稱為“偉大領袖”“國父”。他的生日也是巴基斯坦的法定假日。

4.
https://upload.wikimedia.org/wikipedia/commons/7/7f/Prima_tetrarchia_Diocletianus-zh.png

使用者:吳亞飛

2021-06-28T08:08:15Z

吳亞飛：/* 用大英百品學歷史20210628 */

使用者:吳亞飛

2021-06-28T08:07:48Z

吳亞飛：/* 用大英百品學歷史20210628 */

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.
<img src='https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg' width=200 height=*/>

使用者:吳亞飛

2021-06-28T08:07:11Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.
<img src='https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg' width=200 height=*/>
<img src='' width=200 height=*/>

使用者:吳亞飛

2021-06-28T08:06:08Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

<img src='http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1' width=200 height=*/>

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg

使用者:吳亞飛

2021-06-28T08:04:58Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg

使用者:吳亞飛

2021-06-28T08:04:09Z

吳亞飛：/* 用大英百品學歷史20210628 */

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.<img src='https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg'width=200 height=*/>

使用者:吳亞飛

2021-06-28T08:03:36Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>
</table>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

=用大英百品學歷史20210628=
1.<img src='https://i2.kknews.cc/SIG=1u47aoj/2rp80002o6842n19oq23.jpg' width=200 height=*/>

使用者:吳亞飛

2021-06-28T07:28:59Z

吳亞飛：

使用者:吳亞飛

2021-06-28T07:18:20Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1

=古羅馬文化=
#羅馬文化受到希臘文化很大的引響
#使用的文字是拉丁文
#法律系統化

資訊基礎應用筆記/吳亞飛

2021-06-28T02:46:21Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg">花花</a>>

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？到http://urclass.net/files/tools/icons.php
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？(<)path style='fill:#ff0018' transform='scale(0.06)' d='…'/(>)
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？GIS是「地理資訊系統」(Geographic Information System)的縮寫。
是指在地圖上加上數據或訊息。

*技能：zoom:放大或縮小畫面
marker:標記，GIS中代表地點標示，用複數markers
address:地址
latitude:緯度, longitude:經度
map:地圖
polyline:多點成線
polygon:多邊形
circle:圓形
rectangle：方形(矩形)
*範例：
*英文：zoom:放大或縮小畫面
marker:標記
address:地址
latitude:緯度, longitude:經度
map:地圖
polyline:多點成線
polygon:多邊形
circle:圓形
rectangle：方形(矩形)
</mwdetails>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#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>
*英文：style sheet language link
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T02:34:18Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg">花花</a>>

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？GIS是「地理資訊系統」(Geographic Information System)的縮寫。
是指在地圖上加上數據或訊息。

*技能：zoom:放大或縮小畫面
marker:標記，GIS中代表地點標示，用複數markers
address:地址
latitude:緯度, longitude:經度
map:地圖
polyline:多點成線
polygon:多邊形
circle:圓形
rectangle：方形(矩形)
*範例：
*英文：zoom:放大或縮小畫面
marker:標記
address:地址
latitude:緯度, longitude:經度
map:地圖
polyline:多點成線
polygon:多邊形
circle:圓形
rectangle：方形(矩形)
</mwdetails>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#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>
*英文：style sheet language link
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T02:25:29Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg">花花</a>>

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

<mwdetails><summary>GIS</summary>
*知識：
*#什麼是 GIS ？GIS是「地理資訊系統」(Geographic Information System)的縮寫。
是指在地圖上加上數據或訊息。

*技能：
*範例：
*英文：
</mwdetails>

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#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>
*英文：style sheet language link
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:44:01Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg">花花</a>>

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#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>
*英文：style sheet language link
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:43:35Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg">花花</a>>

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#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>
*英文：style sheet language link
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:37:03Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg">花花</a>>

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#style 屬性格式語法
<head></head> <td></td><tr></tr>
*#如何樣式定義一次，引用多次
{{#css:
.william {color:blue; border:1pt solid red;border-collapse:collapse;}
.william td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
*範例：
*英文：style sheet language
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:34:03Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
：<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg"> 九個字 </a>

*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#style 屬性格式語法
<head></head> <td></td><tr></tr>
*#如何樣式定義一次，引用多次
{{#css:
.william {color:blue; border:1pt solid red;border-collapse:collapse;}
.william td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
*範例：
*英文：style sheet language
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:32:23Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
：<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg

*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#style 屬性格式語法
<head></head> <td></td><tr></tr>
*#如何樣式定義一次，引用多次
{{#css:
.william {color:blue; border:1pt solid red;border-collapse:collapse;}
.william td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
*範例：
*英文：style sheet language
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:31:17Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
：<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg

*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#style 屬性格式語法
<head></head> <td></td><tr></tr>
*#如何樣式定義一次，引用多次
{{#css:
.william {color:blue; border:1pt solid red;border-collapse:collapse;}
.william td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
*範例：<p style='font-family:手扎體-繁;font-size:18pt;text-align:center;'>本班通訊錄 </p>
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr>
<th>姓名</th>
<th>line</th>
<th>email</th>
<th>備註</th>
</tr>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td></tr>
</table>
*英文：style sheet language
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:30:30Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
：<a chttp://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg"熊熊臉 </a>
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜<a href="http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg

*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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


<mwdetails><summary>CSS</summary>
*知識：
*#什麼是 CSS ？
風格頁面語言（style sheet language）
*技能：
*#style 屬性格式語法
<head></head> <td></td><tr></tr>
*#如何樣式定義一次，引用多次
{{#css:
.william {color:blue; border:1pt solid red;border-collapse:collapse;}
.william td {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
*範例：<p style='font-family:手扎體-繁;font-size:18pt;text-align:center;'>本班通訊錄 </p>
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr>
<th>姓名</th>
<th>line</th>
<th>email</th>
<th>備註</th>
</tr>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td></tr>
</table>
*英文：style sheet language
</mwdetails>

資訊基礎應用筆記/吳亞飛

2021-06-28T01:16:33Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg

*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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


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

資訊基礎應用筆記/吳亞飛

2021-06-21T08:31:03Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/BASE.svg
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/text.svg

*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal1.svg

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/%e5%98%89%e7%a6%be%e6%9b%b8%e9%99%a2/%e5%90%b3%e4%ba%9e%e9%a3%9b/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

資訊基礎應用筆記/吳亞飛

2021-06-21T08:25:50Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
HR
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉

*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*用 SVG 畫出一朵花，有三個花瓣一個花梗

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗

*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/網路檔案櫃/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

資訊基礎應用筆記/吳亞飛

2021-06-21T08:05:25Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點ol
*無序列點il
*span 標籤
可以加一點小文字的標簽
*做表格
*border-collapse 樣式 border-collapse(上下是否相接):(collapse/)
*表格調中 align=表格位置(置中、靠左右)

*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉

*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*用 SVG 畫出一朵花，有三個花瓣一個花梗

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗

*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/網路檔案櫃/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

資訊基礎應用筆記/吳亞飛

2021-06-21T08:01:35Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
可以加一點小文字的標簽
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉

*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜
*用 SVG 畫出一朵花，有三個花瓣一個花梗

*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗

*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/網路檔案櫃/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

資訊基礎應用筆記/吳亞飛

2021-06-21T07:59:03Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
可以加一點小文字的標簽
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/BASE.svg
*用 SVG 畫出「羅馬」兩個字
*用 SVG 畫出「羅馬不是一天造成的」九個字，並用旋轉拉斜http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛//text.svg
*用 SVG 畫出一朵花，有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/3petal0.svg
*用 SVG 畫出三朵花，每朵花都有三個花瓣一個花梗
http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/3petal5.svg
*用 SVG 畫出一個帶漸層色的方塊http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/漸層.svg
*用 SVG 畫一個用放射漸層表示的太陽 http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/sunnnnnnnnnn.svg
*怎麼將紙上的手繪圖拍下來，並展開為平整的電子檔？掃描王是你的好幫手
*#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖？把檔案後面加svg
*#怎麼使用 inkscape 將 SVG 圖多餘的邊切除？用拉的
*#怎麼對一張點陣圖進行「去背」？(png 檔可去背，jpg 檔無法去背)
*#怎麼找一張適合的 ICON ，並且是 SVG 格式的圖？找啊
*#怎麼縮小一張 SVG 圖的大小？設定他的寬和高（hight...)
*#怎麼改變一張 SVG ICON 圖的顏色？加上stiye
*#怎麼將自己修改的 SVG ICON 圖，可以有網址，能讓 HTML 與 Wiki 頁引用？把icon複製放到谷歌
*範例：http://nice-learning.tw/uploadFiles/嘉禾書院/吳亞飛/嘉禾書院圖示.svg
*英文：
</mwdetails>

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

資訊基礎應用筆記/吳亞飛

2021-06-21T07:46:48Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
標籤必須成對：一般由開始標籤和結束標籤構成一對，如：<×>．．．．</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
開始與結束標籤合體：meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)是開始標籤與結束標籤合一的。
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
*標題一級到六級
head 設定
*區塊<,ol>...<,/ol>
*範例：

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>

<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:45:31Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
標籤必須成對：一般由開始標籤和結束標籤構成一對，如：<×>．．．．</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
開始與結束標籤合體：meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)是開始標籤與結束標籤合一的。
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="500" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
*標題一級到六級
head 設定
*區塊<ol>...</ol>
*範例：
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:45:07Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
標籤必須成對：一般由開始標籤和結束標籤構成一對，如：<×>．．．．</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
開始與結束標籤合體：meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)是開始標籤與結束標籤合一的。
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段兩次空白鍵
*嵌入圖照
<p align="center"><img src="https://i.imgur.com/wMEfxUb.jpgg" width="1200" height="*" />
</p>
*嵌入影片
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*水平線
*標題一級到六級
head 設定
*區塊<ol>...</ol>
*範例：
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:39:31Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
標籤必須成對：一般由開始標籤和結束標籤構成一對，如：<×>．．．．</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
開始與結束標籤合體：meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)是開始標籤與結束標籤合一的，寫成<meta />、<img />、<br/>、<hr/>、<input />
*做表格
==通訊錄==

*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段
*嵌入圖照
<p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p>
*嵌入影片
*水平線
*標題一級到六級
head 設定
*區塊<ol>...</ol>
*範例：
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:37:51Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U

*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
head:設定 body:內容
*用 titl 標籤，改變頁籤文字
加 <title> … </title>，並示範頁籤文字改變
*指定 HTML 為 UTF-8 編碼
加（<）meta http-equiv='content-type' content='text/html; charset=UTF-8' / （>）
*<p 標籤，font-size,font-family,text-align 三樣式
字的大小字體
*有序列點*
*無序列點#
*span 標籤
標籤必須成對：一般由開始標籤和結束標籤構成一對，如：<×>．．．．</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
開始與結束標籤合體：meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)是開始標籤與結束標籤合一的，寫成<meta />、<img />、<br/>、<hr/>、<input />
*做表格
==通訊錄==

*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段
*嵌入圖照
&p align="center"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/-Dz9Mhq-mUY?fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" allowfullscreen="true" flashvars="" /></object>

</p&it;
*嵌入影片
*水平線
*標題一級到六級
head 設定
*區塊<ol>...</ol>
*範例：
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:16:33Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U
*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
*用 titl 標籤，改變頁籤文字
*指定 HTML 為 UTF-8 編碼
*<p 標籤，font-size,font-family,text-align 三樣式
<,p style='font-family:手扎體-繁;font-size:18pt;text-align:center;',>
*有序列點
*無序列點
*span 標籤
*做表格
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:collapse 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段
*嵌入圖照
*嵌入影片
*水平線
*標題一級到六級
*區塊
*範例：
*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:15:58Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U
*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
*用 titl 標籤，改變頁籤文字
*指定 HTML 為 UTF-8 編碼
*<p 標籤，font-size,font-family,text-align 三樣式
<,p style='font-family:手扎體-繁;font-size:18pt;text-align:center;',>
*有序列點
*無序列點
*span 標籤
*做表格
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border-collapse 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段
*嵌入圖照
*嵌入影片
*水平線
*標題一級到六級
*區塊
*範例：
*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T07:13:44Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點 *
*無序列點 #
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U
*技能：
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
*用 titl 標籤，改變頁籤文字
*指定 HTML 為 UTF-8 編碼
*p 標籤，font-size,font-family,text-align 三樣式
&p style='font-family:手扎體-繁;font-size:18pt;text-align:center;'&it;
*有序列點
*無序列點
*span 標籤
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段
*嵌入圖照
*嵌入影片
*水平線
*標題一級到六級
*區塊
*範例：
*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T06:52:38Z

吳亞飛：

[[分類:資訊基礎應用]]
<mwdetails><summary>電腦與網路資源</summary>
*知識：
*什麼是 UTF-8？萬國碼
*區分客戶端與伺服器端。
客戶端：電腦、筆電、手機等伺服器端：網際網路
*怎麼線上解壓縮 zip 檔？
找可以解壓zip檔的網站貼上zip檔然後下載
*何謂 CC 授權？
無特定對象授權，只要遵守規則都可用
可設定期間
姓名表示/人物授權
創作者可決定是否能營利
不准修改
一樣的方式分享，需要同意後面的人繼續改
無任何標章則可修改
作者亡故/發表50年以上，著作權開放
*何謂綠色軟體？
綠色軟體是免安裝的軟體
*解釋十六進位與十進位的差別
十六進位它由0-9，A-F組成，字母不區分大小寫。
十進位，十進位基於位進位和十進位兩條原則，即所有的數字都用10個基本的符號表示，滿十進一，同時同一個符號在不同位置上所表示的數值不同，符號的位置非常重要。
它們之間區別在於數運算時是逢幾進一位

*解釋「色碼」
用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。一般以「#」號開頭，後面分別為R、G、B的16位元進位數。 FF為最大數，代表十進位255。比如白色是R、G、B三個顏色最大，在網頁代碼便是：#FFFFFF。黑色是三個顏色為0，在網頁代碼便是：#000000。
*解釋 ASCII
AAmerican Standard Code for Information Interchange
基於拉丁字母的一套電腦編碼系統(16進位）
，美國資訊交換標準代碼）是基於拉丁字母的一套電腦編碼系統。它主要用於顯示現代英語，而其擴展版本延伸美國標準資訊交換碼則可以部分支援其他西歐語言，並等同於國際標準。

缺點：ASCII的局限在於只能顯示26個基本拉丁字母、阿拉伯數字和英式標點符號，因此只能用於顯示現代美國英語（且處理naïve、café、élite等外來語時，必須去除附加符號）。雖然EASCII解決了部分西歐語言的顯示問題，但對更多其他語言依然無能為力。因此，現在的軟體系統大多採用Unicode。

*技能：
*顯示或隱藏檔案副檔名
檢視點擊影藏/顯示附檔名
*用 google 找圖照
打開新分頁點擊照片（哉gmail的旁邊）然後查詢想要的圖片
*#找圖的網址
https://zh.wikipedia.org/
*#怎麼複製出含中文的網址
先把英文複製再單獨複製中文
*#找出綠色軟體市集
az(我不會拼
*範例：
*英文：
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
*知識：
*#維基共享資源大約有多少資源？十億
*技能：
*註解 ?!
*找圖照
*找縮圖網址<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>
*縮圖網址的格式320x213
*找某張圖被哪些 wiki 頁使用
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Flag_of_Japan.svg/320px-Flag_of_Japan.svg.png' width=200 height=*/>被日本 https://zh.wikipedia.org/wiki/日本使用
*找某人上傳的縮圖
特殊頁面媒體上傳與報表檔案清單
這位用戶在中文維基百科擁有巡查豁免權
使用者:Joker6666
<img src='https://upload.wikimedia.org/wikipedia/zh/c/cf/Hotel_Transylvania_Transformania_poster.jpg' width=200 height=*/>
*用分類找圖
分類：南極洲
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Location_Antarctica.svg/541px-Location_Antarctica.svg.png' width=200 height=*/>
*範例：
*英文：
</mwdetails>
<mwdetails><summary>wiki</summary>
*知識：
*#什麼是 wiki ？
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。

*技能：
*怎麼打出角括號：< > 使用amp;打出字母的角括號< >
*註解
*下段標==
*有序列點*
*無序列點#
*外部連結 []
*內部連結[[]]
*連續文字分段兩次空白鍵

*嵌入圖照(<)img src='' width=200 height=*/(>)
*嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
*嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
*嵌入 wiki 頁[[]]
*範例：<a href="http://urclass.net/alWiki/index.php?title=使用者:吳亞飛">使用者:吳亞飛</a>
</mwdetails>
<mwdetails><summary>HTML</summary>
*知識：
*什麼是 HTML ？超文件標記語言(HyperText Markup Language)
*什麼是 http ？http 超文件傳輸協定(HyperText Transfer Protocol)
*http 和 https 的差別？傳輸過程中有加密保護
*分辨顯示與原始碼mac:command alt U
*技能：??????????????
*看原始碼 mac:command alt U
*註解
*使用 html,head,body 三標籤
*用 titl 標籤，改變頁籤文字
*指定 HTML 為 UTF-8 編碼
*p 標籤，font-size,font-family,text-align 三樣式
*有序列點
*無序列點
*span 標籤
*做表格
*#border-collapse 樣式
*表格調中
*超連結
*連續文字分段
*嵌入圖照
*嵌入影片
*水平線
*標題一級到六級
*區塊
*範例：
*全班通訊錄
*英文：html 超文件(HyperText Markup Language)
head 文件頭
meta 對自身的描述
title 標題
body 本文

h1~h6 標題一級到六級(head)
a 超連結(anchor)
img 圖(image)
p 段(paragraph)
br 跳行(break space)
hr 水平線(Horizontal Rule)

table 表
tr 表內之列(table row)
td 表內之格(table diamond)
th 表內之格(table head diamond)

ol 有次序的列表(order list)
ul 沒有次序的列表(unorder list)
li 列表項目(list item)

style 宣告樣式(修飾一個超文件)
link 載入另一個檔，如 CSS 檔
span 文字小片段
div 區塊(division)
pre 保留原有斷行及排列之式(preserve)

form 表單

屬性(用=連等號兩邊)
====
http-equiv= http項目
src= 圖照來源(source)
href= 跳往那一個連結(hyper ref)(hyper reference)
target= 跳往瀏覽器的那裡，預設值為本頁的本窗框，值_blank為新的空白頁。
style= 樣式屬性(修飾一個標籤)
width= 寬度，可以用點(px,pt)或長度(cm)或百分比表示
height= 高度，可以用點(px,pt)或長度(cm)或百分比表示
border= 邊框。
align= 靠左或調中或靠右
class= 引用 CSS 類別
id= 賦予標籤惟一的名字
xmlns= 指出 xml 的名字空間
type= 指示檔案的類別
content= 指示 http-equiv 屬性代表項目的值

樣式(用:連冒號兩邊)
====
font-family: 字體
font-size: 字的大小
font-weight: 字有多粗
text-align: 字的對齊方式
color: 字的顏色
width: 寬度
height: 高度
border: 邊框
border-collapse:collapse 合併框線

用到的英文單字
html 超文件
head 頭
title 標題
body 身體
----------
meta 對自身的描述
http 超文件傳輸協定
equiv 約當
Character 字元
set 集合
paragraph 段
style 樣式(之後的內容應該長得像什麼樣子)
----------
font 字體
family 字族，系
size 大小
weight 輕重
text 文字，文件
align 對齊
color 顏色
----------
order 有次序的
unorder 沒有次序的
list 列表
item 項目
----------
image 圖
width 寬度
height 高度
----------
table 表
row 列
diamond 格
border 邊界，邊框
----------
anchor 錨，超連結
source 來源
reference 參考
target 目標
blank 空白
----------
break 斷
space 空間，空格
span 文字小片段
division 區塊
preserve 保留原有斷行及排列之式
horizontal 水平
rule 線
----------
form 表單
collapse 崩塌
hyper 超
markup 標記
language 語言
</mwdetails>
<mwdetails><summary>SVG</summary>
*知識：
*什麼是 SVG ？
SVG，可縮放向量圖形(Scalable Vector Graphics)
*什麼是 XML ？
XML，可延伸標記式語言(Extensible Markup Language)
*做一個 XML、HTML、SVG 三者的關係簡圖。
*說明 SVG 的三個特性
XML語法，用書寫指示來畫圖。
二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。
由W3C制定，是開放標準。

*寫出直線、多點成線、多邊形、圓、矩形在 SVG 中的標籤名稱
line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。
polyline(多點成線)，諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：
points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。
circle(圓)，諸屬性如下：
rect(矩形)
*找一張能用在教學上，維基共享資源的 SAG 圖，說明可以用來教什麼主題。
問號
*Windows 上 SVG 楷書的名稱，或蘋果
*技能：
*用 SVG 畫一個圓。
*用 SVG 畫一個熊臉
*用 SVG 畫出「羅馬」兩個字
*用 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-21T06:36:25Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T04:00:36Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:50:50Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:49:26Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:31:33Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:30:25Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:29:48Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:28:27Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:26:47Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:16:22Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T03:01:55Z

吳亞飛：

資訊基礎應用筆記/吳亞飛

2021-06-21T02:57:50Z

吳亞飛：

使用者:吳亞飛

2021-06-21T02:48:02Z

吳亞飛：

==食人魚==
<img src='https://upload.wikimedia.org/wikipedia/commons/7/74/Piranha_face.jpg' width=200 height=*/>
<img src='' width=200 height=*/>
==關於我==
#我是人類
#我愛睡覺
#神話名是努特
#我的名子亞飛
#我的姓吳

==連結練習==
[https://i.imgur.com/gtYeDmH.png 我的代表神]

==自我介紹==
我叫吳亞飛人生就是學吃睡看動漫！
我的兒子是賽特.
目前是超正經神話班的一員.
生日102096 天平座 [https://www.instagram.com/weiweiwu_1020/ 偶滴ig]

==學==
*就獨嘉禾書院神話班
*代號努特
*喜歡讀文學類的書
*最喜歡的課是mapping課

==吃==
*我最喜歡吃
蛋糕！
糖果！
甜得我都愛

==喜歡der動漫==
*排球少年
*魔導少年
*關於我轉生成史萊姆這回事
*魔王的不適者
*天竺鼠車車
*名偵探柯南
==超正經神話班==
<videoflash>B_NOMbS_jBc</videoflash>

==大英百品==
日本武士刀另眼看大英博物館 63
西元1200-1250

日本青銅鏡 1100-1200 no.58

{{#css:
.nicetable{color:blue; border:1pt solid red;boder-collapse:collapse;}
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}

==通訊錄==
{{#css:
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
.nicetable td {color:blue; border:1pt solid red;border-collapse:collapse;}
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;}
}}
<table class=nicetable align=center style='border:solid 10px #0D658E'>
<tr><th style='border:solid 2px #0D658E;border-collapse:collapse;>姓名</th><th>line</th><th>email</th><th>備註</th>
<tr><td>吳亞飛</td><td>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr>
<tr><td >曲汝川</td><td>RURU</td><td>karunaschuyler@gmail.com</td><td>學生</td></tr>
<tr><td>徐恕禾</td><td>恕</td><td>i61021221@gmail.com</td><td>Studentessa</td></tr>
<tr><td>李昀蓁</td><td>昀蓁 Alika 星</td><td>alikayuen921@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>黃稚博</td><td>黃稚博</td><td>burtfook@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>鄭云禎</td><td>YUN</td><td>lola20040427@gmail.com</td><td>"buona" compagna</td></tr>
<tr><td>徐慕禾</td><td>徐慕禾</td><td>momo020219@gmail.com</td><td>Studente</td></tr>
<tr><td/>藍寧</td><td/>賽特咩</td><td/>Ninellampe@gmail.com</td><td/>神明</td></tr>
<tr><td>黃顯淳</td><td></td><td>burt961007@gmail.com</td><td>備註</th></tr>
<tr><td>亣騭</td><td>Rio</td><td>williamyang300@gmail.com</td><td>yes</td></tr>
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td>

<videoflash src='http://jendo.org/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=250></videoflash>

http://urclass.net/alWiki/index.php?title=%E6%97%A5%E6%9C%AC%E9%9D%92%E9%8A%85%E9%8F%A1