網頁設計與製作教程（第4版）(2022年清華大學出版社出版的圖書)

《網頁設計與製作教程（第4版）》是2022年清華大學出版社出版的圖書，作者是楊選輝。

基本介紹

• 中文名：網頁設計與製作教程（第4版）
• 作者：楊選輝
• 出版社：清華大學出版社
• 出版時間：2022年10月1日
• 定價：69.90 元
• ISBN：9787302615071

內容簡介

本書是一本全面介紹網頁設計與製作技術的教程，以目前流行的網頁設計軟體作為技術支持，系統介紹網頁的構思、規劃、製作和網站建設的全過程。

本書共10章。第1～7章面向入門層次，介紹網頁製作基礎知識、網站開發流程、HTML基礎知識、CSS基礎知識、網頁可視化設計、主流的網頁製作工具Dreamweaver CC 2019和網站賞析；第8～10章面向提高層次，介紹利用CSS修飾網頁元素、CSS盒子模型和Div+CSS布局技術；每章最後均提供形式多樣的思考與練習題。

本書構思清晰、結構合理、內容豐富、循序漸進，兼顧入門和提高兩個層次，關注開發環節最重要和最實用的部分，特別注重實踐能力的培養，實用性、可操作性和可模仿性較強，同時融入課程思政元素。此外，本書配套的多媒體教學課件可以幫助讀者在較短的時間內學會網頁設計的相關知識，掌握製作網站的技能，創建自己喜愛的網站。

本書可作為高等院校網頁設計類課程的教材或網站開發培訓班的教材，也可作為網頁設計與製作愛好者的自學參考書。

圖書目錄

第1章網頁製作基礎知識1

1.1Internet的基礎知識1

1.1.1Internet簡介1

1.1.2Internet的發展歷程2

1.1.3Internet的相關組織2

1.1.4Internet的功能4

1.2全球資訊網的基礎知識6

1.2.1全球資訊網簡介6

1.2.2HTTP、HTTPS和FTP7

1.2.3超連結和超文本8

1.2.4Internet地址9

1.2.5域名11

1.2.6URL12

1.2.7伺服器和客戶機13

1.2.8搜尋引擎13

1.3網頁與網站的基礎知識14

1.3.1網站、網頁和主頁14

1.3.2網站的分類14

1.3.3靜態網頁和動態網頁15

1.3.4網頁界面的構成15

1.3.5網站開發工具17

1.3.6網頁程式語言18

1.4網站開發者應具備的能力及職業規劃19

1.4.1網站開發者應具備的能力19

1.4.2網站開發者的職業規劃19

思考與練習20第2章網站的開發流程22

2.1網站開發流程概述22

2.2網站的規劃23

2.2.1網站目標的確定23

2.2.2網站主題的確定23

2.2.3網站域名的設計27

2.2.4網站素材的準備29

2.3網站的設計29

2.3.1確定網站的欄目和版塊29

2.3.2確定網站的整體風格32

2.3.3確定網站的目錄結構36

2.3.4確定網站的連結結構37

2.3.5撰寫網站設計規劃報告38

2.4網站的實現40

網頁設計與製作教程（第4版）

目錄

2.4.1網站製作工具的選擇和確定40

2.4.2網站的建立40

2.4.3網站構建實例41

2.5網站的測試和發布42

2.5.1網站的測試42

2.5.2網站的發布43

2.6網站的推廣和維護45

2.6.1網站的宣傳與推廣45

2.6.2網站的更新和反饋評價47

思考與練習48第3章HTML基礎知識50

3.1HTML概述50

3.1.1HTML的發展歷程50

3.1.2一個簡單的HTML實例51

3.1.3HTML的基本概念52

3.1.4HTML文檔的基本結構53

3.1.5HTML的基本語法規則54

3.2HTML的文本格式標記55

3.2.1標題標記55

3.2.2字型標記55

3.2.3文本修飾標記56

3.2.4段落標記57

3.2.5強制換行標記57

3.2.6水平線標記58

3.2.7縮排標記58

3.2.8滾動效果標記59

3.2.9注釋標記60

3.2.10特殊符號60

3.2.11列表標記61

3.3HTML的圖像與多媒體標記64

3.3.1圖像標記64

3.3.2聲音和視頻標記67

3.3.3多媒體標記68

3.4HTML的超連結標記68

3.5HTML的表格標記69

3.6HTML的表單標記75

3.7HTML的框架標記80

3.8HTML綜合實例84

思考與練習85第4章CSS基礎知識89

4.1CSS概述89

4.1.1CSS與HTML的關係89

4.1.2CSS的優點89

4.1.3一個CSS的套用實例90

4.2CSS的基本語法91

4.2.1CSS的語法91

4.2.2CSS的語法規則92

4.3CSS的使用方法93

4.3.1行內式93

4.3.2嵌入式94

4.3.3連結式95

4.3.4導入式96

4.3.5引入方式的優先權97

4.4CSS選擇器97

4.4.1標記選擇器97

4.4.2類選擇器98

4.4.3ID選擇器100

4.4.4偽類選擇器101

4.4.5後代選擇器103

4.4.6通用選擇器103

4.4.7選擇器的集體聲明103

4.5CSS的屬性單位105

4.5.1長度、百分比單位105

4.5.2顏色單位106

4.6CSS的層疊性107

4.7CSS的繼承性110

思考與練習111第5章網頁可視化設計114

5.1網頁的版面布局114

5.1.1網頁版面布局概述114

5.1.2網頁版面布局的方法117

5.2網頁的色彩運用123

5.2.1網頁色彩概述123

5.2.2網頁色彩的搭配方法124

5.3網頁的藝術設計126

5.4網頁的點、線、面的運用131

5.5網頁中文字和圖形的設計134

5.6網頁設計原則137

思考與練習140第6章Dreamweaver CC 2019基礎知識142

6.1Dreamweaver CC 2019概述142

6.1.1初識Dreamweaver CC 2019142

6.1.2Dreamweaver CC 2019的工作界面143

6.2站點的創建和管理144

6.2.1創建本地站點144

6.2.2管理本地站點146

6.2.3管理本地站點中的檔案146

6.3網頁文檔的基本操作148

6.3.1新建網頁148

6.3.2設定頁面屬性148

6.3.3保存、打開和預覽網頁154

6.4設定網頁文檔頭部信息155

6.4.1插入搜尋關鍵字155

6.4.2插入作者和版權資訊155

6.4.3設定說明信息156

6.4.4設定刷新時間156

6.5編輯與設定網頁文本157

6.5.1輸入普通文本157

6.5.2設定文本格式157

6.5.3插入其他元素161

6.5.4創建一個純文字頁面的實例164

6.6插入圖像167

6.6.1圖像的添加168

6.6.2圖像屬性的設定168

6.6.3給圖像添加文字說明169

6.6.4編輯圖像170

6.6.5創建添加圖像元素的頁面的實例172

6.7插入多媒體174

6.7.1插入Flash174

6.7.2插入音頻175

6.7.3插入視頻178

6.7.4創建添加多媒體元素的頁面的實例179

6.8創建超連結181

6.8.1創建文本連結182

6.8.2創建圖像連結182

6.8.3創建電子郵件連結184

6.8.4創建錨記連結184

6.8.5創建空連結185

6.8.6創建滑鼠經過圖像186

6.8.7檢查與修復連結187

6.8.8創建添加超連結的頁面的實例188

6.9表格的使用190

6.9.1創建表格190

6.9.2選擇表格元素192

6.9.3表格的屬性設定192

6.9.4表格的基本操作194

6.9.5表格運用的實例197

6.9.6表格的布局功能198

6.9.7套用表格布局設計網頁的實例203

6.9.8嵌入式框架在表格中的套用207

6.10表單的使用211

6.10.1創建表單211

6.10.2添加表單元素212

6.10.3製作表單頁面的實例219

6.11模板的使用220

6.11.1模板的基本操作221

6.11.2模板的套用實例223

6.12行為的套用226

6.12.1行為的基本操作226

6.12.2常見的行為事件和行為動作227

6.12.3行為的套用實例229

6.13CSS的套用231

6.13.1“CSS設計器”面板231

6.13.2創建CSS樣式232

6.13.3套用CSS樣式233

6.13.4創建和附加外部樣式233

6.13.5編輯樣式235

6.13.6CSS屬性236

6.13.7CSS的套用實例241

思考與練習243第7章網站賞析248

7.1網站評價指標體系248

7.2內容性248

7.2.1主題鮮明有價值249

7.2.2內容準確豐富252

7.2.3表現形式多樣255

7.2.4提高原創成分255

7.3使用性257

7.3.1導航清晰易用257

7.3.2欄目設定豐富257

7.3.3結構簡潔合理259

7.4藝術性260

7.4.1布局巧妙，構思獨特260

7.4.2色彩均衡，搭配恰當261

7.4.3風格新穎，富有創意263

思考與練習265第8章利用CSS修飾網頁元素266

8.1設定文本樣式266

8.1.1設定字型類型266

8.1.2設定字型尺寸267

8.1.3設定字型粗細268

8.1.4設定字型傾斜269

8.1.5設定文本顏色270

8.1.6設定文本的背景顏色271

8.1.7設定文本的修飾效果272

8.2設定段落樣式273

8.2.1設定文本水平對齊方式274

8.2.2設定首行縮進275

8.2.3設定首字下沉276

8.2.4設定行間距277

8.2.5設定字元間距278

8.2.6設定文本溢出效果279

8.3設定圖像樣式280

8.3.1設定圖像框線281

8.3.2設定圖像縮放282

8.3.3設定圖像橫向對齊方式284

8.3.4設定圖像縱向對齊方式284

8.3.5設定背景圖像286

8.3.6設定背景重複287

8.3.7設定背景圖像定位288

8.4設定圖文混排效果292

8.4.1設定文字環繞效果292

8.4.2設定圖像與文字的間距293

8.5設定表格樣式294

8.5.1常用的CSS表格屬性294

8.5.2用CSS樣式美化表格實例299

8.6設定表單樣式303

8.6.1美化常用的表單元素303

8.6.2用CSS樣式美化表單實例307

8.7設定超連結效果312

8.7.1改變超連結基本樣式312

8.7.2製作帶有提示信息的超連結313

8.7.3製作有背景圖的超連結314

8.7.4製作按鈕式的超連結315

8.8設定列表效果316

8.8.1設定列表項標記的類型316

8.8.2設定列表項圖像標記318

8.8.3設定列表項位置319

8.8.4用CSS製作新聞標題列表320

8.9製作導航選單325

8.9.1製作垂直連結導航選單325

8.9.2製作縱向列表垂直導航選單329

8.9.3製作水平導航選單331

思考與練習334第9章CSS盒子模型336

9.1盒子模型336

9.1.1盒子模型的屬性及設定336

9.1.2盒子模型的計算340

9.1.3盒子模型的套用舉例340

9.2普通流: display屬性343

9.2.1display的引入343

9.2.2display屬性的取值344

9.2.3display的套用舉例346

9.3浮動: float屬性347

9.3.1float屬性的取值348

9.3.2浮動的清除350

9.3.3float屬性的套用舉例351

9.4定位: position屬性353

9.4.1position屬性的取值353

9.4.2相對定位354

9.4.3絕對定位356

思考與練習359第10章Div+CSS布局技術361

10.1Div+CSS布局概述361

10.1.1Div+CSS布局思想361

10.1.2構思頁面並用Div分塊361

10.1.3對各個塊用CSS定位362

10.1.4常見的布局種類365

10.2固定寬度布局解析366

10.2.1單列固定寬度布局模式366

10.2.2121型固定寬度布局模式369

10.2.3131型固定寬度布局模式372

10.3可變寬度布局解析375

10.3.1單列可變寬度布局模式375

10.3.2兩列可變寬度布局模式376

10.3.3三列可變寬度布局模式382

10.4可變高度布局解析393

10.5套用實例396

10.5.1布局實例一396

10.5.2布局實例二406

思考與練習427參考文獻430