本書按照循序漸進、從簡到繁、從基礎到提高、理論與應用結合、緊跟時代新技術原則,全面深入闡述了Web網頁與網站、靜態(tài)網頁制作、網頁圖形圖像、網頁網站設計、動態(tài)網頁與數據庫技術、動態(tài)網站應用開發(fā)等內容。具體包括HTML網頁基礎、HTML 5新技術、CSS樣式表技術、用Dreamweaver工具設計開發(fā)網頁網站、用Fireworks制作網頁圖形圖像、Web網頁網站的規(guī)則與設計、JavaScript語言與行為、jQuery基礎、ASP動態(tài)網頁基礎、ASP動態(tài)網頁數據庫技術和Web動態(tài)網站設計開發(fā)實例等,并為讀者提供了書中所有源程序和電子課件(請登錄華中科技大學出版社網站http://press.hust.edu.cn上查詢、下載),書中所有代碼都經作者認真調試通過。本書可作為高等院校計算機、教育技術、信息類專業(yè)和電子商務等專業(yè)網頁網站、Web設計開發(fā)及相關課程的教材或參考書,也可供專業(yè)網站設計和開發(fā)人員參考。
本書由具有豐富教學經驗的一線教師編寫,是一本可淺可深、比較全面、通俗易懂、實戰(zhàn)性強、融合了*新技術的網頁制作與網站開發(fā)教材。新版的網頁制作與網站設計將更新穎、更實用、更流暢,前后聯系更密切。
前 言網站是Internet的信息發(fā)布平臺,Web網頁是網站組織信息的主要形式。網頁制作與網站設計是計算機專業(yè)、教育技術專業(yè)、信息類專業(yè)和電子商務等專業(yè)學生應該掌握的一項基本技能。本書是一本滿足高等院校教學和自修人員需要,從基礎到提高、從理論到應用有機結合的網頁制作與網站設計教材。本書自第一版出版以來,得到了廣大高校師生和自修人員的大力支持和青睞,F根據網頁與網站的新形勢和讀者們的要求,對本書進行了新改版。新版在保留原書優(yōu)點的基礎上,刪除了一些過時的內容,在新開發(fā)環(huán)境(Windows 10、Dreamweaver CS6、Fireworks CS6和新版瀏覽器)重新開發(fā)調試所有案例,增加了HTML 5、jQuery等新技術,增添了具有實戰(zhàn)意義的動態(tài)網站案例,如在線測試與自動評分系統、在線留言動態(tài)管理平臺等。全書共分為8章,按照循序漸進、突出重點、難易適當、結合實例講技術的方法,系統介紹了Web網頁與網站基礎、使用網頁工具制作靜態(tài)網頁、網頁圖形與圖像處理、網站網頁規(guī)劃與設計、JavaScript語言與行為、ASP動態(tài)網頁基礎、ASP動態(tài)網頁數據庫技術和Web動態(tài)網站設計開發(fā)實例。書中的實例都經過了作者認真調試并通過。書中所有源代碼文件和電子課件,可在華中科技大學出版社網站(http://press.hust.edu.cn)查找、下載。本書由湖南第一師范學院陽西述教授主編,副主編分別是衡陽師范學院梁小滿教授、長沙民政職業(yè)技術學院郭廣軍教授、湖南機電職業(yè)技術學院陳娟教授、湖南警察學院肖自紅老師、吉首大學黃益民老師,以及湖南第一師范學院姜華老師、黃邵老師、周端鋒老師和武漢大學何明貴老師。所有作者都是長期工作在教學第一線、具有豐富經驗的老師。本書是國家社科基金項目青少年網絡文明話語引導機制研究(19BYY073)的成果。感謝華中科技大學出版社、高等院校計算機系列教材編委會、各參編作者及所在單位和老師對本教材的支持,感謝各位讀者對本教材的支持。網站網頁規(guī)劃與設計實例中,采用了各類較典型的網站布局截圖,就不一一列舉了,在此一并表示感謝!書中缺點及不足之處,懇請批評指正。 作 者 2022年10月于長沙
參與了多項省級、校級科研項目和教改課題.的研究. 研究概況 研究領域包含網絡工程與安全、虛擬現實、并行計算! 【W絡工程與安全方面,考取了H3C高級網絡工程師、北郵網絡安全工程師;是湖南第一師范學院新校區(qū)校園網絡工程規(guī)劃與設計的主要成員,對校園網絡配置與優(yōu)化進行了一些有益探索;對網絡安全、服務器安全以及網頁網站等技術也有所研究,并應用于實踐;主編了《網頁制作與網站設計》、《計算機網絡》教材,教材應用評價良好!
第1章 Web網頁與網站基礎 1
1.1 WWW簡介 1
1.2 Web網頁與網站的關系 2
1.3 Web靜態(tài)網頁與動態(tài)網頁 3
1.4 HTML靜態(tài)網頁技術 4
1.4.1 HTML簡介 4
1.4.2 HTML靜態(tài)網頁基本結構 5
1.4.3 網頁內的文字格式 6
1.4.4 分段換行、預格式與列表 8
1.4.5 媒體元素的插入 10
1.4.6 超鏈接的使用 12
1.4.7 表格的設計與使用 16
1.4.8 表單的設計與使用 18
1.4.9 網頁屬性的設置 24
1.4.10 HTML標簽分類 25
1.5 HTML 5基礎 26
1.5.1 HTML 5的優(yōu)勢 26
1.5.2 HTML 5基本格式與新標簽 27
1.6 CSS基礎 34
1.6.1 CSS的定義 34
1.6.2 在網頁里應用CSS 40
1.6.3 CSS文件 41
1.6.4 其他樣式應用 44
1.7 網站建設與管理的步驟 46
【練習一】 48
【實驗一】用HTML和CSS制作含多個靜態(tài)網頁的個人網站 48
第2章 使用網頁工具制作靜態(tài)網頁 50
2.1 Dreamweaver入門 51
2.1.1 Dreamweaver CS6的界面 51
2.1.2 建立本地站點 55
2.1.3 新建HTML網頁 56
2.2 文本編排與CSS樣式 58
2.2.1 文本輸入及HTML屬性 58
2.2.2 CSS樣式的創(chuàng)建與應用 59
2.2.3 CSS樣式表文件 64
2.3 插入圖像、動畫與媒體元素 68
2.3.1 插入并編輯圖像 68
2.3.2 插入動畫和其他媒體元素 72
2.4 插入超鏈接 73
2.5 網頁表格 75
2.5.1 插入表格 76
2.5.2 編輯表格 77
2.5.3 表格中應用CSS樣式 80
2.5.4 使用表格布局網頁 82
2.6 使用表單 83
2.6.1 插入表單和表單對象 84
2.6.2 表單應用示例 86
2.7 層的使用 88
2.7.1 在網頁中插入層 88
2.7.2 表格和層的相互嵌套 89
2.7.3 使用層和ID樣式布局頁面 91
2.8 使用浮動框架布局網頁 93
【練習二】 98
【實驗二】 投票系統外觀設計 99
第3章 網頁圖形與圖像處理 100
3.1 Fireworks基礎 100
3.1.1 Fireworks CS6的新功能 100
3.1.2 Fireworks CS6的安裝、啟動與退出 101
3.1.3 Fireworks CS6的界面 102
3.1.4 創(chuàng)建Fireworks文件 106
3.2 圖形的繪制與編輯 107
3.2.1 繪圖工具簡介 107
3.2.2 基本圖形繪制與變形 108
3.2.3 層與蒙板 120
3.2.4 按鈕與動畫 124
3.3 圖像處理 131
3.3.1 圖像選擇與修飾 131
3.3.2 濾鏡效果應用 136
3.3.3 特效與樣式使用 141
3.3.4 圖像合成 143
3.4 圖像的優(yōu)化與導出 147
3.4.1 圖像的優(yōu)化 147
3.4.2 圖像的導出 150
【練習三】 152
【實驗三】 網頁圖形與圖像處理實驗 153
第4章 網站網頁規(guī)劃與設計 154
4.1 網站的欄目規(guī)劃 154
4.1.1 網站的邏輯結構 154
4.1.2 欄目規(guī)劃 156
4.1.3 欄目規(guī)劃舉例 159
4.2 網站的目錄結構設計 160
4.2.1 目錄結構設計原則 161
4.2.2 目錄結構設計舉例 162
4.3 網站的風格設計 163
4.3.1 顏色搭配基礎 163
4.3.2 版面布局設計 168
4.4 網頁設計實踐 173
4.4.1 從Dreamweaver到Fireworks設計網頁 173
4.4.2 從Fireworks到Dreamweaver設計網頁 177
4.5 網站導航設計 182
4.5.1 導航的實現方法 182
4.5.2 導航的設計策略 186
【練習四】 186
【實驗四】 個人網站網頁的規(guī)劃與設計 186
第5章 JavaScript語言與行為 187
5.1 JavaScript簡介 187
5.1.1 插入JavaScript腳本的方式 187
5.1.2 JavaScript語法基礎 191
5.1.3 JavaScript事件 197
5.2 JavaScript對象 201
5.2.1 JavaScript內置對象 202
5.2.2 瀏覽器對象 207
5.3 行為 216
5.3.1 行為概述 216
5.3.2 可視化編輯行為 217
5.4 jQuery基礎 227
5.4.1 jQuery概述 227
5.4.2 jQuery語法基礎 227
5.4.3 jQuery簡單應用 232
【練習五】 241
【實驗五】下拉式導航菜單的設計 241
第6章 ASP動態(tài)網頁基礎 242
6.1 ASP入門 242
6.1.1 ASP概述 242
6.1.2 WWW服務器環(huán)境配置與ASP網頁調試 244
6.2 VBScript腳本語言 248
6.2.1 VBScript的數據類型、常量、變量與數組 248
6.2.2 VBScript運算符與內置函數 251
6.2.3 VBScript的控制結構 257
6.2.4 VBScript過程和函數 261
6.3 ASP內置對象及應用 267
6.3.1 Response對象 268
6.3.2 Request對象 272
6.3.3 Session對象 281
6.3.4 Server對象 283
6.3.5 Application對象 285
6.3.6 靜態(tài)題目在線測試與自動評分應用 287
【練習六】 291
【實驗六】 ASP網頁編程基礎實驗 291
第7章 ASP動態(tài)網頁數據庫技術 293
7.1 數據庫基礎知識 293
7.1.1 數據庫基本概念 293
7.1.2 建立Access數據庫 294
7.2 SQL語言基礎 298
7.3 ASP訪問數據庫 301
7.3.1 ADO組件對象簡介 302
7.3.2 Connection對象及應用 303
7.3.3 Recordset對象及應用 308
7.3.4 Field對象和Fields集合的應用 326
7.4 ASP動態(tài)網頁數據庫技術應用基礎 328
7.4.1 ASP動態(tài)添加、刪除記錄 328
7.4.2 用戶注冊、登錄與退出系統 334
【練習七】 340
【實驗七】 ASP動態(tài)網頁數據庫實驗 341
第8章 Web動態(tài)網站設計開發(fā)實例 342
8.1 Web動態(tài)網站設計開發(fā)一般步驟 342
8.2 在線測試與自動評分系統設計開發(fā) 344
8.2.1 在線測試自動評分系統需求分析 344
8.2.2 在線測試與自動評分系統數據庫設計 346
8.2.3 在線測試自動評分系統靜態(tài)結構設計 347
8.2.4 在線測試自動評分系統動態(tài)設計開發(fā) 354
8.3 網絡留言與管理平臺設計開發(fā) 368
8.3.1 網絡留言與管理平臺需求分析 368
8.3.2 網絡留言與管理平臺數據庫設計 369
8.3.3 網絡留言與管理平臺靜態(tài)結構設計 370
8.3.4 網絡留言與管理平臺動態(tài)設計開發(fā) 376
8.4 Web動態(tài)新聞網站平臺設計開發(fā) 395
8.4.1 動態(tài)新聞網站需求分析 395
8.4.2 動態(tài)新聞網站數據庫設計 396
8.4.3 新聞網站各網頁靜態(tài)結構設計 397
8.4.4 ASP新聞網站動態(tài)設計開發(fā) 399
【練習八】 418
【實驗八】 Web動態(tài)網站設計開發(fā)實驗 419
參考文獻 420