• 姓名:莊詠嬛
• 學號:4070C038
• 回首頁

互動人機介面

• 期末
  • 期末點餐系統
  • 期末小遊戲
• 第十二堂課
  • 例題12-1-1 :星星會跑的背景圖
  • 例題12-1-2 :背景會動的射擊遊戲
  • 例題12-1-3 :畫個手錶動畫
  • 例題12-2-1 :畫個手錶動畫-加入音效
  • 例題12-2-2 :畫個手錶動畫-加入音效
  • 例題12-3-1 :太陽、地球、月球 相關動畫
  • 例題12-3-2 :圓餅圖設計
• 第十一堂課
  • 例題11-1-1 :第一個JSON: 用AQI 做解釋
  • 例題11-1-2:設計一個自我介紹的JSON格式輸出
  • 例題11-1-3:JSON的陣列格式
  • 例題11-1-4:Ajax回傳與JSON.parse 功能
  • 例題11-2-1:第一個簡單的 畫方塊的Canvas
  • 例題11-2-2:不同路徑的繪製
  • 例題11-2-3:用Canvas變化星空
  • 例題11-2-4:畫個飛碟
  • 例題11-2-5:打UFO遊戲
  • 例題11-3-1:地圖縮放
  • 例題11-3-2: 資傳系平面圖
  • 例題11-3-4: 變形的企鵝
• 第十堂課
  • 例題10-2-1: 建立固定風格模式
  • 例題10-2-3 第一個Ajax處理資料
  • 例題10-3-1 使用responseXML
  • 例題10-3-2 左側資料輸入右側方塊
  • 例題10-4-1 設計天氣小方塊
  • 例題10-4-2 CORS跨站ajax的問題
  • 例題10-4-3 中繼程式 API -CWB
  • 例題10-4-4 採用自己的網站API的方式處里
• 第九堂課
  • 例題9-1-1 暫停淡出淡入的圖片抽換
  • 例題9-1-2 呈上，練習addEventListener
  • 例題9-1-3 呈上，練習最多讓你停三次
  • 例題9-2-1 開新視窗，占用螢幕1/4 大
  • 例題9-2-2 取得滑鼠座標
  • 例題9-2-3 滑鼠拖曳事件
  • 例題9-3-1 HTML5 drag and drop 單一拖曳事件
  • 例題9-3-2 HTML5 drag and drop 多重拖曳事件
  • 例題9-3-3 一個蘿蔔一個坑
  • 例題9-4-1 打UFO 砲台製作
  • 例題9-4-2 打UFO 砲台製作
  • 例題9-4-3 開始發射砲彈
  • 例題9-4-4 完成打UFO 砲台製作
• 第八堂課
  • 例題8-1-1 取得document的屬性
  • 例題8-1-2 用createelement建立1000
  • 例題8-1-3 新增刪除元件
  • 例題8-2-1 取得時間日期內容的方法
  • 例題8-2-2 顯示各地的時間
  • 例題8-2-3 計算在幾天的日期
  • 例題8-2-4 算倒數時間
  • 例題8-3-1 碼表設計
  • 例題8-3-2 自動算倒數計時
  • 例題8-3-3 自動抽換圖片
  • 例題8-3-4 自動抽換圖片-淡出淡入(settimeout)
  • 例題8-3-5 方塊沿線跑
• 第七堂課
  • 例題7-1-1 取得windows視窗的屬性
  • 例題7-1-2 修改window物件的屬性
  • 例題7-2-1 數值物件處理
  • 例題7-2-2 字串物件方法的應用
  • 例題7-2-3 只取我要的資料
  • 例題7-2-4 數學常數跟物件的屬性
  • 例題7-2-5 期末算成績
  • 例題7-2-6 計算式--錯誤克服
  • 例題7-3-1 了解陣列的方法
  • 例題7-3-2 -二維陣列運用
  • 例題7-4-1 -用for 迴圈 列出location的屬性
• 第六堂課
  • 例題6-1-1
  • 例題6-1-2
  • 例題6-2-1
  • 例題6-3-1
  • 例題6-3-2
  • 例題6-4-1製作撲克牌
  • 例題6-4-2製作撲克牌-自動洗牌
  • 例題6-4-3 製撲克牌-翻牌遊戲
• 第五堂課
  • 例題5-1-1 :自己決定骰子數量
  • 例題5-1-2 :使用迴圈處理骰子的亂數資料
  • 例題5-1-3 :巣狀迴圈-99乘法表
  • 例題5-1-4 :一點點UI-99乘法表
  • 例題5-2-1 :計算是不是質數
  • 例題5-3-1 :用while迴圈做數字的三角形
  • 例題5-3-2:上台報告抽抽樂
• 第四堂課
  • 例題4-2-1 :用 if 回應BMI的結果好不好
  • 例題4-2-1 :用 if 回應BMI的結果好不好-多重判斷
  • 例題4-2-3 :設計一點點 UI 計算面積
  • 例題4-3-1:用 Swich 取代 if 設計一點點 UI 計算面積
  • 例題4-4-1:丟骰子比大小
  • 例題4-4-2:丟骰子比大小--一點點 UI
• 第三堂課
  • 例題3-1-1 :數值型別的變數宣告
  • 例題3-1-2 :進行字串的累加刪除
  • 例題3-1-3 :了解變數型別
  • 例題3-2-1 :使用typeof() 了解變數的型別
  • 例題3-2-2 :變更型別parseFloalt()
  • 例題3-3-1 :來做溫度攝氏與華氏溫度的轉換
  • 例題3-3-2 :用是不是年輕人顯示布林值
• 第二堂課
  • 例題2-2-1 :第一個互動 getElemetBy??
  • 例題2-3-1 :使用function功能
  • 例題2-4-1 :使用.innerHTML元素的內部資料
  • 例題2-4-2 :使用.outerHTML元素的外部資料
• 第一堂課
  • 例題1-2-1 :使用alert警告視窗
  • 例題1-2-2 :使用document.write
  • 例題1-2-3 :使用document.write搭配字串與數值
  • 例題1-2-3 :透過 onclick 進行簡單互動
  • 例題1-4-1 :透過 onclick 進行簡單互動 (地球)

作業

• 十一第堂課
  • 作業11-4-1 :自訂 JSON 物件與列表
  • 作業11-4-3 :繪製戰鬥機
• 第十堂課
  • 作業10-5-1 :取得資料
  • 作業10-5-2 :將資料整合到網頁中
• 第九堂課
  • 作業9-5-2 :製作會下降的飛碟
  • 作業9-5-3 :製作拖曳的配對遊戲
• 第八堂課
  • 作業8-4-1 :搭配萬聖節，製作出滿街的殭屍圖片
  • 作業8-4-2 :搭配畫面美化，建立倒數 1 小時 2 分的畫面
  • 作業8-4-3 :車子隨便移動的狀態
• 第七堂課
  • 作業7-5-1 :自動推算出假設的成績
  • 作業7-5-2 :二維陣列增加欄位與特殊顯色
  • 作業7-5-3 :分析字串，判斷特殊格式文字
  • 作業7-5-4 :小算盤
• 第六堂課
  • 作業6-5-1 :製作真實名單抽籤行為
  • 作業6-5-2 :複選表單，抽籤系統
• 第五堂課
  • 作業5-4-1 :製作網頁安全的展示
  • 作業5-4-2 找出最近質數
• 第四堂課
  • 作業4-5-1 :使用 if 控制UI表單的進行-表單填寫
• 第三課
  • 作業3-4-1:判斷你的身高體重指數是否正常
• 第二課
  • 作業02-5-1: 剪刀石頭布