《網頁設計與制作教程（第3版）（高等學校計算機基礎教育教材精選）》是全面介紹網頁設計與制作技術的教程，以目前最流行的網頁設計軟件作為技術支持，系統地介紹了網頁的構思、規劃、制作和網站建設的全過程。本書分為兩篇共8章，并包括三個附錄。第1篇（第1～5章）是基礎篇，介紹了網頁制作基礎知識、HTML簡介、CSS基礎知識、網站建設概論和目前主流的網頁制作工具Dreamweaver CS5；第2篇（第6～8章）是提高篇，介紹了目前最主要的網頁布局方法CSS+Div、最常用的網頁制作輔助工具Photoshop CS5和Flash CS5；附錄中提供了實用的網頁特效源代碼和便捷的輔助設計小軟件及每章課后習題的參考答案。
全書構思清晰、結構合理、內容豐富、循序漸進，兼顧了入門和提高兩個層次，關注了每個軟件最常用和最實用的部分，特別注重實踐能力的培養，實用性、可操作性和可模仿性較強。此外，與本書配套的實驗指導、多媒體教學課件和網絡教學平臺等立體化的教學資源，可以幫助讀者在較短的時間內學會設計網頁的知識和掌握制作網站的技能，創建出自己喜愛的網站。
《網頁設計與制作教程（第3版）（高等學校計算機基礎教育教材精選）》可作為高等院校“網頁設計與制作”課程的教材和網頁制作培訓班的教材，也可作為網頁設計與制作愛好者的自學參考書。
網頁設計與制作教程（第3版）1. 本書第3版說明
本書的第1版和第2版至今已累積發行了10多萬冊，獲得了高校師生和社會讀者的一致好評，并被評為江西省普通高等學校優秀教材一等獎，第2版還被教育部評為普通高等教育“十一五”國家級規劃教材。與本書配套的多媒體教學課件也獲得了江西省高校優秀多媒體教學課件二等獎、第七屆全國多媒體課件大賽優秀獎。
隨著信息化的不斷深入，網頁設計技術也在不斷發展，網頁設計軟件不斷推陳出新，作者根據多年來的教學總結和讀者提出的建議，再次重新編寫了本套教材。本次改版主要對Dreamweaver部分的內容進行了優化，刪除了FrontPage和Fireworks的內容，大大增加了CSS方面的內容，以適應網頁設計技術發展的趨勢。該套教材包括兩冊：《網頁設計與制作教程》（第3版）為課堂教學教材，《網頁設計與制作實驗指導》（第3版）為實驗輔助教材。
2. 本書內容
本書是全面介紹網頁設計與制作技術的教程。書中由淺入深、系統地介紹了網頁的構思、規劃、制作和網站建設的全過程。全書分為兩篇（共8章）和三個附錄。
第1篇（第1～5章）是基礎篇，介紹網頁制作基礎知識、HTML簡介、CSS基礎知識、網站建設概論和目前主流的網頁制作工具Dreamweaver CS5。
第2篇（第6～8章）是提高篇，介紹目前最主要的網頁布局方法CSS+Div、最常用的網頁制作輔助工具Photoshop CS5和Flash CS5。
附錄中提供了非常實用的網頁特效源代碼和便捷的輔助設計小軟件及每章課后習題的參考答案。
3. 本書特點
本書的主要特點如下。
1) 實用
本書從基礎知識入手，挑選了網頁設計與制作技術中最基本、最實用的知識進行了詳細介紹，讀者無須任何基礎就可以在通俗易懂而又有趣的實例中學到設計網頁的知識和掌握制作網站的技能。
2) 精簡
本書按照教學規律精心設計了內容和結構，按照循序漸進、由易到難的原則進行了合理編排，從理論到方法，再從方法到實踐，重點突出了實例教學，并兼顧了入門和提高兩個層次。全書內容系統精練，例題具有代表性，語言簡單明了、通俗易懂。
3) 方便
本書每章后面均提供了大量的思考與練習題供讀者鞏固和延伸所學知識。與本書配套的《網頁設計與制作實驗指導》（第3版）、多媒體教學課件（在http://www.tup.com.cn下載）和網絡教學平臺（http://online.ncu.edu.cn/eol/homepage/course/course_index.jsp?_style=style_2_03andcourseId=5274），大大方便了老師的“教”與學生的“學”。
4. 本書編寫情況說明
本書各章內容主要由楊選輝編寫完成，其中谷艷紅參與編寫了本書第5、6、8章的部分內容，曾群、郭路生、李晚照、龔花萍、方玉鳳、葛偉、屈文建分別參與編寫了本書的第1、2、3、4、6、7章和附錄的部分內容，孫斌、趙瓏、郭曉虹、饒志華、敖建華、張婕鈺參與了本書2、3、5、6、7、8章部分案例的設計和編寫工作。全書由楊選輝擬定大綱和統稿。
本書得到了南昌大學教材出版項目的資助。
由于作者水平有限，書中難免有不足與錯誤之處，敬請讀者批評指正。
作者
2014年8月
第1篇基礎篇第1章網頁制作基礎知識2
1.1Internet的基礎知識2
1.1.1Internet簡介2
1.1.2Internet的發展歷程3
1.1.3中國Internet的發展4
1.1.4Internet的功能8
1.2萬維網的基礎知識10
1.2.1WWW簡介10
1.2.2HTTP和FTP協議12
1.2.3超鏈接和超文本13
1.2.4Internet地址13
1.2.5域名15
1.2.6URL16
1.3網頁與網站的基礎知識17
1.3.1網頁、網頁文件和網站17
1.3.2靜態網頁和動態網頁18
1.3.3網頁界面的構成18
1.3.4網站的分類19
1.3.5Web服務器和網頁瀏覽器20
1.3.6網站開發工具21
1.3.7網頁編程語言22
思考與練習23
第2章HTML簡介25
2.1HTML概述25
2.1.1HTML的發展歷程25
2.1.2一個簡單的HTML實例26
2.1.3HTML的基本概念27網頁設計與制作教程（第3版）目錄2.1.4HTML文檔的基本結構28
2.1.5HTML的基本語法規則29
2.2HTML的文本格式標記31
2.2.1標題文字標記31
2.2.2文字字體標記32
2.2.3文本修飾標記33
2.2.4段落標記33
2.2.5強制換行標記34
2.2.6插入水平線標記34
2.2.7預排格式標記35
2.2.8定位標記35
2.2.9列表標記37
2.2.10文字滾動標記39
2.3HTML的圖像與多媒體標記40
2.3.1圖像標記40
2.3.2背景聲音標記42
2.3.3多媒體標記42
2.4HTML的超鏈接標記43
2.5HTML的表格標記44
2.6HTML的表單標記47
2.7HTML的框架標記53
2.8HTML綜合實例57
思考與練習58
第3章CSS基礎知識62
3.1CSS概述62
3.1.1CSS與HTML的關系62
3.1.2CSS的優點62
3.1.3一個CSS的應用實例63
3.2CSS的基本語法64
3.2.1CSS的語法64
3.2.2CSS的語法規則65
3.3CSS的使用方法66
3.3.1行內式66
3.3.2嵌入式67
3.3.3鏈接式68
3.3.4導入式69
3.3.5引入方式的優先級69
3.4CSS選擇器70
3.4.1標記選擇器70
3.4.2類選擇器71
3.4.3ID選擇器72
3.4.4偽類選擇器74
3.4.5后代選擇器75
3.4.6通用選擇器75
3.4.7選擇器的集體聲明75
3.5CSS的層疊性77
3.6CSS的繼承性80
3.7CSS屬性的值和單位81
3.8應用CSS修飾網頁文本83
思考與練習87
第4章網站建設概論89
4.1網站建設的步驟89
4.1.1網站的規劃90
4.1.2網站的設計92
4.1.3網站的實現98
4.1.4網站的測試和發布98
4.1.5網站的推廣和維護101
4.2網站建設的原則104
4.3網頁的可視化設計概論108
4.3.1網頁的版面布局108
4.3.2網頁的色彩搭配115
4.3.3網頁的藝術設計119
4.3.4網頁的點、線、面的運用122
4.3.5網頁中文字和圖形的設計125
思考與練習128
第5章Dreamweaver CS5基礎知識130
5.1Dreamweaver CS5概述130
5.1.1初識Dreamweaver CS5130
5.1.2Dreamweaver CS5的工作界面130
5.2站點的創建和管理132
5.2.1創建本地站點132
5.2.2管理本地站點134
5.2.3管理本地站點中的文件134
5.3網頁文檔的基本操作135
5.3.1新建網頁135
5.3.2設置頁面屬性135
5.3.3保存、打開和預覽網頁140
5.4編輯與設置網頁文本141
5.4.1輸入普通文本141
5.4.2設置文本格式142
5.4.3插入其他元素145
5.4.4創建一個純文字頁面的實例147
5.5插入圖像150
5.5.1插入圖像150
5.5.2編輯圖像153
5.5.3插入其他圖像元素157
5.5.4創建添加圖像元素的頁面的實例158
5.6插入多媒體160
5.6.1插入Flash160
5.6.2插入音頻160
5.6.3插入視頻162
5.6.4創建添加多媒體元素的頁面的實例163
5.7創建超鏈接166
5.7.1創建文本鏈接166
5.7.2創建圖像鏈接167
5.7.3創建電子郵件鏈接168
5.7.4創建錨記鏈接169
5.7.5檢查與修復鏈接171
5.7.6創建添加超鏈接的頁面的實例172
5.8表格的使用173
5.8.1創建表格174
5.8.2選擇表格元素175
5.8.3表格的屬性設置176
5.8.4表格的基本操作177
5.8.5表格運用的實例180
5.8.6表格的布局功能182
5.8.7應用表格布局設計網頁的實例187
5.9框架的使用193
5.9.1創建框架193
5.9.2框架集和框架屬性的設置194
5.9.3在框架中設置鏈接196
5.9.4使用框架布局功能設計頁面的實例197
5.9.5嵌入式框架的應用方法201
5.10表單的使用205
5.10.1創建表單205
5.10.2添加表單元素206
5.10.3制作表單頁面的實例209
5.11模板的使用210
5.11.1模板的基本操作211
5.11.2模板的應用實例212
5.12行為的應用215
5.12.1行為的基本操作215
5.12.2常見的行為事件和行為動作215
5.12.3行為的應用實例218
5.13CSS樣式表的應用220
5.13.1CSS的基本操作220
5.13.2CSS的應用實例223
5.14AP Div的應用225
5.14.1AP Div的基本操作225
5.14.2AP Div的應用實例226
思考與練習229
第2篇提高篇
第6章CSS+Div網頁布局234
6.1盒子模型234
6.1.1盒子模型的屬性及設置234
6.1.2盒子模型的計算238
6.1.3盒子模型的應用舉例239
6.2普通流: display屬性240
6.2.1display的引入240
6.2.2display屬性的取值242
6.2.3display的應用舉例243
6.3浮動: float屬性244
6.3.1float屬性的取值245
6.3.2浮動的清除247
6.3.3float屬性的應用舉例248
6.4定位: position屬性249
6.4.1position屬性的取值249
6.4.2相對定位250
6.4.3絕對定位252
6.5CSS+Div布局255
6.5.1布局前的準備255
6.5.2常見的布局種類257
6.5.3布局實例一268
6.5.4布局實例二271
思考與練習281
第7章Photoshop CS5基礎知識284
7.1Photoshop CS5概述284
7.1.1圖形圖像的基本概念284
7.1.2Photoshop CS5的功能簡介286
7.1.3Photoshop CS5的工作界面287
7.2Photoshop CS5的文件操作289
7.2.1新建文件289
7.2.2打開文件291
7.2.3置入文件291
7.2.4保存文件291
7.2.5使用標尺、網格等輔助工具292
7.3圖像的基本操作292
7.3.1剪切、復制和粘貼292
7.3.2圖像的旋轉和變形293
7.3.3移動圖像296
7.3.4清除圖像296
7.3.5還原、重做與恢復操作296
7.4色彩和色調的調整297
7.4.1顏色的基本屬性297
7.4.2調整圖像色調298
7.4.3調整圖像色彩299
7.5Photoshop CS5的文字操作300
7.5.1文字的輸入300
7.5.2文字的編輯305
7.5.3文字的轉換306
7.6Photoshop CS5的選區操作308
7.6.1創建選區308
7.6.2編輯選區311
7.7Photoshop CS5的圖層操作312
7.7.1認識圖層和圖層面板312
7.7.2編輯和管理圖層313
7.7.3圖層混合模式的應用315
7.7.4圖層樣式的應用317
7.8Photoshop CS5中通道和蒙版的應用320
7.8.1認識通道321
7.8.2通道的應用322
7.8.3創建和編輯蒙版325
7.8.4蒙版的應用326
7.9Photoshop CS5中濾鏡的應用332
7.9.1濾鏡基礎知識332
7.9.2濾鏡的應用334
7.10Photoshop CS5網頁設計應用實例337
7.10.1設計Logo337
7.10.2設計Banner339
7.10.3設計字體343
7.10.4設計導航344
7.10.5設計主頁面347
7.10.6圖像合成350
7.10.7利用切片功能制作網頁351
思考與練習354
第8章Flash CS5基礎知識357
8.1Flash CS5概述357
8.1.1Flash動畫技術的特點357
8.1.2Flash動畫的應用358
8.1.3Flash CS5的界面介紹358
8.2Flash CS5的基本操作366
8.2.1Flash文檔的基本操作366
8.2.2Flash圖形的繪制和對象的編輯368
8.2.3Flash文本的創建和編輯374
8.3時間軸、幀和圖層376
8.3.1時間軸376
8.3.2幀377
8.3.3圖層379
8.4元件、實例和庫381
8.4.1元件381
8.4.2實例382
8.4.3庫384
8.5Flash動畫制作385
8.5.1Flash動畫的基礎知識385
8.5.2逐幀動畫387
8.5.3形狀補間動畫390
8.5.4動作補間動畫391
8.5.5引導層動畫395
8.5.6遮罩動畫398
8.5.7交互式動畫400
8.6Flash在網頁制作中的應用403
8.6.1利用Flash制作網站Logo403
8.6.2利用Flash制作網站Banner405
8.6.3利用Flash制作一個網站的首頁408
8.7Flash動畫的測試和發布412
8.7.1動畫的優化412
8.7.2動畫的測試413
8.7.3動畫的發布與導出414
思考與練習415
附錄A實用的網頁特效源代碼417
附錄B便捷的輔助設計小軟件424
附錄C思考與練習的參考答案428
參考文獻440
網頁設計與制作教程（第3版）1. 本書第3版說明
本書的第1版和第2版至今已累積發行了10多萬冊，獲得了高校師生和社會讀者的一致好評，并被評為江西省普通高等學校優秀教材一等獎，第2版還被教育部評為普通高等教育“十一五”國家級規劃教材。與本書配套的多媒體教學課件也獲得了江西省高校優秀多媒體教學課件二等獎、第七屆全國多媒體課件大賽優秀獎。
隨著信息化的不斷深入，網頁設計技術也在不斷發展，網頁設計軟件不斷推陳出新，作者根據多年來的教學總結和讀者提出的建議，再次重新編寫了本套教材。本次改版主要對Dreamweaver部分的內容進行了優化，刪除了FrontPage和Fireworks的內容，大大增加了CSS方面的內容，以適應網頁設計技術發展的趨勢。該套教材包括兩冊：《網頁設計與制作教程》（第3版）為課堂教學教材，《網頁設計與制作實驗指導》（第3版）為實驗輔助教材。
2. 本書內容
本書是全面介紹網頁設計與制作技術的教程。書中由淺入深、系統地介紹了網頁的構思、規劃、制作和網站建設的全過程。全書分為兩篇（共8章）和三個附錄。
第1篇（第1～5章）是基礎篇，介紹網頁制作基礎知識、HTML簡介、CSS基礎知識、網站建設概論和目前主流的網頁制作工具Dreamweaver CS5。
第2篇（第6～8章）是提高篇，介紹目前最主要的網頁布局方法CSS+Div、最常用的網頁制作輔助工具Photoshop CS5和Flash CS5。
附錄中提供了非常實用的網頁特效源代碼和便捷的輔助設計小軟件及每章課后習題的參考答案。
3. 本書特點
本書的主要特點如下。
1) 實用
本書從基礎知識入手，挑選了網頁設計與制作技術中最基本、最實用的知識進行了詳細介紹，讀者無須任何基礎就可以在通俗易懂而又有趣的實例中學到設計網頁的知識和掌握制作網站的技能。
2) 精簡
本書按照教學規律精心設計了內容和結構，按照循序漸進、由易到難的原則進行了合理編排，從理論到方法，再從方法到實踐，重點突出了實例教學，并兼顧了入門和提高兩個層次。全書內容系統精練，例題具有代表性，語言簡單明了、通俗易懂。
3) 方便
本書每章后面均提供了大量的思考與練習題供讀者鞏固和延伸所學知識。與本書配套的《網頁設計與制作實驗指導》（第3版）、多媒體教學課件（在http://www.tup.com.cn下載）和網絡教學平臺（http://online.ncu.edu.cn/eol/homepage/course/course_index.jsp?_style=style_2_03&courseId=5274），大大方便了老師的“教”與學生的“學”。
4. 本書編寫情況說明
本書各章內容主要由楊選輝編寫完成，其中谷艷紅參與編寫了本書第5、6、8章的部分內容，曾群、郭路生、李晚照、龔花萍、方玉鳳、葛偉、屈文建分別參與編寫了本書的第1、2、3、4、6、7章和附錄的部分內容，孫斌、趙瓏、郭曉虹、饒志華、敖建華、張婕鈺參與了本書2、3、5、6、7、8章部分案例的設計和編寫工作。全書由楊選輝擬定大綱和統稿。
本書得到了南昌大學教材出版項目的資助。
由于作者水平有限，書中難免有不足與錯誤之處，敬請讀者批評指正。
作者
2014年8月
新書資訊