自主學習專題四：修訂版本之間的差異

2018年8月4日 (六) 15:28的修訂版本

1. 檢查抽籤的籤和塗鴨紙
2. 致謝：芸真至本班擔任英文
3. 常民政治與台灣治理
4. 上次紀錄與本日志工
5. 關於「學習公社」中提及擅長「水平整合」的新社會：

座右銘

現場情境是非常複雜而糾結的，必須找到並守住最基本而重要的點，才能「清明」「通透」的做決定並堅定行動。

座右銘不是「定律」，但一定很基本、很重要，且邏輯簡單而清晰。

三條天理，三條教人的基本道理，四條群己與合作：

1. 每個人天生都有能力：去調動身邊可用的資源，以解決他所面臨的任何問題(行動者思維)。
2. 資產就是包袱，包袱就是資產。(得失相兼，福禍相倚)
3. 凡存在的必有道理，只是即將存的將更有道理。
4. 大人要先改變，同學才會改變。(教育無他，愛與榜樣)
5. 發表是吸收的利器。所以讓同學上台、上台、再上台。
6. 同儕的影響，重於師資、重於設備，所以同儕圈要加大、加大、再加大。
7. 因為自私，所以狹隘；因為狹隘，所以愚昧；愚昧造悲劇。(貪瞋癡)
8. 眾人之事，權責相符則成，權責不符則敗。
9. 眾人之事眾人管，眾人之事眾人扛。
10. 老天爺給人兩份的才能，也不會給人兩倍的時間。

有一些道理，只有人生的歷練才能教會我們，例如：生活就像半杯水。

隨堂討論一：討論十條座右銘

從四個角度切入：

1. 反面案例
2. 正面案例
3. 衍生格言
4. 解說，探討為什麼會這樣？

分配討論：

1. 詹組：1,6
2. 唐組：2,7
3. 丁組：3,8
4. 顧組：4,9
5. 戎組：5,10

自選討論：在分配討論之外，至少一條

規則：

1. 正、反面案例至少一個
2. 別人先寫上 site 的案例、衍生格言就不能再寫，要另想一條
3. 針對某一條座右銘，可以補充別人的解說，也可以自己另立一條解說

隨堂討論二：其他座右銘

調整 site 外觀

外觀是和內容分離的。

1. 去丁丁的 site 看「基礎課/自主學/變更外觀範例」
2. 找圖
3. 編輯
4. 開 filezilla
5. 連上自己網站空間

一、調整style.css、theme.php中的相關內容

style.css中

• body：
  1. width:寬度
  2. color:字的顏色
  3. background-color:底色
• xo-banner：
  1. height:高度
  2. background:
     • 顏色使用色碼
     • 其他屬性請參考CSS 參考手冊

theme.php中id 為 xo-banner 的 div

• 圖照：src 為 png,jpg,gif,svg ，調整 style
  1. width:寬
  2. height:高
  3. margin-left:距左側邊緣多遠
  4. margin-top:距上方邊緣多遠
• 畫字區：src 為 drawword.php ，banner中可以有多個畫字區
  1. 調整?之後代表畫字區內部
     • word=寫什麼字
     • fontsize=字多大，預設50
     • color=顏色用色碼，不加#，預設黑色
     • angle=拉斜的角度，正負都可用，圓周為360°，預設0°
     • W=寬度，不設會自己算
     • H=高度，不設會自己算
     • x=字在畫字區的右移量
     • y=字在畫字區的上移量
     • fonttype=字體，預設為ukai.ttf，可以改選用uming.ttf、FZJLJT.FON(字不夠)，也可以推荐公版字體給丁老師。
  2. style之後代表畫字區在div中的位置
     • left:距左側邊緣多遠
     • top:距上方邊緣多遠
     • border:畫字區的留邊

二、圖照去背

軟體和方法很多，這裡只介紹一種：pixlr線上修圖工具

• 作法與步驟：
  1. 在「客戶端」準備好要去背的圖照。
  2. 進入http://pixlr.com/editor/。
  3. 選擇「從電腦上打開圖片」，並選擇要去背的圖照。
  4. 對右方「圖層」中的「鎖」連按兩下，使鎖變成打勾。
  5. 使用左方「工具」選單中的「選框工具」或「魔棒工具」選擇圖照上的區域範圍：
     • 「魔棒工具」會拉出一塊「同色」的範圍。
     • 「選框工具」可以拉出一塊方形範圍。
  6. 按「Del」，選定範圍會變成透明，以灰白小格相間來表示。
  7. 選上方選單的「文件/保存」，檔案格式選 png ，即可存下去背後的圖照。
• 參考連結
  1. 維基上對點陣圖修圖軟體的列表
  2. 中文維基百科對pixlr的簡介
  3. 使用教學1
  4. 使用教學2
  5. http://pixlr.com/editor/