網頁設計與製作第2版

內容簡介

《網頁設計與製作第2版》依照新Web標準（HTML5和CSS3），全程貫穿理論與實踐緊密結合的思想，有機整合HTML和CSS，使學習過程更接近實際工作。本書共分為4層次，第1～3章是基礎，包括網頁棗永槓設計基礎、HTML基礎和CSS基礎，第4～8章是學生必須重點掌握的內容，包括文本樣式與背景、常用Web元素、盒模型（含Flexible Box）、界面設計（含CSS Grid Layout）和表單，第9～12章以進一步提高學生深入學習的能力為目標，包括JavaScript、網頁多媒體實現、jQuery和移動優先的Bootstrap 3回響式網頁設計，第13章是對前面所學知識的綜合實例套用，包括漿希炒網頁仿製實例和基於CMS（Drupal 8）快速構建網站實例。

為了更好地指導讀者深入學習霉剃充，在各章後面的習題中還提供了許多綜合性較強的操作題。

《網頁設計與製作第2版》既可作為高等院校本科相關專業教材，也可作為有一定基礎的從業人員的參考書。

圖書目錄

前言

第1章網頁設計基礎

1.1 網頁概述

1.2 網站開發流程

1.3 Web設計基礎

1.3.1 Web設計原則

1.3.2 網站結構規劃

1.4 布局設計

1.4.1 布局設計原則

1.4.2 布局雄尋設計類型

1.4.3 布局設計元素

1.4.4 布局設計技術

1.5 內容設計

1.5.1 文本

1.5.2 多媒體

1.5.3 內容排版

1.6 風格設計

1.6.1 網頁設計構成要素

1.6.2 網頁設計的風格類型

1.7 色彩設計

1.7.1 色彩基礎

1.7.2 網頁中的色彩

1.7.3 網頁配色方案

1.8 小結

1.9 思考與練習

第2章 HTML基礎

2.1 HTML文檔結構

2.2 HTML基本語法

2.2.1 標記語法28

2.2.2 屬性語法29

2.2.3 命名規則30

2.3 塊元素與內聯元素30

2.4 HTML的格式元素31

2.4.1 字元格式嚷少巴良化31

2.4.2 輸出32

2.4.3 塊級33

2.4.4 wbr和time元素34

2.5 HTML5新增的文檔結構元素35

2.5.1 文章語義（article、header、footer）

元素35

2.5.2 內容區塊語義（section）元素37

2.5.3 側欄（aside）與導航（nav）元素37

2.5.4 hgroup元素為標題分組38

2.6 小結38

2.7 思考與練習39

第3章 CSS基礎40

3.1 CSS語法與規則40

3.2 樣式表的定義與使用42

3.2.1 內聯方式42

3.2.2 內部樣式塊對象42

3.2.3 外部樣式表43

3.3 選擇器43

3.3.1 基本選擇器44

3.3.2 層次選擇器45

3.3.3 屬性選擇器47

3.3.4 偽類選擇器48

3.3.5 偽元素選擇器52

3.4 小結53

3.5 思考與練習53

第4章文本樣式與背景54

4.1 長度單位與顏色54

4.1.1 長度單位54

4.1.2 顏色設定方法55

4.2 文本排版樣式56

4.2.1 文本樣式56

4.2.2 排版樣式58

4.2.3 文本裝台雅元飾61

4.3 背景樣式62

4.3.1 基本背景屬性62

4.3.2 多重背景圖像63

4.3.3 CSS3新增背景屬性64

4.3.4 漸變背景66

4.4 小結69

4.5 思考與練習70

第5章常用Web元素71

5.1 添加特殊符號71

5.2 圖像71

5.2.1 圖像標籤72

5.2.2 圖像的寬高、間距與框線72

5.2.3 圖像的對齊方式72

5.2.4 figure元素73

5.3 超連結73

5.3.1 創建超連結73

5.3.2 連結對象75

5.3.3 網頁連結屬性設定78

5.3.4 圖像映射78

5.4 列表79

5.4.1 無序列表79

5.4.2 有序列表80

5.4.3 嵌套整盼嚷熱列表82

5.4.4 定義列表82

5.4.5 選單列表83

5.4.6 圖像列表84

5.4.7 列表符號位置84

5.5 表格85

5.5.1 表格元素85

5.5.2 表格修飾87

5.5.3 設定表格行屬性88

5.5.4 設定單元格屬性88

5.5.5 單線表格的製作89

5.5.6 表格的嵌套90

5.6 內聯框架90

5.7 小結91

5.8 思考與練習91

第6章盒模型92

6.1 盒模型概述92

6.1.1 框線93

6.1.2 填充94

6.1.3 邊距95

6.2 框線高級屬性95

6.2.1 圓角框線95

6.2.2 盒陰影97

6.2.3 圖像框線97

6.3 伸縮盒99

6.3.1 CSS中的布局模式99

6.3.2 Flexbox模型的功能99

6.3.3 Flexbox模型的相關術語100

6.3.4 Flexbox模型的使用102

6.4 小結106

6.5 思考與練習107

第7章界面設計108

7.1 定位與布局108

7.1.1 定位108

7.1.2 浮動109

7.1.3 顯示110

7.1.4 溢出112

7.2 用戶界面113

7.2.1 輪廓113

7.2.2 放大113

7.2.3 盒模型組成模式114

7.2.4 允許縮放114

7.3 多列115

7.3.1 多列的基本屬性115

7.3.2 列間距116

7.3.3 列框線116

7.3.4 跨列117

7.3.5 列高117

7.3.6 斷行118

7.4 CSS格線布局118

7.4.1 重要術語118

7.4.2 格線容器屬性119

7.4.3 格線項屬性126

7.5 小結129

7.6 思考與練習129

第8章表單130

8.1 網頁表單概述130

8.2 傳統表單元素131

8.2.1 傳統表單輸入類型131

8.2.2 標註元素135

8.2.3 文本區域136

8.2.4 選擇域137

8.2.5 域集138

8.3 HTML5表單的新特性139

8.3.1 HTML5新增表單輸入類型139

8.3.2 HTML5新增表單元素141

8.3.3 HTML5新增表單屬性142

8.4 小結145

8.5 思考與練習145

第9章 JavaScript146

9.1 JavaScript簡介146

9.2 JavaScript程式148

9.2.1 語句148

9.2.2 函式149

9.2.3 訊息對話框151

9.3 標識符和變數152

9.3.1 命名規定152

9.3.2 數據類型153

9.3.3 變數153

9.3.4 轉義字元155

9.4 運算符和表達式155

9.4.1 算術運算符和表達式155

9.4.2 賦值運算符和表達式156

9.4.3 關係運算符和表達式156

9.4.4 邏輯運算符和表達式158

9.4.5 條件運算符和表達式158

9.4.6 其他運算符和表達式159

9.5 JavaScript程式控制結構159

9.5.1 順序程式159

9.5.2 分支程式160

9.5.3 循環程式163

9.6 常用對象166

9.6.1 對象簡介166

9.6.2 核心對象166

9.6.3 文檔171

9.6.4 視窗174

9.7 事件編程174

9.7.1 事件簡介174

9.7.2 表單事件176

9.7.3 滑鼠事件177

9.7.4 鍵盤事件177

9.7.5 頁面載入和離開177

9.8 利用JS實現線上訂購178

9.9 小結179

9.10 思考與練習179

第10章網頁多媒體實現180

10.1 HTML多媒體元素180

10.1.1 多媒體元素的基本屬性180

10.1.2 多媒體元素的常用方法183

10.1.3 多媒體元素的重要事件186

10.1.4 Flash動畫與視頻189

10.2 CSS動畫設計189

10.2.1 CSS變換189

10.2.2 CSS過渡194

10.2.3 CSS動畫195

10.3 HTML繪圖197

10.3.1 canvas元素的基本用法197

10.3.2 繪製基本圖形198

10.3.3 繪製曲線200

10.3.4 繪製文本203

10.3.5 圖像的繪製與裁切204

10.4 HTML拖放206

10.5 小結207

10.6 思考與練習208

第11章 jQuery209

11.1 jQuery概述209

11.2 jQuery選擇器211

11.2.1 基本選擇器211

11.2.2 層次選擇器212

11.2.3 過濾選擇器213

11.2.4 表單選擇器218

11.3 jQuery操作DOM220

11.3.1 訪問元素220

11.3.2 結點操作225

11.3.3 遍曆元素229

11.3.4 刪除元素230

11.4 jQuery中的事件231

11.4.1 頁面載入事件231

11.4.2 綁定事件231

11.4.3 切換事件232

11.4.4 移除事件233

11.4.5 trigger方法234

11.5 jQuery動畫與特效234

11.5.1 基本動畫234

11.5.2 滑動動畫237

11.5.3 淡入淡出動畫238

11.5.4 自定義動畫240

11.6 jQuery UI外掛程式243

11.6.1 jQuery UI互動性外掛程式243

11.6.2 jQuery UI微型外掛程式246

11.7 小結249

11.8 思考與練習250

第12章回響式網頁設計252

12.1 回響式網頁簡介252

12.1.1 回響式網頁的優點252

12.1.2 回響式的概念253

12.1.3 Viewport253

12.1.4 流式格線254

12.1.5 媒體查詢255

12.1.6 圖像、視頻與字型257

12.2 Bootstrap回響式網頁258

12.2.1 布局259

12.2.2 內容263

12.2.3 組件264

12.3 小結272

12.4 思考與練習272

第13章綜合實例273

13.1 網頁仿製實例273

13.1.1 導航條274

13.1.2 輪播275

13.1.3 自定義區域276

13.1.4 Services區域278

13.1.5 Portfolio區域279

13.1.6 Contact區域281

13.2 基於CMS快速構建網站實例282

13.2.1 CMS與Drupal282

13.2.2 Drupal基本套用284

13.2.3 導入與導出站點294

13.2.4 主題296

13.2.5 內容類型300

13.2.6 製作首頁輪播303

13.2.7 自定義首頁區域311

13.2.8 製作分類列表頁312

13.2.9 添加視頻功能317

13.3 小結318

13.4 思考與練習319

參考文獻320

網頁設計與製作第2版

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條