|
單元名稱
|
簡 介
|
備註
|
00
|
網頁簡介
|
網頁概念與主要成員簡介
|
|
01
|
HTML基礎
|
HTML文件架構及主要成員介紹
|
|
02
|
HTML重要元件
|
圖片、超連結、項目與表格
|
|
03
|
加入影音檔案的網頁
|
介紹如何在HTML5網頁加入以及播放影音檔
|
|
04
|
CSS樣式表基礎
|
介紹CSS的基本概念與語法
|
|
05
|
CSS樣式表範例
|
介紹CSS較為特殊的格式功能範例
|
|
06
|
JavaScript程式簡介
|
介紹 JavaScript 的背景介紹、基本用法及DOM物件架構的介紹
|
|
07
|
用JavaScript做算術
|
介紹與使用者互動的數學計算程式寫法及小時鐘程式
|
|
08
|
JavaScript 提示與選單
|
介紹提示與選向物件的反應互動程式範例
|
|
09 |
廣告輪播網頁 |
介紹定時自動轉換圖片、標題與超連結的網頁 |
|
10 |
簡易週曆製作 |
介紹時間函數的運用,以及如何將資料寫入表格中指定欄位的多種方式。 |
|
11 |
井字連線遊戲 |
介紹一個JavaScript版的XO井字連線遊戲程式 |
|
12
|
影像地圖物件 |
影像地圖物件的設計:點選一張圖的不同區域會有不同回應的程式。 |
|
13 |
猜數字遊戲 |
猜測四個不重複的阿拉伯數字的遊戲。 |
|
14 |
移動與拖曳網頁物件 |
介紹鍵盤與滑鼠事件程式基本動作,網頁物件的定位、移動與拖曳程式 |
|
15 |
打地鼠遊戲 |
網頁版的打地鼠程式 |
|
16 |
乒乓球遊戲 |
可移動球拍擊球在限定區域內彈跳的遊戲介面設計 |
|
17 |
飄雪特效 |
使用動態物件產生下雪的效果 |
|
18 |
射擊遊戲 |
介紹如何製作設計遊戲中可移動的槍枝和會飛的子彈 |
|
19 |
發射憤怒鳥 |
模仿憤怒鳥拉彈弓發射物體的程式動作 |
|
20 |
網頁畫布(繪圖)
|
介紹網頁畫布Canvas物件繪圖的功能,當然是使用JS寫繪圖程式啦!
|
|
21 |
網頁小畫家 |
介紹一個以Canvas為主製作的塗鴉程式→完成範例
|
|
22 |
動畫計時器 |
介紹一個使用Cavas繪圖功能製作的動畫計時器 |
|
23 |
五子棋介面 |
使用HTML5的繪圖功能製作一個可以下五子棋(或圍棋)的網頁介面 |
|
24 |
Google Maps網路地圖
|
介紹Google Maps網路地圖程式範例→資料來源網站
|
|
25 |
AJAX網頁通訊 |
介紹AJAX網頁通訊的核心程式範例。 |
|
26 |
動態顯示列表資訊 |
介紹已AJAX通訊取得資料,動態顯示列表資訊的JS程式 |
|
27 |
網頁記事本 |
介紹本地端儲存資料物件 localStorage的使用方式 |
|
28 |
JS影像處理基礎 |
|
|