「2020/資訊基礎應用」修訂間的差異

出自不錯學群
跳至導覽 跳至搜尋
 
(未顯示同一使用者於中間所作的 3 次修訂)
行 6: 行 6:
 
====簡易生態運作圖====
 
====簡易生態運作圖====
 
<img src='https://upload.wikimedia.org/wikipedia/commons/c/c8/%E5%85%A8%E6%B0%91%E7%A7%91%E5%AD%B8%E5%B9%B3%E5%8F%B0%E9%81%8B%E4%BD%9C%E7%94%9F%E6%85%8B%E7%B3%BB.png?uselang=zh-tw' width=50%>
 
<img src='https://upload.wikimedia.org/wikipedia/commons/c/c8/%E5%85%A8%E6%B0%91%E7%A7%91%E5%AD%B8%E5%B9%B3%E5%8F%B0%E9%81%8B%E4%BD%9C%E7%94%9F%E6%85%8B%E7%B3%BB.png?uselang=zh-tw' width=50%>
 +
===HTML語法入門===
 +
講師:丁志仁
 
{{s4e::編輯培力/HTML+WIKI(一)}}
 
{{s4e::編輯培力/HTML+WIKI(一)}}
 
{{jendo::Box Model}}
 
{{jendo::Box Model}}
行 16: 行 18:
 
##屬性值如其中有空白必加引號屬性值,如其中無空格可加引號,可不加引號
 
##屬性值如其中有空白必加引號屬性值,如其中無空格可加引號,可不加引號
 
#style屬性可包含多組樣式指示<br>標籤外觀該看甚麼樣<br>< td >文字< /td><br>styel = ' color : blue broder : 1px ptsolid red ; '<br>
 
#style屬性可包含多組樣式指示<br>標籤外觀該看甚麼樣<br>< td >文字< /td><br>styel = ' color : blue broder : 1px ptsolid red ; '<br>
#屬性直如其中有空白必加引號,屬性質如其中,無空白可加引號,可不加引號
+
#如果要在標籤中顯示"<"或者">"等特殊字符,可以使用“&”開頭,“;”結尾,中間加上字符對應的編碼就可以 <br> <例如:<br> <&lt; <=&le; <br> <br> >&gt; > =&ge;><br>
  
===Wiki基礎入門===
 
講師:丁志仁
 
===HTML語法入門===
 
講師:丁志仁
 
 
===SVG及HTML入門===
 
===SVG及HTML入門===
 
講師:丁志仁
 
講師:丁志仁

於 2020年9月14日 (一) 15:45 的最新修訂

本課介紹

本班必修課「資訊基礎應用」暨「全民科學平台編輯培力」

訓練能為「全民科學平台」做事的同學,合格並且有意願的同學會選入編輯群。

簡易生態運作圖

HTML語法入門

講師:丁志仁

開場

  1. 看一下課程簡介
  2. 分配臨時帳號
  3. 練習使用「網路檔案櫃」
  4. 區網 wifi :jendo_d與jendo_a,密碼現場說明
  5. 瀏覽器:firefox 優先於 chrome ,避免使用 IE

本日練習

  1. 登入 wiki
  2. wiki 以頁為單位
    • 條目頁,及其討論頁
    • 使用者頁,及其討論頁
    • 分類頁,及其討論頁
  3. 去自己的「使用者頁」:
    • 想一個題目
    • wiki 入門語法
    • 貼圖
    • 在使用者頁的討論頁寫筆記
    • 嵌入影片
    • 製作本班通訊錄

[模板 http://jendo.org/wiki1231/index.php?title=Box_Model&action=render 讀取失敗:HTTP 500]

今日重點
  1. 樣式需成對
  2. 修飾標籤的叫屬性
    1. 兩組屬性之間用空格分開
    2. 屬性名與屬性值用「=」相連
    3. 屬性名不加引號( or "")
    4. 屬性值如其中有空白必加引號屬性值,如其中無空格可加引號,可不加引號
  3. style屬性可包含多組樣式指示
    標籤外觀該看甚麼樣
    < td >文字< /td>
    styel = ' color : blue broder : 1px ptsolid red ; '
  4. 如果要在標籤中顯示"<"或者">"等特殊字符,可以使用“&”開頭,“;”結尾,中間加上字符對應的編碼就可以
    <例如:
    <&lt; <=&le;

    >&gt; > =&ge;>

SVG及HTML入門

講師:丁志仁

CSS及SVG進階應用

講師:張又懿

SVG動畫進階使用

講師:張又懿

SVG進階複雜繪圖

講師:張又懿

CC授權與素材進階運用

講師:丁志仁

Adobe繪圖軟體入門

講師:張又懿

Adobe繪圖軟體進階

講師:張又懿

進階應用

講師:丁志仁

MySQL、PHP、javescipt入門

講師:丁志仁

評量