「資訊基礎應用筆記/丁志仁」修訂間的差異
跳至導覽
跳至搜尋
(未顯示由 1 位使用者於中間所作的 10 次修訂) | |||
行 5: | 行 5: | ||
*#區分客戶端與伺服器端。 | *#區分客戶端與伺服器端。 | ||
*#怎麼線上解壓縮 zip 檔? | *#怎麼線上解壓縮 zip 檔? | ||
+ | *#何謂 CC 授權? | ||
+ | *#何謂綠色軟體? | ||
+ | *#解釋十六進位與十進位的差別 | ||
+ | *#解釋「色碼」 | ||
+ | *#解釋 ASCII | ||
*技能: | *技能: | ||
+ | *#顯示或隱藏檔案副檔名 | ||
*#用 google 找圖照 | *#用 google 找圖照 | ||
*#找圖的網址 | *#找圖的網址 | ||
*#怎麼複製出含中文的網址 | *#怎麼複製出含中文的網址 | ||
+ | *#找出綠色軟體市集 | ||
*範例: | *範例: | ||
*英文: | *英文: | ||
行 32: | 行 39: | ||
*#什麼是 wiki ? | *#什麼是 wiki ? | ||
*技能: | *技能: | ||
+ | *#怎麼打出角括號:< > & | ||
*#註解 | *#註解 | ||
*#下段標 | *#下段標 | ||
行 49: | 行 57: | ||
*知識: | *知識: | ||
*#什麼是 HTML ? | *#什麼是 HTML ? | ||
+ | *#什麼是 http ? | ||
+ | *#http 和 https 的差別? | ||
+ | *#分辨顯示與原始碼 | ||
*技能: | *技能: | ||
+ | *#看原始碼 | ||
*#註解 | *#註解 | ||
− | *# | + | *#使用 html,head,body 三標籤 |
+ | *#用 title 標籤,改變頁籤文字 | ||
+ | *#指定 HTML 為 UTF-8 編碼 | ||
+ | *#p 標籤,font-size,font-family,text-align 三樣式 | ||
*#有序列點 | *#有序列點 | ||
*#無序列點 | *#無序列點 | ||
− | *# | + | *#span 標籤 |
− | *# | + | *#做表格 |
+ | *##border-collapse 樣式 | ||
+ | *##表格調中 | ||
+ | *#超連結 | ||
*#連續文字分段 | *#連續文字分段 | ||
*#嵌入圖照 | *#嵌入圖照 | ||
− | *# | + | *#嵌入影片 |
− | *# | + | *#水平線 |
− | *# | + | *#標題一級到六級 |
+ | *#區塊 | ||
+ | *範例: | ||
+ | *#全班通訊錄 | ||
+ | *英文: | ||
+ | </mwdetails> | ||
+ | |||
+ | <mwdetails><summary>CSS</summary> | ||
+ | *知識: | ||
+ | *#什麼是 CSS ? | ||
+ | *技能: | ||
+ | *#style 屬性格式語法 | ||
+ | *#如何樣式定義一次,引用多次 | ||
*範例: | *範例: | ||
*英文: | *英文: | ||
行 68: | 行 98: | ||
*知識: | *知識: | ||
*#什麼是 SVG ? | *#什麼是 SVG ? | ||
+ | *#什麼是 XML ? | ||
+ | *#做一個 XML、HTML、SVG 三者的關係簡圖。 | ||
+ | *#說明 SVG 的三個特性 | ||
+ | *#寫出 直線、多點成線、多邊形、圓、矩形 在 SVG 中的標籤名稱 | ||
+ | *#找一張能用在教學上,維基共享資源的 SVG 圖,說明可以用來教什麼主題。 | ||
+ | *#Windows 上 SVG 楷書的名稱,或蘋果 | ||
*技能: | *技能: | ||
+ | *#用 SVG 畫一個圓。 | ||
+ | *#用 SVG 畫一個熊臉 | ||
+ | *#用 SVG 畫出「羅馬」兩個字 | ||
+ | *#用 SVG 畫出「羅馬不是一天造成的」九個字,並用旋轉拉斜 | ||
+ | *#transform 屬性可以有四種操作:位移、旋轉、大小縮放、拉斜,寫出前三種操作(位移、旋轉、大小)的語法 | ||
+ | *#在 SVG 原始碼中怎麼把一堆東西打包成群? | ||
+ | *#用 SVG 畫出一朵花,有三個花瓣一個花梗 | ||
+ | *#用 SVG 畫出三朵花,每朵花都有三個花瓣一個花梗 | ||
+ | *#用 SVG 畫出一個帶漸層色的方塊 | ||
+ | *#用 SVG 畫一個用放射漸層表示的太陽 | ||
+ | *#怎麼將紙上的手繪圖拍下來,並展開為平整的電子檔? | ||
+ | *#怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖? | ||
+ | *#怎麼使用 inkscape 將 SVG 圖多餘的邊切除? | ||
+ | *#怎麼對一張點陣圖進行「去背」?(png 檔可去背,jpg 檔無法去背) | ||
+ | *#怎麼找一張適合的 ICON ,並且是 SVG 格式的圖? | ||
+ | *#怎麼縮小一張 SVG 圖的大小? | ||
+ | *#怎麼改變一張 SVG ICON 圖的顏色? | ||
+ | *#怎麼將自己修改的 SVG ICON 圖,可以有網址,能讓 HTML 與 Wiki 頁引用? | ||
*範例: | *範例: | ||
*英文: | *英文: | ||
行 82: | 行 136: | ||
<!--<mwdetails><summary></summary> | <!--<mwdetails><summary></summary> | ||
− | |||
− | |||
− | |||
− | |||
</mwdetails>--> | </mwdetails>--> |
於 2021年6月28日 (一) 09:49 的最新修訂
電腦與網路資源
- 知識:
- 什麼是 UTF-8?
- 區分客戶端與伺服器端。
- 怎麼線上解壓縮 zip 檔?
- 何謂 CC 授權?
- 何謂綠色軟體?
- 解釋十六進位與十進位的差別
- 解釋「色碼」
- 解釋 ASCII
- 技能:
- 顯示或隱藏檔案副檔名
- 用 google 找圖照
- 找圖的網址
- 怎麼複製出含中文的網址
- 找出綠色軟體市集
- 範例:
- 英文:
維基共享資源
- 知識:
- 維基共享資源大約有多少資源?
- 技能:
- 註解
- 找圖照
- 找縮圖網址
- 縮圖網址的格式
- 找某張圖被哪些 wiki 頁使用
- 找某人上傳的縮圖
- 用分類找圖
- 範例:
- 英文:
wiki
- 知識:
- 什麼是 wiki ?
- 技能:
- 怎麼打出角括號:< > &
- 註解
- 下段標
- 有序列點
- 無序列點
- 外部連結
- 內部連結
- 連續文字分段
- 嵌入圖照
- 嵌入 youtube 影片
- 嵌入非 youtube 影片
- 嵌入 wiki 頁
- 範例:
HTML
- 知識:
- 什麼是 HTML ?
- 什麼是 http ?
- http 和 https 的差別?
- 分辨顯示與原始碼
- 技能:
- 看原始碼
- 註解
- 使用 html,head,body 三標籤
- 用 title 標籤,改變頁籤文字
- 指定 HTML 為 UTF-8 編碼
- p 標籤,font-size,font-family,text-align 三樣式
- 有序列點
- 無序列點
- span 標籤
- 做表格
- border-collapse 樣式
- 表格調中
- 超連結
- 連續文字分段
- 嵌入圖照
- 嵌入影片
- 水平線
- 標題一級到六級
- 區塊
- 範例:
- 全班通訊錄
- 英文:
CSS
- 知識:
- 什麼是 CSS ?
- 技能:
- style 屬性格式語法
- 如何樣式定義一次,引用多次
- 範例:
- 英文:
SVG
- 知識:
- 什麼是 SVG ?
- 什麼是 XML ?
- 做一個 XML、HTML、SVG 三者的關係簡圖。
- 說明 SVG 的三個特性
- 寫出 直線、多點成線、多邊形、圓、矩形 在 SVG 中的標籤名稱
- 找一張能用在教學上,維基共享資源的 SVG 圖,說明可以用來教什麼主題。
- Windows 上 SVG 楷書的名稱,或蘋果
- 技能:
- 用 SVG 畫一個圓。
- 用 SVG 畫一個熊臉
- 用 SVG 畫出「羅馬」兩個字
- 用 SVG 畫出「羅馬不是一天造成的」九個字,並用旋轉拉斜
- transform 屬性可以有四種操作:位移、旋轉、大小縮放、拉斜,寫出前三種操作(位移、旋轉、大小)的語法
- 在 SVG 原始碼中怎麼把一堆東西打包成群?
- 用 SVG 畫出一朵花,有三個花瓣一個花梗
- 用 SVG 畫出三朵花,每朵花都有三個花瓣一個花梗
- 用 SVG 畫出一個帶漸層色的方塊
- 用 SVG 畫一個用放射漸層表示的太陽
- 怎麼將紙上的手繪圖拍下來,並展開為平整的電子檔?
- 怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖?
- 怎麼使用 inkscape 將 SVG 圖多餘的邊切除?
- 怎麼對一張點陣圖進行「去背」?(png 檔可去背,jpg 檔無法去背)
- 怎麼找一張適合的 ICON ,並且是 SVG 格式的圖?
- 怎麼縮小一張 SVG 圖的大小?
- 怎麼改變一張 SVG ICON 圖的顏色?
- 怎麼將自己修改的 SVG ICON 圖,可以有網址,能讓 HTML 與 Wiki 頁引用?
- 範例:
- 英文:
GIS
- 知識:
- 什麼是 GIS ?
- 技能:
- 範例:
- 英文: