2020/資訊基礎應用/復習與補遺

Wiki

1. Wiki_入門語法
   • 摺疊練習：實作練習
2. wiki中的數學公式
3. 嵌入：
   • 連接使用：[[前置字:名字空間:頁名]]，如[[Wikipedia::Main Page]]或[[Wikipedia:Main Page]]都會出現這樣的連結：Wikipedia::Main Page，並連到維基百科的主頁。後者是省略名字空間。
   • 嵌入使用：{{前置字:名字空間:頁名}}，如{{zhtwwikipedia::余茂春}}(注意名字空間可放入空字串但不可省略)會嵌入「中文維基百科的『余茂春』介紹頁」：實作練習
   • 嵌入本 wiki 的另外一頁，省略「前置字」

同學實作展示

HTML

一、回憶殺(介紹解說)

1. 從「網路檔案櫃」找回 base1.htm
2. <meta http-equiv='content-type' content='text/html; charset=UTF-8' />

二、HTML的簡介與基本規則(問答解說)

[模板 http://jendo.org/wiki1231/index.php?title=HTML/%E7%B0%A1%E4%BB%8B%E8%88%87%E5%9F%BA%E6%9C%AC%E8%A6%8F%E5%89%87&action=render 讀取失敗：HTTP 500]

三、重要的標記、屬性、樣式(問答解說)

[模板 http://jendo.org/wiki1231/index.php?title=HTML/%E9%87%8D%E8%A6%81%E7%9A%84%E6%A8%99%E8%A8%98%E3%80%81%E5%B1%AC%E6%80%A7%E3%80%81%E6%A8%A3%E5%BC%8F&action=render 讀取失敗：HTTP 500]

四、用到的英文單字

[模板 http://jendo.org/wiki1231/index.php?title=HTML/%E8%8B%B1%E6%96%87%E5%96%AE%E5%AD%97&action=render 讀取失敗：HTTP 500]

五、字的進階運用

參考頁(介紹解說)：

1. 常用的數學及科學字符
2. HTML頁面可用的數學與科學符號
3. HTML中的「標準」數學符號
4. wiki中的數學公式

重點：

1. HTML字符轉義(HTML Entity)：實作練習
2. 上標、下標：實作練習
3. 放大、縮小：實作練習
4. 樣式 text-decoration(看原始碼)：
   • 樣式
   • 樣式
   • 樣式
5. 加粗、底線、拉斜、刪除：實作練習「加粗、底線、拉斜」

CSS

一、行內樣式

1. 屬性 style='…;…;…'
2. 請參考本頁「HML/重要的標記、屬性、樣式」段落

二、樣式定義

1. 在 HTML 中起一個
   <style>
   …
   </style>
2. 其中的每一條樣式定義都分成「樣式定義對象 {樣式定義內容}」
3. 樣式定義對象，第一個字是「.」代表「類別名稱」，不是「.」代表「HTML標籤」

三、串接樣式(落實上週的實作練習)

1. 在第一個檔中寫下一條一條的樣式定義
   用 /* … */ 進行單行或多行註解
2. 在第二個檔中寫下 <link rel='stylesheet' href='第一個檔的網址' type='text/css'/> 來載入第一個檔
3. 很多檔可以載入相同的樣式檔，讓外觀風格一致，節省書寫的人力，簡化修改的流程