動態網頁設計

本書結合HTML、CSS，以及JavaScript，同時透過最普及的Visual Studio平台為實作工具，從零開始帶你動手建構自己的「動態網頁」。內容主要分為兩個部分：編程的背景知識與範例，包括編程環境、語法、函數、程序、物件、除錯，以及延伸的應用。另外，本書搭配圖示及步驟說明，以實用、有效的方式，讓你用最短的時間掌握 DHTML 的基礎。

目次：
第一章　先備編程環境與知識
第二章　用記事本設計我的第一個網頁
第三章　MyGoogle 瀏覽器
第四章 我的部落格
第五章　MyShop
第六章　會員註冊網頁
第七章　報修與回饋單

劉妘鑏
福建工程學院交通運輸學院智能科學與信管教研室講師。於2022年取得台灣東華大學資訊工程學系博士學位；2005年取得台灣亞洲大學資訊工程學系碩士學位。在產業界擔任程式設計師與資料庫管理師超過10年。有興趣的研究領域有：大數據、決策分析、區塊鏈，以及主動式資料庫。

著作：
1. Access 2003商業資料庫應用，松崗，2009。
2. 商業資料管理的利器：Access資料庫管理系統，松崗，2009。
3. 大數據的基本觀念與演算法，全華，2018。

記得某次為工作上的問題尋遍書海始終找不到滿意的參考資料，直到看到東海大學企管系陳耀茂教授的書籍，從此成為陳老師的書迷。他知道我一直想成為作家的夢想，所以某天陳老師鼓勵我可以寫一本書，於是《動態網頁設計》的雛型就漸漸的形成中。
我從生活與工作中發現瀏覽網頁是一項重要的行為，無論是查詢資料或網購都是。尤其近年來因為疫情的影響，更感受到網頁讓人們能不必出門，也能利用最小的代價就可以輕易地處理與配置日常生活所需。網頁的應用跨越了地域與時間的限制，更是傳承資訊與知識的主要方式，真是太有趣了。而網路與網頁的發展更帶領了全球科技與產業的變革，加上程式設計課程受到全球的重視，我就想基於電商的風行與產業的轉型，網頁設計或許是個不錯的主題。就在陳老師與五南圖書的協助下，這本書就誕生了。
本書主要以範例解說語法的方式呈現。每一個範例中皆包含觀念、語法與建構三個部分。利用的工具是可以免費使用的記事本與微軟的Visual Studio Community免費版本。內容從簡易的MyGoogle到商店的網頁，教你如何一步步利用與整合HTML、CSS與JavaScript，最終打造出自己專屬的網頁應用。本書是以圖解的方式呈現，並輔以步驟式的解說，相信你在閱讀加上動手實作之後也會是製作網頁的高手。

劉妘鑏

第一章 先備編程環境與知識
1.1 下載與安裝Visual Studio 2022
1.2 以Hello World!測試編程環境是否就緒
1.3 為什麼HTML要搭配CSS及JavaScript
1.4 什麼是DHTML？
1.5 網頁的架構與規則
1.6 HTML的發展歷程
1.7 HTML就是ASP嗎？

第二章 用記事本設計我的第一個網頁
2.1 建立資料表
2.2 HTML語法
2.3 補充語法
2.4 完整語法

第三章 MyGoogle瀏覽器
3.1 建立資料表
3.2 HTML語法
3.3 補充語法
3.4 完整語法

第四章 我的部落格
範例1：My Blog首頁
4.1 建立資料表
4.2 HTML語法
4.3 補充語法
4.4 完整語法
範例2：My Blog內頁
4.5 建立資料表
4.6 HTML語法
4.7 補充語法
4.8 完整語法

第五章 MyShop
範例1：My Shop首頁
5.1 建立資料表
5.2 HTML語法
5.3 補充語法
5.4 完整語法
範例2：My Blog內頁
5.5 建立資料表
5.6 HTML語法
5.7 補充語法
5.8 完整語法

第六章 會員註冊網頁
範例1：login首頁
6.1 建立資料表
6.2 HTML語法
6.3 補充語法
6.4 完整語法
範例2：註冊網頁
6.5 建立資料表
6.6 HTML語法
6.7 補充語法
6.8 完整語法

第七章 報修與回饋單
範例1：維修與回饋單首頁
7.1 建立資料表
7.2 HTML語法
7.3 補充語法
7.4 完整語法
範例2：負責人網頁
7.5 建立資料表
7.6 HTML語法
7.7 完整語法
範例3：本店地圖網頁
7.8 建立資料表
7.9 HTML語法
7.10 補充語法
7.11 完整語法
範例4：維修與回饋單
7.12 建立資料表
7.13 HTML語法
7.14 補充語法
7.15 完整語法