L太郎
~資訊加油站~
:::
108學期資訊教育
作業上傳區 作業上傳區
檔案下載區 檔案下載區
 
108暑期電腦課
運算思維練習 運算思維練習
 
107學期資訊教育
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
107暑期電腦課
運算思維練習 運算思維練習
競賽活動訊息 競賽活動訊息
 
106下學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
106上學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
106暑期電腦課
運算思維練習 運算思維練習
競賽活動訊息 競賽活動訊息
 
105下學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
105上學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
105暑期電腦課
運算思維練習 運算思維練習
 
104下學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
104上學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
競賽活動訊息 競賽活動訊息
教學相簿 教學相簿
 
103下學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
 
103上學期電腦課
檔案下載區 檔案下載區
作業上傳區 作業上傳區
嘉市單一簽證 嘉市單一簽證
競賽活動訊息 競賽活動訊息
 
102下學期電腦課
檔案下載區 檔案下載區
繳交作業 繳交作業
競賽活動訊息 競賽活動訊息
協作分享 協作分享
 
102上學期電腦課
留言討論區 留言討論區
檔案下載區 檔案下載區
繳交作業 繳交作業
競賽活動訊息 競賽活動訊息
 
102暑期電腦課
自由軟體電子書競賽 自由軟體電子書競賽
文件下載區 文件下載區
 
101學年-202
網路尋寶活動 網路尋寶活動
自由軟體電子書競賽 自由軟體電子書競賽
102年U15競賽 102年U15競賽
電腦課留言區 電腦課留言區
★繳交作業★ ★繳交作業★
↘圖片區 ↘圖片區
↘表格文件下載 ↘表格文件下載
 
各式模組功能
公佈欄模組 公佈欄模組
行事曆模組 行事曆模組
相簿の模組 相簿の模組
討論區模組 討論區模組
留言板模組 留言板模組
檔案の下載 檔案の下載
家庭聯絡簿 家庭聯絡簿
影音館模組 影音館模組
成員の介紹 成員の介紹
榮譽榜模組 榮譽榜模組
功課表模組 功課表模組
投票の模組 投票の模組
作業上傳區 作業上傳區
 
非以上模組
內嵌網頁 內嵌網頁
另開網頁 另開網頁
文章編輯 文章編輯
 
本站QR-Code
QR-Code QR-Code
 
 
:::
     
 
106下學期電腦課

★程式語言-使用JavaScript
一年級時,同學使用過Scratch製作了簡單的遊戲;教綱中心也辦理了「打寇(Code)島」活動。
相信同學對於利用圖型化的方式編寫程式有一點點的概念了。
因上個學期末,讓同學練習了簡單的HTML和一點點CSS,
所以程式語言的部分,本次電腦課將採用JavaScript讓同學體會非圖型化的程式設計......也就是要打字了。

JavaScript,一種高階程式語言。
它被世界上的絕大多數網站所使用,也被主流瀏覽器(Chrome、IE、FireFox、Safari、Opera)支援。

JavaScript常用來完成以下任務:
o 讀寫HTML元件
o 嵌入動態文字於HTML頁面
o 對瀏覽器事件作出回應

使用工具:
瀏覽器(Chrome, FireFox, IE......)的主控台(console),按「F12」即可打開。

顯示結果:
1.使用  alert("Hello World");
2.使用  console.log("Hello World");

牛刀小試:
var a = 8;
var b = a * 7;
console.log(b);

JavaScript變數 和 變數的值:
var a;  // 設定一個變數 a
a = "hello world";    // a是"string" 字串...雙引號or單引號內
a = 87;    // a是"number" 數字...可以運算...加減乘除(+ - * / )
a = true;    // a是"boolean" 真假值...真(true)or假(false)
※另有 undefined(未定義)、null、object(物件)先不提

條件判斷:
---使用「if...else」---
if (a == 100) {
    // 如果 a = 100 這裡會執行
}
else if (a >= 60) {
    // 如果 a 大於或等於(>=) 60 這裡會執行
}
else {
    // a不等於100也不大於等於60時,這裡會執行
}
※除了 等於(==) 之外,還可以用 大於(>), 小於(<), 大於或等於(>=), 小於或等於(<=), 及不等於(!=) 。

---使用「switch...case」---
switch (a) {
    case 7:
        // a是 7 時執行這裡
        break;
    case 8:
        // a是 8 時執行這裡
        break;
    case 87:
        // a是 87 時執行這裡
        break;
    default:
        // a都不符合時執行這裡
}

迴圈 Loop (重複執行):
---使用「for」---
for ( i=0 ; i<10 ; i++ ) {
    console.log(i);  //重複執行 10 次,印出每次的 i值
}

---使用「do...while」---
var i = 0;
do {
    console.log(i);
    i++;
}
while (i < 10);

與網頁互動:
練習0-置換圖片:使用這個檔
練習1-改變區塊的內容:下載這個檔

把JavaScript寫進網頁(HTML)裡......使用這個範例

範例:
for ( i=1 ; i<=20 ; i++ ) {
  document.write("
");
  for ( j=1 ; j<=i ; j++ ) {
    document.write("★");
  }
}

函數(function)的呼叫--下載這個範例修改
有些程式相要特定狀況才執行(例如:按鈕被按下時),
可以寫成一個函數,需要時再呼叫即可。
function test(){
  alert("函數被呼叫了。");
}

利用數學函數隨機產生數字...使用這個範例(擲骰子)
Math.random() 會產生 0~1之間隨機的數字(不包含1)
Math.random()*6 會產生 0~6之間隨機的數字(不包含6)
Math.floor(1.23) 會給出比1.23小的下一個整數。......此範例結果為「1」
Math.floor(5.00001) 會給出比5.00001小的下一個整數。......此範例結果為「5」
如果將前兩個函數,產生隨機產生1~6的整數(就像是擲骰子)?

★自由軟體應用
動態幾何軟體-Geogebra
一、基本功能練習
試著畫出下面圖形。


二、幾何觀察--中(點)線、中垂線及角平分線......下載這個檔案,完成後存檔上傳。


三、直角坐標--代數描點...下載這個檔案,完成後存檔上傳


四、觀察變化......下載這個檔案,完成後存檔上傳:



Blockly-code--網站
圖形式程式語言(類似Scratch) 轉 程式碼(JavaScript, Python, PHP......等)

練習:
o 從1~6隨機選出一個號碼。.
o 算出從1+2+3+......+n的總和。.
o 輸入身高體重,算出身體質量指數BMI。. (兒童與青少年BMI建議值)



星象軟體-Stellarium

※※※※※※※※※※※※
這裡上傳作業會用到「連續抓圖」,
Windows10中,連續抓圖請用「Win鍵」+「PrintScreen
抓完的圖放在 「本機」 → 「圖片」 → 「螢幕擷取畫面」中
※※※※※※※※※※※※

一、基本功能練習
二、一年之內,每個月1日同一時間,太陽位置變化。
三、追蹤近期的日(月)蝕(模擬觀測)


★健康上網(資訊安全與倫理)及科技新知






AutoDraw--網址https://www.autodraw.com/
 

 
     
 
網站內容由各級學校機關建置維護 服務窗口請洽各級學校總機(請點我)
嘉義市教育網路中心建置維護
班級網站操作手冊影音版 班級網站操作手冊PDF檔
校園快優網‧『授權給:嘉義市教育網路中心』