自序

以前的人遇到問題、或找不到路，都需要請教親朋好友或路人，現在因為手機與網路非常普及與方便，每個人遇到問題、或迷路的解決方案已經改變，通通是先問『谷哥Google』，『谷哥』之所以強，就是有非常強的網頁編輯查詢技術，可以在雲端找出類似的問題與解答。也就是我們公司與個人的行銷方式也要跟著改變，能將個人或公司的成果製作網站，放在網際網路，已是現代人必備的基本技能。其次，基本的網頁設計其實使用Word、HTML、CSS 就足夠，這在本書前3 單元介紹，但以目前電腦的強大功能，電腦所提供的服務已經不在是過去圖書館式的靜態資料，而是要針對不同客戶不同的需求、提供不同的服務，這就需要使用JavaScript 來解析與服務，所以乃興起編輯一本『網頁設計與JavaScript 範例教材』，透過自己30 年的程式設計教學經驗，寫出一連串的範例，希望透過這些循序漸進範例，引導使用者逐一學習這些指令與方法，並進而實現一些專題製作，將自己所學的程式設計功力，直接展示在網際網路上，行銷自己或自己的公司。基於以上理念，本書特色如下：

1. 內容豐富。本書共24 個單元、涵蓋HTML、CSS、JavaScript基本輸出入、決策、迴圈、陣列、繪圖、動畫、jQuery、物件導向、檔案、遊戲專題製作等單元。

2. 程式來龍去脈很清楚。大部分的電腦書都是文字敘述完，就跑出一長串程式，讀者根本喘不過氣。本書則是一面說明、一面寫程式，所以程式的來龍去脈特別清楚。

3. 具有充分的範例。本書使用大量範例闡述程式指令與運算思維，學生觀摩這些範例，自然能實現自己的需求。

4. 充分的自我練習。學程式設計不是一直聽老師解說，而是需要不斷練習，不斷練習自己排除錯誤，所以本書想出很多與範例非常相近的自我練習讓學生練習，希望老師一定要放手

讓學生作，學生也不要指望老師幫您解答，只有不斷練習才會進步；也不要認為前面簡單就不作，因為這樣您不會基本除錯。短時間作不出來也不要氣餒，反覆思考就會有靈感。

5. 跨領域教學。程式設計已經不是資訊科技老師的私有領域，它已經是所有學生、所有老師的工具。例如：本書中的簡易程式可以快速計算出高中數學複雜的運算；書中也以英文電

腦輔助測驗為例，我們寫出填充題、選擇題、默寫輔助、各科老師只要學習一點簡單程式設計，就可以改寫程式應用在自己的教學領域。

6. 字體適中。體認老師因長年不斷教學準備，眼睛大多老花了，所以本公司不惜成本，將字體放大，希望能減輕老師的負擔。

其次，這本書由我高師大程式設計啟蒙老師，也是一路指導與提攜的溫嘉榮教授策劃、指導與審定，溫老師也提供很多大學生程式設計的瓶頸與困境、及很多程式設計的運算思維與基本素養，經過不斷的討論與修訂，相信本書非常適合作為中學生、大學生的JavaScript 範例教材。

最後也感謝施純協教授無償提供創易書院，當作泉勝出版公司在台北辦理教師研習的場地，每場研習施教授更無私分享『易經與人工智慧』，也認同小弟自力分享教學心得，希望每位老師都能快樂廣栽桃李到六五的理念，所以寫前頁序言推薦本書，在此致謝。

洪國勝2020/07/01 僅序於彰化竹塘

www.goodbooks.com.tw

www.goodbooks.idv.tw

自序

以前的人遇到問題、或找不到路，都需要請教親朋好友或路人，現在因為手機與網路非常普及與方便，每個人遇到問題、或迷路的解決方案已經改變，通通是先問『谷哥Google』，『谷哥』之所以強，就是有非常強的網頁編輯查詢技術，可以在雲端找出類似的問題與解答。也就是我們公司與個人的行銷方式也要跟著改變，能將個人或公司的成果製作網站，放在網際網路，已是現代人必備的基本技能。其次，基本的網頁設計其實使用Word、HTML、CSS 就足夠，這在本書前3 單元介紹，但以目前電腦的強大功能，電腦所提供的服務已經不在是過去圖書館式的靜...

第一篇基礎靜態網頁設計
第1單元 使用Word
第2單元 HTML
第3單元 CSS
第二篇 動態網頁設計─使用JavaScript
第4單元 基本輸出入
第5單元 基本語法
第6單元 決策
第7單元 迴圈
第8單元 陣列
第9單元 方法
第10單元 數值
第11單元 字串
第12單元 時間
第13單元 事件
第14單元 如何動態修改HTML標籤
第15單元 進階輸出入
第三篇JavaScript動態網頁專題製作
第16單元 十點半遊戲
第17單元 梭哈遊戲
第18單元 超級記憶卡遊戲
第19單元 jQUERY .
第20單元 物件導向程式設計
第21單元 繪圖
第22單元 動畫
第23 單元 貪食蛇遊戲
第24單元 檔案
更多的部分內容，請看泉勝網站(www.goodbooks.com.tw)

第一篇基礎靜態網頁設計
第1單元 使用Word
第2單元 HTML
第3單元 CSS
第二篇 動態網頁設計─使用JavaScript
第4單元 基本輸出入
第5單元 基本語法
第6單元 決策
第7單元 迴圈
第8單元 陣列
第9單元 方法
第10單元 數值
第11單元 字串
第12單元 時間
第13單元 事件
第14單元 如何動態修改HTML標籤
第15單元 進階輸出入
第三篇JavaScript動態網頁專題製作
第16單元 十點半遊戲
第17單元 梭哈遊戲
第18單元 超級記憶卡遊戲
第19單元 jQUERY .
第20單元 物件導向程式設計
第21單元 繪圖
第22單元 動...