天來的工作坊: 2015/9/1

2015年9月27日星期日

如何在Chromebook連結FTP server上傳檔案

　　最近加入學校的讀書會，常需要將檔案上傳到學校的ftp server，但chromebook並沒有內建ftp的clinet程式，有些app都要另外收費。這時從電腦玩物作者 esor huang（異塵行者）的文章「如何在 Chromebook 整合同步 Dropbox 檔案資料夾？」中得知可以透過[檔案]的[新增服務]中將個人的ftp空間，像網路硬碟一樣連結起來，非常高與，便實際操作並留下紀錄。

首先在[檔案]視窗中點選[新增服務]。

2015年9月26日星期六

學習筆記2：基本的HTML標籤

標題樣式標籤<h1>~<h6>

標題樣式標籤從<h1>~<h6>共有六組，用來標示單行的標題文字。每一組標題樣式標籤所包含的文字會有獨立的一行。

<h1>標題樣式H1</h1>
<h2>標題樣式H2</h2>
<h3>標題樣式H3</h3>
<h4>標題樣式H4</h4>
<h5>標題樣式H5</h5>
<h6>標題樣式H6</h6>

段落標籤<p></p>

<p></p>標籤用來標示一個段落，在這個段落裡的內容會隨著網頁寬度自動折行。而每一段落中間會有比較大的間隔。

<p>巽方砲臺</p>
<p>當初為尋找巽方砲臺吃足苦頭，找了好幾次都找不到，後來是為了拍「原臺南州立農事試驗場宿舍群」照片時，經過該地，無意間看到告示牌，才知道巽方砲臺是藏在修禪院裡面。一開始還不太敢確認，後來看到巽方砲臺正面的「巽方靖鎮」門匾才確定是這裡。</p>

斷行標籤<br/>

<br/>標籤通常用於強制將某個位置的文句斷行。在文章(尤其是詩詞)的排版上十分好用。每一行的行距比段落的行距要小很多。

<p>巽方砲臺</p>
當初為尋找巽方砲臺吃足苦頭，找了好幾次都找不到，<br/>後來是為了拍「原臺南州立農事試驗場宿舍群」照片時，<br/>經過該地，無意間看到告示牌，才知道巽方砲臺是藏在修禪院裡面。<br/>一開始還不太敢確認，後來看到巽方砲臺正面的「巽方靖鎮」門匾才確定是這裡。<br/>

字體樣式標籤

<b></b>標籤：粗體字
<i></i>標籤：斜體字
<u></u>標籤：加底線
<sup></sup>標籤：上標字
<sub></sub>標籤：下標字

<b>原台南公會堂．吳園</b><br/>
<i>二鯤鯓砲臺(億載金城)</i><br/>
<u>原臺南運河海關</u>
<sup>臺南三山國王廟</sup>
<sub>原日軍步兵第二聯隊官舍群</sub>

清單標籤<ul></ul>和<ol></ol>

<ul></ul>和<ol></ol>清單標籤通常會與清單內容標籤<li></li>合併使用。
<ul>標籤預設是以實心圓點符號表示，可以透過type屬性來更改符號。
type屬性值：disc為實心圓點、circle為空心圓點、square為方塊。
<ol>標籤則會以數字呈現清單內容，同樣可以透過type屬性來更改符號。
type屬性值：A為大寫英文字母、a為小寫英文字母、I為大寫羅馬數字、i為小寫羅馬數字、
1為阿拉伯數字。

<p>直轄市定古蹟_台南市</p>
<ul type="circle">
<li>原台南公會堂．吳園</li>
<li>原臺南運河海關</li>
<li>原日軍步兵第二聯隊官舍群</li>
</ul>
<p>國定古蹟</p>
<ol type="A">
<li>二鯤鯓砲臺(億載金城)</li>
<li>臺南三山國王廟</li>
<li>原台南測候所</li>
</ol>

表格標籤<table></table>

<table>標籤包含<tr></tr>、<td></td>及<th></th>三組標籤。
<tr></tr>是標示表格的列
<td></td>是標示表格的欄
<th></th>是標示表格的標題列
另外<table>有一個border的屬性，當border="1"時，表示表格外框線的寬度為1像素。

<table border="1">
<tr>
<th>直轄市定古蹟_台南市</th>
<th>國定古蹟</th>
<tr>
<td>原台南公會堂．吳園</td>
<td>二鯤鯓砲臺(億載金城)</td>
</tr>
<tr>
<td>原臺南運河海關</td>
<td>臺南三山國王廟</td>
</tr>
<tr>
<td>原日軍步兵第二聯隊官舍群</td>
<td>原台南測候所</td>
</tr>
</table>

2015年9月21日星期一

學習筆記01：HTML網頁的基本結構

　　這個學期學校資訊組胡政文老師組了一個PHP的讀書會，指導學校資訊老師程式設計的能力，我也很榮幸的加入這個讀書會，希望利用機會將之前沒學好的html &php重新學習起來。因此決定將相關學習的內容整理於此，做為一個初學者的學習紀錄。
------------------------------------------------------------
HTML是Hyper Text Makup Languge的縮寫。

HTML網頁文件是由HTML標籤所組成的，每一組HTML標籤包含開始標籤< >和結束標籤</ >。

基本的HTML網頁文件的結構如下：

<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<title>網頁的標題</title>
<meta name="description" content="網頁內容描述">
<meta name="keywords" content="關鍵字1,關鍵字2">
<meta name="author" content="網頁作者">
</head>
<body>
網頁內容
</body>
</html>

<!DOCTYPE html>

宣告本文件是HTML5的網頁文件，一定要放在第一行，前面不可以有空行，也不可以省略。

<html></html>

表示接下來的的內容是html文件，是網頁的根節點。
可在此標籤內設定lang屬性，用來表示網頁的語系。en表示英語語系；zh-tw表示繁體中文語系。

<head></head>

表示HTML標頭的宣告，可在這組標籤內設定網頁標題及meta元素資訊。在<head>標籤內的內容並不會顯示在網頁中，但可供瀏覽器判讀及設計者閱讀之用。
meta元素中的charset屬性可以指定網頁所使用的文字編碼，UTF-8是指萬國碼。
meta元素中的name屬性表示網頁的特性項目，而content屬性表示項目的內容。

<title></title>

是指定網頁的標題，會顯示在網頁瀏覽器上面。

<body></body>

表示HTML文件的主體，所有網頁內容都會在此區塊中撰寫。

2015年9月20日星期日

南一版四上生字成語大挑戰(97課綱)

本文遊戲所使用之程式是噗友雄老師所製作，特此致謝！

為了增加小朋友學習本學期生字成語的與趣，老師製作了[成語Bingo遊戲]及[生字成語大挑戰]兩個遊戲，提供小朋友課餘練習使用，連結如下：

(1)棒球高手遊戲(HTML5)(適合平版電腦使用)

(2)二人PK遊戲(HTML5)(適合平版電腦使用)

(3)四人PK遊戲(HTML5)(適合平版電腦使用)

(4)成語Bingo遊戲(適合桌上型及筆記型電腦使用)：
本練習遊戲每單元成語一組，共分為四組。當小朋友每學完兩課的成語，就可以來此練習一下喲！
1.本位課程～第三課　　　2.第四課～第七課　　　3.第八課～第十課
4.第十一課～第十四課　　

(5)南一版三下生字成語大挑戰(97課綱)(適合桌上型及筆記型電腦使用)

另外為了幫助成語解釋的記憶，老師也製作了成語遮蔽的練習(適合桌上型及筆記型電腦使用)，各課連結如下：
學校本位課程成語
第一課「窗口邊的臺灣欒樹」生字成語
第二課「花兒的心事」生字成語
第三課「水果們的晚會」生字成語
第四課「冬日吃蘿蔔」生字成語
第五課「飛魚成年禮」生字成語
第六課「敬字紙與惜字亭」生字成語
第七課「奉茶」生字成語
第八課「小小記者研習營」生字成語
第九課「網繫人間情」生字成語
第十課「媒體與生活」生字成語
第十一課「有錢人可能很窮」生字成語
第十二課「孫悟空三借芭蕉扇」生字成語
第十三課「快樂的油漆工」生字成語
第十四課「巨人和春天」生字成語

另附各課成語解釋及例句，如果小朋友將老師發的單子遺失，也可以從這裡下載列印使用：(Dropbox空間)

南一版四上生字成語Quizlet有聲詞卡(97課綱)

學校本位課程成語
第一課「窗口邊的臺灣欒樹」生字成語
第二課「花兒的心事」生字成語
第三課「水果們的晚會」生字成語
第四課「冬日吃蘿蔔」生字成語
第五課「飛魚成年禮」生字成語
第六課「敬字紙與惜字亭」生字成語
第七課「奉茶」生字成語
第八課「小小記者研習營」生字成語
第九課「網繫人間情」生字成語
第十課「媒體與生活」生字成語
第十一課「有錢人可能很窮」生字成語
第十二課「孫悟空三借芭蕉扇」生字成語
第十三課「快樂的油漆工」生字成語
第十四課「巨人和春天」生字成語

2015年9月19日星期六

南一版四上國語各課圈詞解釋練習(97課綱)

為了幫助小朋友記憶國語各課的圈詞解釋，老師製作了四個小遊戲供小朋友練習使用！
PS:本文遊戲所使用之程式是噗友雄老師所製作，特此致謝！

棒球高手遊戲(HTML5)(適合平版電腦使用)

二人PK遊戲(HTML5)(適合平版電腦使用)

四人PK遊戲(HTML5)(適合平版電腦使用)

圈詞遮蔽練習(適合桌上型及筆記型電腦使用)，本學期各課連結如下：
第一課「窗口邊的臺灣欒樹」圈詞　　　第二課「花兒的心事」圈詞
第三課「水果們的晚會」圈詞　　　　　閱讀列車「樹木真重要」圈詞
第四課「冬日吃蘿蔔」圈詞　　　　　　第五課「飛魚成年禮」圈詞
第六課「敬字紙與惜字亭」圈詞　　　　第七課「奉茶」圈詞
第八課「小小記者研習營」圈詞　　　　第九課「網繫人間情」圈詞
第十課「媒體與生活」圈詞　　　　　　閱讀列車「怕鬼的熊哥哥」圈詞
第十一課「有錢人可能很窮」圈詞　　　第十二課「孫悟空三借芭蕉扇」圈詞
第十三課「快樂的油漆工」圈詞　　　　第十四課「巨人和春天」圈詞

分組／雙人搶答小遊戲(適合桌上型及筆記型電腦使用)，本學期各課連結如下：
第一課「窗口邊的臺灣欒樹」圈詞搶答　　第二課「花兒的心事」圈詞搶答
第三課「水果們的晚會」圈詞搶答　　　　閱讀列車「樹木真重要」圈詞搶答
第四課「冬日吃蘿蔔」圈詞搶答　　　　　第五課「飛魚成年禮」圈詞搶答
第六課「敬字紙與惜字亭」圈詞搶答　　　第七課「奉茶」圈詞搶答
第八課「小小記者研習營」圈詞搶答　　　第九課「網繫人間情」圈詞搶答
第十課「媒體與生活」圈詞搶答　　　　　閱讀列車「怕鬼的熊哥哥」圈詞搶答
第十一課「有錢人可能很窮」圈詞搶答　　第十二課「孫悟空三借芭蕉扇」圈詞搶答
第十三課「快樂的油漆工」圈詞搶答　　　第十四課「巨人和春天」圈詞搶答

另附本學期各課圈詞解釋及例句資料，如果小朋友有需要，也可以從這裡下載列印使用：(Dropbox空間)

2015年9月4日星期五

康軒國小英語Super Wow第五冊應用字彙Quizlet有聲詞卡

各位小朋友，下面是本學期英語單字的練習連結，當你要複習英語單字時，可以善加使用喔。
康軒國小英語Super Wow第五冊(目錄)

各課單字內容直接連結：
Unit 1: Where Are You?
Unit 2: What Time Do You Get Up?
Unit 3: What Do You Do After School?
Unit 4: What Day Is Today?
Culture

訂閱：文章 (Atom)

網頁

2015年9月27日 星期日