程式语言与逻辑.ppt

程式語言與邏輯 高慧君　台北市立南港高中 2006年12月22日 電腦在生活中扮演的角色 教學者 (tutor) 學生能運用電腦輔助學習軟體進行學科學習 工具 (tool) 學生能運用電腦解決統計分析、文書處理、資料管理、與他人溝通等問題 受教者 (tutee) 電腦能接受命令並執行動作 學生為了指揮電腦作事，不但必須了解所欲執行的任務，且須精通與電腦交談的語言 網頁程式設計 靜態網頁設計 介紹網頁的標籤語言 (HTML)。 動態網頁設計 介紹網頁客戶端的程式語言(JavaScript)。 時間安排 (18小時) 教 學 想 法 (1) Learner Centered Environment 以同學們的經驗為出發點，設計出案例為本之教材，以期望能夠幫助同學們，將日常生活經驗轉化與提昇為電腦領域的專業思維。 教 學 想 法 (2) Knowledge Centered Environment 整理各教學單元之重點編製為授課講義，循序地介紹相關原理與軟體功能，以補足案例中所缺乏的知識結構性，將零碎的學習經驗精緻化為系統化的記憶。 靜態網頁設計 (HTML) Hyper Text Markup Language 靜態網頁排版 (1) HTML網頁的基本結構 靜態網頁排版 (2) HTML網頁的基本結構 靜態網頁排版 (3) HTML網頁的基本結構 靜態網頁排版 (4) HTML網頁的基本結構 HTML網頁的基本結構 靜態網頁排版 (5) 文字的排版 靜態網頁排版 (6) 圖片的排版 靜態網頁排版 (7) 表格的排版 靜態網頁排版 (8) 超連結 靜態網頁排版 (9) 動態網頁主題設計 主題：動物保育 網頁主題設計 (1) 需準備的素材 (1) 動物圖片一張 (2) 保育宣導文字一句 (3) 動畫小圖示若干個 作品觀摩 網頁主題設計 (2) 找圖片 在 google 輸入關鍵詞「動物名稱」，選擇「圖片」。 網頁主題設計 (3) 找標語 進入「中文維基百科」，搜尋「北極熊」。 網頁主題設計 (4) 找小圖示 進入「阿芳圖庫」，選取「素材屋」。 網頁主題設計 (5) 找網頁程式 進入「麻辣學園」，選擇「JavaScript」。 網頁主題設計 (6) Java Script：漫天飛舞 修改「圖片檔數目」及「圖片檔名稱」 網頁主題設計 (7) Java Script：游標跑馬燈 修改跑馬燈的文字內容「message」 動態網頁主題設計 主題：撲克牌遊戲 案例研究(1)：撲克牌發牌 案例研究(2)：隨機發牌 案例研究(3)：隨機發兩張牌 案例研究(4)：交換位置 案例研究(5)：隨機發五張牌 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 案例研究(6)：洗牌演算法 Java Script 基本概念 註：可以配合「流程圖」單元的例題授課 物件 (50分鐘) 教師說明什麼是物件 (1) 物件的屬性 (2) 物件的事件 教師示範常用的物件 (1) document物件 (2) image物件 (3) Math物件 函式 (50分鐘) 教師說明什麼是函式 function 函式名稱(參數1, 參數2....) { 函式內容 return 某值; } 教師示範函式的使用 變數與常數 (50分鐘) 教師說明什麼是變數 教師說明變數的資料型態 (1) 數值 (2) 字串 (3) 布林值 (4) NULL 變數與常數 (50分鐘) 教師示範變數的使用 (1) var number = 28 // 數值 (2) var student_name = “林小華” // 字串 教師介紹資料型態轉換函數 (1) eval( ) 將字串轉為數值 (2) parseInt( ) 將字串轉為指定底數的整數 (3) parseFloat( ) 將字串轉為浮點數值 運算式 (50分鐘) 教師說明什麼是運算元 (1) 數學運算元：+, -, *, /, % (2) 指定運算元：= (3) 比較運算元：, ==, , =, =, (4) 邏輯運算元：, ||, ! (5) 字串運算元：+ 教師說明什麼是運算式 number = Math.random()*52+1 陣列 (50分鐘) 教師說明什麼是陣列 arrayObjectName = new Array([arrayLength]) arrayObjectName = new Array([element0,element1, …elementN]) 教師示範陣列的使