網頁設計與JavaScript範例教材

自序

以前的人遇到問題、或找不到路，都需要請教親朋好友或路人，現在因為手機與網路非常普及與方便，每個人遇到問題、或迷路的解決方案已經改變，通通是先問『谷哥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