第一章 先備編程環境與知識

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 完整語法

序



　　記得某次為工作上的問題尋遍書海始終找不到滿意的參考資料，直到看到東海大學企管系陳耀茂教授的書籍，從此成為陳老師的書迷。他知道我一直想成為作家的夢想，所以某天陳老師鼓勵我可以寫一本書，於是《動態網頁設計》的雛型就漸漸的形成中。



　　我從生活與工作中發現瀏覽網頁是一項重要的行為，無論是查詢資料或網購都是。尤其近年來因為疫情的影響，更感受到網頁讓人們能不必出門，也能利用最小的代價就可以輕易地處理與配置日常生活所需。網頁的應用跨越了地域與時間的限制，更是傳承資訊與知識的主要方式，真是太有趣了。而網路與網頁的發展更帶領了全球科技與產業的變革，加上程式設計課程受到全球的重視，我就想基於電商的風行與產業的轉型，網頁設計或許是個不錯的主題。就在陳老師與五南圖書的協助下，這本書就誕生了。



　　本書主要以範例解說語法的方式呈現。每一個範例中皆包含觀念、語法與建構三個部分。利用的工具是可以免費使用的記事本與微軟的Visual Studio Community免費版本。內容從簡易的MyGoogle到商店的網頁，教你如何一步步利用與整合HTML、CSS與JavaScript，最終打造出自己專屬的網頁應用。本書是以圖解的方式呈現，並輔以步驟式的解說，相信你在閱讀加上動手實作之後也會是製作網頁的高手。