「資訊基礎應用筆記/稚博」修訂間的差異
跳至導覽
跳至搜尋
行 92: | 行 92: | ||
*#如何樣式定義一次,引用多次 | *#如何樣式定義一次,引用多次 | ||
*範例:<a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/範例.html">範例1</a> <a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/stylecolor.css">範例2</a> | *範例:<a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/範例.html">範例1</a> <a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/stylecolor.css">範例2</a> | ||
− | *英文: (Extensible Markup Language) | + | *英文: XML(Extensible Markup Language) HTML(HyperText Markup Language) SVG(Scalable Vector Graphics) |
</mwdetails> | </mwdetails> | ||
於 2021年6月28日 (一) 10:05 的修訂
<mwdetails><summary>電腦與網路資源</summary>
- 知識:
- 什麼是 UTF-8? 萬國碼:網址原只能用英文,但後來發展到各國文字皆可用
- 區分客戶端與伺服器端。伺服器端的特徵:被動的角色(從)等待來自使用者端的請求、處理請求並傳回結果 使用者端的特徵:主動的角色(主)發送請求、等待直到收到回應
- 怎麼線上解壓縮 zip 檔? 只有 apple電腦需要
- 何謂 CC 授權? <a href="http://jendo.org/wiki1231/index.php?title=CC" target=_blank>CC授權</a>是免費的,無特定對象授權,只要遵守規則都可使用
- 何謂綠色軟體? 免安裝軟體,好處:不占空間、可以隨時移動到任何位置
- 解釋十六進位與十進位的差別 十進位是我們平常用的數字進位制,十六進位則是使用0~9和英文A~F(十進位制的10~15)表示,且逢十六進一。色碼使用十六進位制
- 解釋「色碼」 色碼就是代表顏色的代碼 像是:#000000 其他色碼也可以從網路上找到 <a href="https://htmlcolorcodes.com/color-names/">色碼網站</a>
- 解釋 ASCII <a href="https://zh.wikipedia.org/wiki/ASCII">wiki上找的</a>
- 技能:
- 顯示或隱藏檔案副檔名 <!--(不表現)-->
- 用 google 找圖照 <a href="http://jendo.org/uploadFiles/嘉禾書院/黃稚博/色碼%20-%20Google%20搜尋%20-%20Google%20Chrome%202021_6_21%20上午%2011_17_42.png">照片</a>
- <a href="https://commons.wikimedia.org/wiki/首页">找照片的網址</a>
- 怎麼複製出含中文的網址 在複製包含中文、非英的網址時,不要包含最後一個字,放到頁面上後再自行補回
- 找出綠色軟體市集 找阿榮福利社
- 範例: <a href="http://urclass.net/alWiki/index.php?title=印度河谷圖章">印度河谷圖章</a>
- 英文:img(圖像),src(搜尋),width(寬),height(高),png(無背景),jpg(圖片檔)
</mwdetails>
<mwdetails><summary>維基共享資源</summary>
- 知識:
- 維基共享資源大約有多少資源? 目前有:74,352,928個
- 技能:
- 註解
- 找圖照 file:
- 找縮圖網址
- 縮圖網址的格式
- 找某張圖被哪些 wiki 頁使用
- 找某人上傳的縮圖
- 用分類找圖
- 範例:
- 英文:
</mwdetails> <mwdetails><summary>wiki</summary>
- 知識:
- 什麼是 wiki ?
- 技能:
- 怎麼打出角括號:< > &
- 註解
- 下段標
- 有序列點
- 無序列點
- 外部連結
- 內部連結
- 連續文字分段
- 嵌入圖照
- 嵌入 youtube 影片
- 嵌入非 youtube 影片
- 嵌入 wiki 頁
- 範例:
</mwdetails>
<mwdetails><summary>HTML</summary>
- 知識:
- 什麼是 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 屬性格式語法 <link href='stylecolor.css' rel='stylesheet' type='text/css'/>
- 如何樣式定義一次,引用多次
- 範例:<a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/範例.html">範例1</a> <a href="http://jendo.org/uploadFiles/全民科學平台/張又懿/stylecolor.css">範例2</a>
- 英文: XML(Extensible Markup Language) HTML(HyperText Markup Language) SVG(Scalable Vector Graphics)
</mwdetails>
<mwdetails><summary>SVG</summary>
- 知識:
- 什麼是 SVG ? 可縮放向量圖形
- 什麼是 XML ? 可延伸標記式語言
- 做一個 XML、HTML、SVG 三者的關係簡圖。
- 說明 SVG 的三個特性 1. XML語法,用書寫指示來畫圖。2. 二維向量圖形格式,不是點陣圖,無段縮放不會毛邊。3. 由W3C制定,是開放標準。
- 寫出 直線、多點成線、多邊形、圓、矩形 在 SVG 中的標籤名稱
- 找一張能用在教學上,維基共享資源的 SAG 圖,說明可以用來教什麼主題。
- Windows 上 SVG 楷書的名稱,或蘋果
- 技能:
- 用 SVG 畫一個圓。
- 用 SVG 畫一個熊臉
- 用 SVG 畫出「羅馬」兩個字
- 用 SVG 畫出「羅馬不是一天造成的」九個字,並用旋轉拉斜
- transform 屬性可以有四種操作:位移、旋轉、大小縮放、拉斜,寫出前三種操作(位移、旋轉、大小)的語法
- 在 SVG 原始碼中怎麼把一堆東西打包成群?
- 用 SVG 畫出一朵花,有三個花瓣一個花梗
- 用 SVG 畫出三朵花,每朵花都有三個花瓣一個花梗
- 用 SVG 畫出一個帶漸層色的方塊
- 用 SVG 畫一個用放射漸層表示的太陽
- 怎麼將紙上的手繪圖拍下來,並展開為平整的電子檔?
- 怎麼使用 inkscape 將電子圖檔轉 SVG 向量圖?
- 怎麼使用 inkscape 將 SVG 圖多餘的邊切除?
- 怎麼對一張點陣圖進行「去背」?(png 檔可去背,jpg 檔無法去背)
- 怎麼找一張適合的 ICON ,並且是 SVG 格式的圖?
- 怎麼縮小一張 SVG 圖的大小?
- 怎麼改變一張 SVG ICON 圖的顏色?
- 怎麼將自己修改的 SVG ICON 圖,可以有網址,能讓 HTML 與 Wiki 頁引用?
- 範例:
- 英文:
</mwdetails>
<mwdetails><summary>GIS</summary>
- 知識:
- 什麼是 GIS ?
- 技能:
- 範例:
- 英文:
</mwdetails>