1 以Web中的B/S三層結構為主線，為讀者建立一個清晰的Web編程與應用知識框架

2 以編者10多年的研發(fā)項目為背景，講解從CSS樣式設計、菜單實現(xiàn)、表單數(shù)據(jù)獲取和有效性驗證、網(wǎng)頁參數(shù)傳遞、網(wǎng)頁安全、服務端數(shù)據(jù)類型轉換、數(shù)組和文件操作、數(shù)據(jù)庫編程等110多段實用的程序代碼

3 采用“任務驅動”的編寫方式，精心設計例題和案例，每一個例題和案例都可以在實際的Web應用中找到應用，為實際Web編程提供借鑒

4 設計了150多道課后練習題，都是編者在實際Web開發(fā)中遇到的問題和難點。通過提出問題的方式，加深對所學知識點的理解

5 配套《Web程序設計實訓教程（第2版）》，方便讀者上機操作

6 提供課程網(wǎng)站（http://jcjy.sdu.edu.cn/或http://202.194.28.11/），免費下載相關教學資源（案例和程序源代碼、PPT電子教案、答疑解惑、經(jīng)典程序代碼集錦等），方便教學

  進入20世紀90年代以后，人們在享受互聯(lián)網(wǎng)給我們的工作和生活帶來無限便利的同時，Web技術也正在悄悄地影響和改變著我們的思維方式。在軟件開發(fā)和程序設計領域，Web程序設計正悄然興起，C/S結構的系統(tǒng)風光不再，B/S結構在市場競爭中已經(jīng)脫穎而出。現(xiàn)在，無論是企業(yè)的電子商務，還是政府辦公系統(tǒng)，可以說，80%以上的計算機應用都是基于Web的，使互聯(lián)網(wǎng)這個現(xiàn)代的通信平臺找到了最廣闊的應用市場。

  身處教育行業(yè)和IT行業(yè)兩重身份，一直對計算機軟件技術的發(fā)展非常關注，希望所教授的知識和社會的需求緊密相關，培養(yǎng)的學生既有扎實、寬厚、系統(tǒng)的基礎理論知識，又有優(yōu)秀的開發(fā)能力。理論和實踐的結合需要一個載體，對計算機軟件來說，項目是再好不過的載體了。在軟件項目的實施中，我們可以對相關的理論知識進行應用驗證；反過來，在軟件開發(fā)和應用中遇到的問題、難題，又推動了我們對理論問題的研究。

  科研和教學就是這樣地相輔相承，項目作為一種結合點，推動著科研和教學水平的不斷提高。從2001年開始，我們開始基于B/S三層架構的軟件開發(fā)工作，開發(fā)領域主要是E-learning，虛擬實驗室，還有一些通用的管理系統(tǒng)，例如會議管理、論文管理、作業(yè)管理等。在這些Web應用的開發(fā)中，遇到了許許多多的問題，也積累了很多的經(jīng)驗，有很多的體會。我們不斷地將開發(fā)和研究中的體會，在通過大學講臺和學生們交流和分享的同時，先后于2005年、2007年探索性地出版了《Web技術導論》和《Web開發(fā)技術》兩個版本的教材，書中的例題和案例大都來源于這些研發(fā)項目。

  對于每一位任課教師，或者是學習Web開發(fā)的學生來說，往往會對自己上網(wǎng)過程中見到的良好的網(wǎng)頁感興趣，會想到能夠借鑒其中的代碼，來提高自己的程序質(zhì)量，提高編程效率。這是每一個軟件開發(fā)人員在長期的職業(yè)生涯中養(yǎng)成的習慣，即使自己不再編程，也愿意收集一些程序代碼和編程寶典類的書籍，學習其中的編程技巧。這些也正是一些教科書中最缺乏的東西，才有了許多軟件公司人員的抱怨，說我們培養(yǎng)的學生不能編程。雖然市場上有許多專門的開發(fā)類書籍，但這些書籍的讀者對象通常是專業(yè)開發(fā)人員，并不適合于教學。因此，結合市場需求和教學的需要，在前兩本已出版的教材基礎上，減少了一些過時的技術內(nèi)容，增加了更多實用性技術、常用問題及代碼，形成本書。

  在本書中，我們把Web開發(fā)中最常用的一些實現(xiàn)代碼以例題或案例的形式寫出來，不但用以鞏固所學到的知識點，更重要的是為我們未來的軟件編程提供借鑒。本書共收集和講解了110多段非常有用的程序代碼，內(nèi)容涉及HTML中的頁面布局，CSS的設計和應用，Web中的彈出式菜單、樹形菜單的設計和不同的實現(xiàn)方法，表單數(shù)據(jù)的獲取，中文字符、email、用戶賬戶、整數(shù)、浮點數(shù)數(shù)字輸入的有效性驗證，數(shù)據(jù)之間的類型轉換，數(shù)組和集合類，頁面之間的參數(shù)傳遞，頁面安全，服務端的文件和文件夾操作，數(shù)據(jù)庫的訪問和操作，AJAX異步通信等各種各樣的實用代碼。

本書分成6章，主要內(nèi)容如下：

  第1章Web程序設計基礎。介紹了計算模式的演變，不同計算模式下的軟件開發(fā)問題。同時，對Web的工作機理、Java技術、XML技術、Web服務、SOA架構等相關技術，語義Web、Web 2.0等的新進展進行了概要性介紹。

  第2章 Web程序及運行環(huán)境。講解了Web應用及其基本結構，對Web應用的運行環(huán)境進行了詳細講解。圍繞Java技術，介紹了Java、Tomcat應用服務器的安裝和配置。重點講解了Web應用的規(guī)劃和部署。

  第3章 標記語言和HTML基礎。標記語言是Web應用開發(fā)的基礎，它是Web應用界面的實現(xiàn)手段。本章首先介紹了標記語言的概念，然后詳細介紹了HTML標記語言的語法，對css技術進行了深入講解，并安排了大量的例子解釋每種元素的含義和使用。

  第4章 網(wǎng)頁設計與制作。網(wǎng)頁作為Web應用的主要用戶界面，在HTML基礎上，加強了網(wǎng)頁設計的講解，包括：頁面功能與內(nèi)容設計、頁面布局設計、頁面視覺設計以及頁面效果設計等。本章還介紹了可視化制作工具FrontPage的使用。

  第5章 客戶端編程。首先講解了Web瀏覽器的基本工作原理，然后講解了客戶端腳本程序設計語言JavaScript、瀏覽器對象模型BOM、HTML文檔對象模型DOM、Web交互的內(nèi)容，并講解了AJAX技術。最后安排了四個綜合性案例，詳細講解JavaScript中的菜單實現(xiàn)、表單數(shù)據(jù)的有效性驗證、表單數(shù)據(jù)的處理、參數(shù)傳遞以及頁面安全性等問題。這些綜合案例中包含了大量的Web開發(fā)中所需要的代碼，都來源于我們具體的研發(fā)項目，相信通過這些案例的學習，會大大提高編程人員的Web開發(fā)能力和代碼質(zhì)量。

  第6章 服務端編程。首先介紹了B/S三層結構的概念，然后簡單講解了Java程序設計語言基礎，介紹了Java技術的特點、類與對象、接口、包等基本概念，介紹了Java Applet、JavaBean、Servlet服務器程序的概念，這些概念是開展基于Java技術的服務端編程的基礎。

  本章的重點是JSP技術、數(shù)據(jù)庫編程以及MVC設計模式的講解。在JSP技術中，講解了JSP的語法、JSP中的數(shù)據(jù)類型及其轉換、JSP內(nèi)置對象、JSP中的參數(shù)傳遞方法等內(nèi)容。然后講解了服務端的數(shù)據(jù)庫編程，并給出了一個完整的案例。最后，講解了基于Ajax技術的在線聊天Web應用的整個開發(fā)過程，同時對常用的Java開發(fā)工具進行了介紹。

作為互聯(lián)網(wǎng)的用戶和Web技術的開發(fā)者和實踐者，同時，作為一個公司派的高校教師，希望這本書的知識結構和內(nèi)容對于您學習Web開發(fā)，進行Web編程能有所幫助。也希望其中的大量例子在您未來的Web開發(fā)中，為您的編程給以啟發(fā)，節(jié)省寶貴的時間。軟件開發(fā)是一個積累的過程，讓我們一起在這種積累中進步，來享受成功的樂趣。

  在本書寫作的過程中，非常感謝我的同事鞏裕偉老師、焦文江老師、楊興強老師、呂剛老師、闞錚老師和李蘊老師的工作和他們提出的良好建議，還要感謝我的學生蘇雪、常躍峰、崔旭、朱巖 、郝鳳杰、田容雨、尤鳳英、董穎等，他們都參與了我們許多項目的研發(fā)工作，編寫了大量的程序代碼，祝愿他們在以后的工作和生活中一切順利，祝愿他們?nèi)〉酶�大的成績。此外，還要感謝中國水利水電出版社的雷順加編審，在本書的策劃和寫作中，提出了很好的建議，特別是對編寫方式及習題的策劃，使得本書能夠更好地用于教學。

由于本書涉及的內(nèi)容非常廣泛，在深度和廣度上很難做到完美，同時，也由于作者本人的知識面和認識有限，書中錯誤和不足在所難免，敬請各位同行和廣大讀者批評指正。

作者Email：hxw@sdu.edu.cn

前言
第1章  Web程序設計基礎 1
1.1  計算模式與程序設計模式的演變 1
1.1.1  單機運行與集中式計算模式 1
1.1.2  客戶/服務器（C/S）計算模式 2
1.1.3  瀏覽器/服務器（B/S）計算模式 2
1.1.4  軟件設計與開發(fā)模式的演化 4
1.2  Web及其工作原理 5
1.2.1  什么是Web 5
1.2.2  Web的工作原理 6
1.2.3  Web瀏覽器 6
1.2.4  Web服務器 7
1.3  Web相關技術 7
1.3.1  概念及術語 7
1.3.2  Java技術 8
1.3.3  XML技術 10
1.3.4  Web服務 12
1.4  Web發(fā)展趨勢 13
1.4.1  Web 2.0 13
1.4.2  語義Web 14
本章小結 16
習題1 16
第2章  Web程序及運行環(huán)境 18
2.1  Web應用及基本結構 18
2.1.1  傳統(tǒng)程序與軟件開發(fā) 18
2.1.2  Web應用的基本結構 19
2.2  操作系統(tǒng)與Web服務器 21
2.2.1  Web服務器 21
2.2.2  主流Web服務器簡介 21
2.3  基于Java的Web應用運行環(huán)境 23
2.3.1  Apache服務器的作用和功能 23
2.3.2  Tomcat應用服務器的作用和功能 23
2.4  Tomcat的安裝和配置 24
2.4.1  Servlet/JSP規(guī)范 24
2.4.2  安裝Java運行環(huán)境 24
2.4.3  Tomcat的安裝和配置 29
2.4.4  建立并部署Web應用 35
2.4.5  使用虛擬目錄 39
2.5  Web應用的規(guī)劃與運行 40
2.5.1  規(guī)劃Web應用 40
2.5.2  Web應用的運行 41
本章小結 41
習題2 42
第3章  標記語言HTML基礎 43
3.1  標記語言及其發(fā)展 43
3.1.1  標準通用標記語言SGML 44
3.1.2  超文本標記語言HTML 44
3.1.3  可擴展HTML規(guī)范XHTML 45
3.1.4  可擴展標記語言XML 45
3.2  HTML標記語言基礎 45
3.2.1  標記類型與標記屬性 46
3.2.2  文檔結構 46
3.3  文件頭標記及子標記 47
3.4  文件體標記及其屬性 49
3.5  文檔內(nèi)容常用標記 51
3.5.1  標題、段落與文本標記 51
3.5.2  圖像標記 52
3.5.3  超鏈接標記與書簽 53
3.5.4  影像地圖標記 54
3.5.5  表格 55
3.5.6  表單 57
3.5.7  其他標記 64
3.6  div標記與span標記 66
3.6.1  層次塊div標記 66
3.6.2  span標記 67
3.7  對象和腳本程序標記 68
3.8  層疊樣式表CSS技術 70
3.9  幀 76
3.10  其他相關技術 78
3.10.1  DHTML技術 78
3.10.2  SHTML技術 78
本章小結 79
習題3 79
第4章  網(wǎng)頁設計與制作 83
4.1  網(wǎng)頁設計基礎 83
4.1.1  頁面功能與內(nèi)容設計 83
4.1.2  頁面布局設計 84
4.1.3  頁面視覺設計 87
4.1.4  頁面效果設計 88
4.2  使用FrontPage 89
4.2.1  FrontPage主窗口 89
4.2.2  網(wǎng)站的新建與維護 90
4.2.3  新建網(wǎng)頁 92
4.3  網(wǎng)頁編輯 94
4.3.1  輸入文本內(nèi)容 94
4.3.2  插入圖片 95
4.3.3  建立超鏈接或書簽 96
4.3.4  圖像地圖 97
4.3.5  插入表格 98
4.3.6  插入表單 100
4.4  設置標記屬性 101
4.4.1  使用IntelliSense技術 102
4.4.2  使用行為面板 102
4.5  定義和使用樣式 103
4.5.1  定義樣式 103
4.5.2  使用樣式表文件 104
4.6  Frame框架和IFrame框架 104
4.6.1  Frame框架網(wǎng)頁 105
4.6.2  使用浮動框架IFrame 108
本章小結 111
習題4 111
第5章  客戶端編程 114
5.1  瀏覽器與客戶端腳本程序 114
5.1.1  瀏覽器與客戶端腳本引擎 115
5.1.2  腳本語言規(guī)范與主要的客戶端腳本語言 115
5.2  JavaScript程序設計基礎 117
5.2.1  JavaScript基本符號 117
5.2.2  數(shù)據(jù)和數(shù)據(jù)類型 118
5.2.3  常量和變量 119
5.2.4  表達式和運算符 120
5.2.5  基本語句 120
5.2.6  函數(shù) 124
5.3  事件驅動及事件處理 124
5.3.1  事件驅動的程序執(zhí)行過程 124
5.3.2  JavaScript中的常用事件 124
5.4  對象及其操作 126
5.4.1  類與對象的概念 126
5.4.2  對象的操作 127
5.5  常用內(nèi)部對象及函數(shù) 128
5.5.1  String對象 128
5.5.2  Math對象 131
5.5.3  Date對象 132
5.5.4  Array數(shù)組對象 135
5.5.5  預定義函數(shù) 136
5.6  JavaScript瀏覽器對象模型BOM 138
5.6.1  BOM層次結構 138
5.6.2  window對象 138
5.6.3  frames對象 143
5.6.4  location對象 144
5.6.5  history對象 144
5.6.6  screen對象 145
5.6.7  event對象 146
5.7  HTML文檔對象模型DOM 147
5.7.1  文檔對象模型DOM 147
5.7.2  HTML DOM對象 148
5.8  Web交互 155
5.8.1  使用form實現(xiàn)Web頁面的信息交互 155
5.8.2  使用frame實現(xiàn)更復雜的交互 164
5.9  使用AJAX技術 170
5.9.1  AJAX基礎 170
5.9.2  XMLHttpRequest對象 171
5.10  綜合舉例 173
5.10.1  創(chuàng)建折疊式菜單 174
5.10.2  創(chuàng)建樹形菜單 177
5.10.3  表單數(shù)據(jù)綜合處理 179
5.10.4  頁面之間參數(shù)傳遞 188
本章小結 195
習題5 196
第6章  服務端編程 199
6.1  B/S三層體系結構與Web服務器腳本程序 199
6.1.1  B/S三層體系結構 200
6.1.2  腳本引擎與服務端腳本程序 200
6.2  Java程序設計基礎 201
6.2.1  Java程序設計語言 202
6.2.2  類與對象 204
6.2.3  接口 211
6.2.4  包 212
6.2.5  Java基礎類庫 213
6.2.6  Java Applet 214
6.2.7  Servlet服務器程序 215
6.3  JavaBean 216
6.3.1  什么是JavaBean 216
6.3.2  JavaBean的屬性、方法和事件 216
6.4  JSP技術 218
6.4.1  JSP的運行環(huán)境 219
6.4.2  JSP的語法結構 220
6.4.3  JSP中的數(shù)據(jù)類型及其轉換 222
6.4.4  JSP內(nèi)置對象 224
6.4.5  在JSP中使用JavaBean 227
6.4.6  JSP中的文件與文件夾操作 229
6.4.7  JSP中的參數(shù)傳遞方法 231
6.5  JDBC與數(shù)據(jù)庫編程 232
6.5.1  JDBC接口 232
6.5.2  數(shù)據(jù)庫操作 234
6.5.3  舉例 235
6.6  綜合舉例??在線聊天程序 244
6.6.1  系統(tǒng)分析 244
6.6.2  客戶端設計 244
6.6.3  服務端設計 254
6.7  Java開發(fā)工具簡介 260
6.7.1  JDK 260
6.7.2  Sun NetBeans集成開發(fā)環(huán)境 261
6.7.3  Eclipse開發(fā)平臺 261
6.7.4  JBuilder開發(fā)環(huán)境 262
6.7.5  JDeveloper開發(fā)框架 262
本章小結 263
習題6 263
參考資料 265
 

1. Python程序設計案例教程（微課版） [主編　石利平　田輝平　余以勝]
2. Java面向對象程序設計 [主編 姜春磊 陳虹潔]
3. C語言程序設計實驗指導與實訓（第二版） [主編 倪燃]
4. Python程序設計及實踐教程 [肖朝暉]
5. C語言程序設計 [魏琴 劉祖珉 趙仕波 肖陽春]
6. C語言程序設計實驗教程 [張小剛 司春景]
7. 電氣控制與PLC程序設計（第二版） [胡冠山]
8. Java Web項目化設計實踐教程 [邱云 曾陳萍]
9. C語言程序設計（第三版） [主編 丁紅 王立新 蔡開立]
10. Python數(shù)據(jù)分析 [主編　馮志輝　趙磊　李放]
11. Python程序設計與應用（第二版） [主編 張廣淵]
12. C程序設計實踐教程 [劉衛(wèi)國]
13. C程序設計（慕課版） [劉衛(wèi)國]
14. Web技術開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
16. C++案例項目精講 [主編 楊國興]
17. SwiftUI完全開發(fā) [李智威 著]
18. MySQL數(shù)據(jù)庫項目式教程 [陳亞峰]
19. C語言程序設計習題與實驗指導（第二版） [主編 甄增榮 張賓]
20. C語言程序設計（第二版） [主編 甄增榮 田云霞]
21. Unity3D虛擬現(xiàn)實應用開發(fā)實踐 [主 編 劉龍]
22. Python程序設計 [主編 姜春磊 陳虹潔]
23. C語言程序設計實踐教程（活頁式） [主編 鄭茵 陳巍 滕泓虬]
24. 面向對象程序設計 [主編 張勇 張平華 趙小龍]
25. Java Web應用技術項目化教程 [黃日勝 方阿麗]
26. Python程序設計基礎及實戰(zhàn) [主編　劉健]
27. C語言程序設計 [姜雪]
28. Python程序設計實踐教程 [王鶴琴 蔡正保]
29. C++程序設計實踐教程（第三版） [主編 劉衛(wèi)國 曹岳輝]
30. C++程序設計（第三版） [主編 曹岳輝 劉衛(wèi)國]