「資訊基礎應用筆記/吳亞飛」修訂間的差異
行 95: | 行 95: | ||
*http 和 https 的差別?傳輸過程中有加密保護 | *http 和 https 的差別?傳輸過程中有加密保護 | ||
*分辨顯示與原始碼mac:command alt U | *分辨顯示與原始碼mac:command alt U | ||
+ | |||
+ | |||
*技能: | *技能: | ||
*看原始碼 mac:command alt U | *看原始碼 mac:command alt U | ||
*註解 | *註解 | ||
*使用 html,head,body 三標籤 | *使用 html,head,body 三標籤 | ||
+ | head:設定 body:內容 | ||
*用 titl 標籤,改變頁籤文字 | *用 titl 標籤,改變頁籤文字 | ||
+ | 加 <title> … </title>,並示範頁籤文字改變 | ||
*指定 HTML 為 UTF-8 編碼 | *指定 HTML 為 UTF-8 編碼 | ||
+ | 加 (<)meta http-equiv='content-type' content='text/html; charset=UTF-8' / (>) | ||
*<p 標籤,font-size,font-family,text-align 三樣式 | *<p 標籤,font-size,font-family,text-align 三樣式 | ||
− | + | 字的大小 字體 | |
− | *有序列點 | + | *有序列點* |
− | *無序列點 | + | *無序列點# |
*span 標籤 | *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: | {{#css: | ||
.nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;} | .nicetable {color:blue;border:1pt solid #aaa;border-collapse:collapse;} | ||
行 112: | 行 136: | ||
.nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;} | .nicetable th {color:blue;border:1pt solid #aaa;border-collapse:collapse;} | ||
}} | }} | ||
− | <table class=nicetable align=center style='border: | + | <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><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>亞飛(豆子)</td><td>yafei071020@gmail.com</td><td>學生</td></tr> | ||
行 126: | 行 150: | ||
<tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td> | <tr><td>張棨翔</td><td>翔❤</td><td>su20125012@gmail.com</td><td></td> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
*全班通訊錄 | *全班通訊錄 | ||
*英文:html 超文件(HyperText Markup Language) | *英文:html 超文件(HyperText Markup Language) |
於 2021年6月21日 (一) 15:37 的修訂
電腦與網路資源
- 知識:
- 什麼是 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(我不會拼
- 範例:
- 英文:
維基共享資源
- 知識:
- 維基共享資源大約有多少資源?十億
- 技能:
- 註解 ?!
- 找圖照
- 找縮圖網址
- 縮圖網址的格式320x213
- 找某張圖被哪些 wiki 頁使用
被日本 https://zh.wikipedia.org/wiki/日本 使用
- 找某人上傳的縮圖
特殊頁面 媒體上傳與報表 檔案清單 這位用戶在中文維基百科擁有 巡查豁免權 使用者:Joker6666
- 用分類找圖
分類:南極洲
- 範例:
- 英文:
wiki
- 知識:
- 什麼是 wiki ?
wiki是一種可通過瀏覽器存取並由使用者協同編輯其內容的網站。沃德·坎寧安於1995年開發了最初的wiki。他將wiki定義為「一種允許一群使用者用簡單的描述來建立和連接一組網頁的社會計算系統」。
- 技能:
- 怎麼打出角括號:< > 使用amp;打出字母的角括號< >
- 註解
- 下段標==
- 有序列點 *
- 無序列點 #
- 外部連結 []
- 內部連結[[]]
- 連續文字分段 兩次空白鍵
- 嵌入圖照(<)img src='' width=200 height=*/(>)
- 嵌入 youtube 影片 (<)videoflash> (<) /videoflash>
- 嵌入非 youtube 影片 (< )videoflash src='' type=html5 width=250 (<)/videoflash>
- 嵌入 wiki 頁[[]]
- 範例:使用者:吳亞飛
HTML
- 知識:
- 什麼是 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 標籤,改變頁籤文字
加
- 指定 HTML 為 UTF-8 編碼
加 (<)meta http-equiv='content-type' content='text/html; charset=UTF-8' / (>)
字的大小 字體
- 有序列點*
- 無序列點#
- span 標籤
標籤必須成對:一般由開始標籤和結束標籤構成一對,如:<×>....其中的×代表標籤命令。以上角括號及斜線均為英文半形。
開始與結束標籤合體:meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)是開始標籤與結束標籤合一的,寫成、、、
、
- 做表格
==通訊錄==
- border-collapse 樣式
- 表格調中
- 超連結
- 連續文字分段
- 嵌入圖照
&p align="center">
head 設定
- 區塊
- ...
- 範例:
{{#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;} }}