檢視自主學習專題四的原始碼

[[分類:自主學習專題]]
#檢查抽籤的籤和塗鴨紙
#致謝：芸真至本班擔任英文
#[http://well-being-ng.net/~pfcp/governingTaiwan/ 常民政治與台灣治理]
#上次紀錄與本日志工
#關於「學習公社」中提及擅長「水平整合」的新社會：
<table style='border:none;'>
<tr>
<td style='border:none;' rowspan='3'>新<br/>能<br/>源</td>
<td style='border:none;' rowspan='3'>┌<br/>│<br/>┤<br/>│<br/>└</td>
<td style='border:none;text-align:center;border:none;'>物聯網</td>
<td style='border:none;' rowspan='2'>┐<br/>├<br/>┘</td>
<td style='border:none;' rowspan='2'>自<br/>動<br/>化</td>
<td style='border:none;' rowspan='2'>產<br/>消<br/>合<br/>一
</td>
</tr><tr>
<td style='border:none'>自造運動
</td>
</tr><tr>
<td style='border:none'>共享經濟</td>
<td style='border:none;' colspan='3'>社企/公社
</td>
</tr>
</table>

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

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

三條天理，三條教人的基本道理，四條群己與合作：
#每個人天生都有能力：去調動身邊可用的資源，以解決他所面臨的任何問題(行動者思維)。
#資產就是包袱，包袱就是資產。(得失相兼，福禍相倚)
#凡存在的必有道理，只是即將存的將更有道理。
#大人要先改變，同學才會改變。(教育無他，愛與榜樣)
#發表是吸收的利器。所以讓同學上台、上台、再上台。
#同儕的影響，重於師資、重於設備，所以同儕圈要加大、加大、再加大。
#因為自私，所以狹隘；因為狹隘，所以愚昧；愚昧造悲劇。(貪瞋癡)
#眾人之事，權責相符則成，權責不符則敗。
#眾人之事眾人管，眾人之事眾人扛。
#老天爺給人兩份的才能，也不會給人兩倍的時間。
有一些道理，只有人生的歷練才能教會我們，例如：生活就像半杯水。

==隨堂討論一：討論十條座右銘==
從四個角度切入：
#反面案例
#正面案例
#衍生格言
#解說，探討為什麼會這樣？
分配討論：
#詹組：1,6
#唐組：2,7
#丁組：3,8
#顧組：4,9
#戎組：5,10
自選討論：在分配討論之外，至少一條

規則：
#正、反面案例至少一個
#別人先寫上 site 的案例、衍生格言就不能再寫，要另想一條
#針對某一條座右銘，可以補充別人的解說，也可以自己另立一條解說
==隨堂討論二：其他座右銘==
<h1>戎組</h1>
<ol>
<li>不到黃河心不死，到了黃河也不死心</li>
<li>少年得志大不幸</li>
<li>天生我材必有用</li>
<li>你所有的才華都是因他人而生，未來到你面前的人，奉獻出你的才華</li>
<li>每件事發生都有它的用意</li>
</ol>

<br>
*詹組
<ol>
不必牽掛於過去，不必擔心未來，踏實於現在，就與過去和未來同在
選擇之前詳細思考，選擇之後永不後悔
沒有喝不完的酒，只有想不完的人
花若盛開，蝴蝶自來；人若精彩，天自安排
做事都要知道自己的意圖

*唐組
人總是會改變的
所謂「難」，有時只是因為不習慣
你所給出的，有一天都會回到你身上
善良是一種選擇

*丁組
大人要先改變，同學才會改變=以身作則

*顧組
獨行其道，謂大丈夫。
勇敢是一種選擇。
如果你要把人生當茶几，上面就會放杯具，如果是茶几，那你可以拿來放別的東西，如果你願意。

==調整 site 外觀==
外觀是和內容分離的。
#去丁丁的 site 看「基礎課/自主學/變更外觀範例」
#找圖
#編輯
#開 filezilla 
#連上自己網站空間，去/home/www/TEEC
#找到 theme.php 按右鍵，選「檢視/編輯」

===一、調整style.css、theme.php中的相關內容===
style.css中
*body：
*#width:寬度
*#color:字的顏色
*#background-color:底色
*xo-banner：
*#height:高度
*#background:
*#*顏色使用色碼
*#*其他屬性請參考[http://www.w3school.com.cn/cssref/pr_background.asp CSS 參考手冊]
theme.php中id 為 xo-banner 的 div
*圖照：src 為 png,jpg,gif,svg ，調整 style
*#width:寬
*#height:高
*#margin-left:距左側邊緣多遠
*#margin-top:距上方邊緣多遠
*畫字區：src 為 drawword.php ，banner中可以有多個畫字區
*#調整?之後代表畫字區內部
*#*word=寫什麼字
*#*fontsize=字多大，預設50
*#*color=顏色用色碼，不加#，預設黑色
*#*angle=拉斜的角度，正負都可用，圓周為360°，預設0°
*#*W=寬度，不設會自己算
*#*H=高度，不設會自己算
*#*x=字在畫字區的右移量
*#*y=字在畫字區的上移量
*#*fonttype=字體，預設為ukai.ttf，可以改選用uming.ttf、FZJLJT.FON(字不夠)，也可以推荐公版字體給丁老師。
*#style之後代表畫字區在div中的位置
*#*left:距左側邊緣多遠
*#*top:距上方邊緣多遠
*#*border:畫字區的留邊

===二、圖照去背===
軟體和方法很多，這裡只介紹一種：pixlr線上修圖工具
*作法與步驟：
*#在「客戶端」準備好要去背的圖照。
*#進入[http://pixlr.com/editor/ http://pixlr.com/editor/]。
*#選擇「從電腦上打開圖片」，並選擇要去背的圖照。
*#對右方「圖層」中的「鎖」連按兩下，使鎖變成打勾。
*#使用左方「工具」選單中的「選框工具」或「魔棒工具」選擇圖照上的區域範圍：
*#*「魔棒工具」會拉出一塊「同色」的範圍。
*#*「選框工具」可以拉出一塊方形範圍。
*#按「Del」，選定範圍會變成透明，以灰白小格相間來表示。
*#選上方選單的「文件/保存」，檔案格式選 png ，即可存下去背後的圖照。
*參考連結
*#[https://zh.wikipedia.org/zh-tw/Category:位圖編輯軟體 維基上對點陣圖修圖軟體的列表]
*#[https://zh.wikipedia.org/zh-tw/Pixlr 中文維基百科對pixlr的簡介]
*#[https://www.pcsetting.com/freeware/37 使用教學1]
*#[http://help.i2yes.com/?q=node/131 使用教學2]
*#[http://pixlr.com/editor/ http://pixlr.com/editor/]