Chapter 1  網頁入門須知

教學投影片

課後重點整理

課後評量      

Chapter 2  網站規劃技巧

教學投影片

課後重點整理

課後評量      

Chapter 3  認識網頁常見檔案格式

教學投影片

課後重點整理

課後評量      

Chapter 5 HTML入門

教學投影片

課後重點整理

課後評量      

Chapter 6  文字變化與排版技巧

教學投影片

ch06_01.htm   程式碼

ch06_02.htm   程式碼

ch06_03.htm   程式碼

ch06_04.htm   程式碼

ch06_05.htm   程式碼

ch06_06.htm   程式碼

ch06_07.htm   程式碼

ch06_08.htm   程式碼

ch06_09.htm   程式碼

ch06_10.htm   程式碼

ch06_11.htm   程式碼

ch06_12.htm   程式碼

課後重點整理

課後評量

文字是否顯示  程式碼

指定文字大小    程式碼

指定文字顏色 程式碼

文字區域顏色    程式碼

文字區域背景 程式碼

文字區域位置   程式碼

中英文輸入模式設定 程式碼

 

 

 

Chapter 7  圖片的處理

教學投影片

ch07_01.htm   程式碼

ch07_02.htm   程式碼

ch07_03.htm   程式碼

ch07_04.htm   程式碼

ch07_05.htm   程式碼

ch07_06.htm   程式碼

ch07_07.htm   程式碼

ch07_08.htm   程式碼

課後重點整理

課後評量

圖片縮放   程式碼

圖片替換   程式碼

定時圖片替換   程式碼

圖片顯示/消失   程式碼

圖片透明度   程式碼

圖片位置   程式碼

隨日期更換圖片  程式碼

網頁背景色變更   程式碼

文字色彩的變更  程式碼

影像地圖   壓縮檔

Chapter 8  表格的運用

教學投影片

ch08_01.htm   程式碼

ch08_02.htm   程式碼

ch08_03.htm   程式碼

ch08_04.htm   程式碼

ch08_05.htm   程式碼

ch08_06.htm   程式碼

ch08_07.htm   程式碼

ch08_08.htm   程式碼

ch08_09.htm   程式碼

ch08_10.htm   程式碼

ch08_11.htm   程式碼

ch08_12.htm   程式碼

ch08_13.htm   程式碼

ch08_14.htm   程式碼

ch08_15.htm   程式碼
ch08_16.htm   程式碼

課後重點整理

課後評量 JavaScript九九乘法表   程式碼

 

Chapter 9 建立超連結

教學投影片

課後重點整理

課後評量

ch09_01.htm   程式碼

ch09_02.htm   程式碼

ch09_03.htm   程式碼

Chapter 11 框架的使用

教學投影片

課後重點整理

課後評量

ch11_01.htm   程式碼

ch11_01_a.htm   程式碼

ch11_01_b.htm   程式碼

ch11_02.htm   程式碼

ch11_03.htm   程式碼

ch11_04.htm   程式碼

ch11_05.htm   程式碼

ch11_06.htm   程式碼

ch11_07.htm   程式碼

ch11_08.htm   程式碼

ch11_08_left.htm   程式碼

ch11_09.htm   程式碼

ch11_09_left.htm   程式碼

ch11_10.htm   程式碼

ch11_10_left.htm   程式碼

ch11_10_top.htm   程式碼

ch11_10_bottom.htm   程式碼

ch11_11.htm   程式碼

ch11_11_a.htm   程式碼

ch11_11_b.htm   程式碼

ch11_11_c.htm   程式碼

ch11_11_d.htm   程式碼

ch11_12.htm   程式碼

Chapter 12  多媒體素材的應用

教學投影片

課後重點整理

課後評量 ch12_01.htm   程式碼 ch12_02.htm   程式碼 ch12_03.htm   程式碼

ch12_04.htm   程式碼

ch12_05.htm   程式碼 ch12_06.htm   程式碼 ch12_07.htm   程式碼  

影片播放   程式碼

聲音播放   程式碼

最新消息跑馬燈   程式碼 定時顯示訊息  程式碼 隨機廣告   程式碼

Chapter 13 表單的設計與應用

教學投影片

課後重點整理

課後評量 ch13_01.htm   程式碼 ch13_02.htm   程式碼 ch13_03.htm   程式碼

ch13_04.htm   程式碼

ch13_05.htm   程式碼 JavaScript表單範例 RockPaperScissor  壓縮檔   最終版

表單與框架(1)  壓縮檔

表單與框架(2)  壓縮檔

神奇寶貝賽跑  壓縮檔    

Chapter 14 特殊標記的應用

教學投影片

課後重點整理

課後評量 ch14_01.htm   程式碼 ch14_02.htm   程式碼 ch14_03.htm   程式碼

ch14_04.htm   程式碼

ch14_05.htm   程式碼  

Chapter 16 認識CSS樣式表

教學投影片

課後重點整理

課後評量 ch16_01.htm   程式碼 ch16_02.htm   程式碼 ch16_03.htm   程式碼

ch16_04.htm   程式碼

ch16_05.htm   程式碼 ch16_06.htm   程式碼 ch16_07.htm   程式碼

Chapter 17 CSS基本語法

教學投影片

課後重點整理(缺)

課後評量 ch17_01.htm   程式碼 ch17_02.htm   程式碼 ch17_03.htm   程式碼

ch17_04.htm   程式碼

ch17_05.htm   程式碼 ch17_06.htm   程式碼 ch17_07.htm   程式碼

Chapter 18 CSS排版技巧

教學投影片

課後重點整理

課後評量 ch18_01.htm   程式碼 ch18_02.htm   程式碼 ch18_03.htm   程式碼

ch18_04.htm   程式碼

ch18_05.htm   程式碼 ch18_06.htm   程式碼 ch18_07.htm   程式碼 ch18_08.htm   程式碼
ch18_09.htm   程式碼        

Chapter 19 CSS濾鏡特效

教學投影片

課後重點整理

課後評量 ch19_01.htm   程式碼 ch19_02.htm   程式碼 ch19_03.htm   程式碼

ch19_04.htm   程式碼

ch19_05.htm   程式碼 ch19_06.htm   程式碼 ch19_07.htm   程式碼 ch19_08.htm   程式碼
ch19_09.htm   程式碼 ch19_10.htm   程式碼      

Chapter 20 CSS搭配JavaScript

教學投影片

課後重點整理

課後評量 ch20_01.htm   程式碼 ch20_02.htm   程式碼 ch20_03.htm   程式碼

ch20_04.htm   程式碼

     

Chapter 22 認識DHTML技術

教學投影片

課後重點整理

課後評量 ch22_01.htm   程式碼 ch22_02.htm   程式碼 ch22_03.htm   程式碼

綜合實作

綜合實作(一)     壓縮檔 綜合實作(二)     壓縮檔 綜合實作(三)     壓縮檔

首頁範例

Ex1      source

Ex2      source

Ex3      source

Ex4      source

Ex5      source

Ex6      source

Ex7      source

Ex8      source

Ex9      source

Ex10     source

Ex11     source

Ex12     source

 

 

 

CuteFtp試用版     壓縮軟體

 Double DroupDrownList