網頁設計與製作入門與實戰（配光盤） 下載 mobi epub pdf 電子書 2024

産品特色

編輯推薦

　　本書是“學以緻用係列叢書”的全新升級版，其具有如下明顯的特色。

　　·講解上——實用為先，語言精練

　　·外觀上——單雙混排，全程圖解

　　·結構上——布局科學，學習+提升同步進行

　　·信息上——欄目豐富，延展學習

內容簡介

　　本書共分為16章，主要包括網頁設計與製作基礎、Photoshop網頁圖像設計、Dreamweaver網頁製作以及綜閤案例實戰4個部分。通過對本書的學習，不僅能讓讀者學會PhotoshopCS6和DreamweaverCS6的基本操作方法，而且還能通過本書中列舉的實戰案例幫助讀者掌握網頁設計與製作中更多的小技巧，使讀者更加得心應手地設計與製作網頁。

　　本書主要定位於希望快速進入網頁設計與製作領域的初、中級用戶，特彆適閤初學網頁設計與製作的人員、大中專學生及網頁設計製作愛好者。此外，本書也可作為網頁設計與製作培訓班的教材和自學者的自學讀物。

作者簡介

　　智雲科技，是國內一傢專門從事計算機和辦公相關技術和資訊研究的團隊，該團隊由數位具有多年大學或培訓班計算機教育經驗的資深教師和作者組成，在計算機基礎應用、電腦安全與維護、Office軟件、圖形圖像軟件等方麵有著豐富的教學經驗、使用經驗和寫作經驗。圖書齣版經驗豐富，曾齣版著作上百部，在市場上獲得瞭良好的口碑。

內頁插圖

目錄

Chapter 01 網頁設計與製作基礎

1.1　 瞭解網頁的基本概念 2

1.1.1　網頁設計基礎知識 2

1.1.2　網頁的基本組成元素 3

1.1.3　網站的分類 5

1.2　 HTML的基本概念 7

1.2.1　HTML的含義與組成 8

1.2.2　認識HTML標簽 8

1.2.3　使用記事本編寫HTML代碼 9

1.2.4　使用瀏覽器查看頁麵效果 10

1.3　 網頁的色彩搭配 11

1.3.1　網頁的配色基礎 11

1.3.2　網頁色彩搭配方案 12

1.3.3　網頁配色的注意事項 14

1.4　 瞭解域名與網站設計的流程 15

1.4.1　域名的常見分類 15

1.4.2　認識域名服務器（DNS） 17

1.4.3　網站的設計流程 18

1.5　 網頁製作的常用工具 20

1.5.1　網頁美化工具Photoshop 20

1.5.2　網頁編輯工具Dreamweaver 20

給你支招

如何通過網頁查看HTML源代碼並保存

21

留白在網頁中有哪些好處 22

Chapter 02 Photoshop CS6網頁界麵設計基礎

2.1　 熟悉Photoshop CS6的操作界麵

24

2.1.1　菜單欄和命令 24

2.1.2　工具選項欄 25

2.1.3　文檔窗口 25

2.1.4　工具箱 27

2.1.5　標題欄 28

2.1.6　浮動麵闆 28

2.1.7　狀態欄 28

2.2　 Photoshop CS6的優化設置 29

2.2.1　自定義工作界麵 29

2.2.2　修改工作區的背景顔色 30

2.2.3　自定義工具的快捷鍵 31

2.3　 圖像的類型和分辨率 32

2.3.1　圖像的類型 32

2.3.2　分辨率 33

2.4　 常見的頁麵布局輔助工具 34

2.4.1　使用標尺定位圖像 34

2.4.2　使用參考綫準確編輯圖像 35

2.4.3　使用網格精準調整圖像 36

2.4.4　為圖像添加注釋 37

給你支招

如何刪除自定義的工作界麵 38

如何開啓Photoshop CS6的對齊功能 39

Chapter 03 圖像的基本處理

3.1　 調整圖像與畫布 42

3.1.1　調整圖像尺寸 42

3.1.2　裁剪圖像大小 42

3.1.3　調整畫布尺寸 43

3.2　 圖像的變換與變形操作 45

3.2.1　移動圖像 45

3.2.2　鏇轉與縮放圖像 47

3.2.3　斜切圖像 48

3.3　 選擇繪圖區域 49

3.3.1　選取規則區域 50

3.3.2　選取不規則區域 51

3.4　 使用繪圖工具 55

3.4.1　畫筆工具 55

3.4.2　鉛筆工具 56

3.4.3　仿製圖章工具 57

3.4.4　橡皮擦工具 58

3.5　 繪製矢量圖像 60

3.5.1　鋼筆工具 60

3.5.2　繪製形狀 62

給你支招

如何使用鉛筆工具快速繪製國際象棋

棋盤 63

如何將人物的頭發調整為自己喜歡的

顔色 65

Chapter 04 圖層和文本的使用

4.1　 Photoshop圖層概述 68

4.1.1　認識“圖層”麵闆 68

4.1.2　創建圖層 68

4.1.3　圖層的基本操作 69

4.1.4　圖層的閤並和層組 71

4.2　 應用圖層樣式效果 73

4.2.1　添加圖層樣式 73

4.2.2　多種圖層樣式效果介紹 74

4.3　 創建文字 77

4.3.1　橫排文字工具 77

4.3.2　直排文字工具 78

4.3.3　橫排文字濛版工具 79

4.4　 編輯文字 81

4.4.1　創建變形文字 81

4.4.2　沿路徑排列文字 82

給你支招

如何將背景圖層轉換為普通圖層 84

如何修改圖層的名稱和顔色 85

如何創建段落文字 86

Chapter 05 網頁切片輸齣與動畫製作

5.1　 圖像的優化與輸齣 88

5.1.1　圖像的格式 88

5.1.2　優化圖像 89

5.1.3　輸齣Web圖像 91

5.2　 創建和編輯切片 92

5.2.1　切片的類型 92

5.2.2　創建切片 92

5.2.3　編輯切片 93

5.3　 管理切片 94

5.3.1　選擇、移動和調整切片 94

5.3.2　組閤與鎖定切片 95

5.3.3　將切片輸齣到網頁 96

5.4　 創建GIF動畫 99

5.4.1　認識“時間軸”麵闆 99

5.4.2　創建動畫 99

5.4.3　保存動畫 102

給你支招

如何基於圖層創建切片 103

如何處理瀏覽器不顯示輸齣的動畫的

情況 104

Chapter 06 常用網頁元素的設計

6.1　 設計網頁主要元素 106

6.1.1　認識網頁主圖 106

6.1.2　設計標題文字 107

6.1.3　設計網頁按鈕 109

6.1.4　製作網頁背景圖像 112

6.2　 設計網頁Logo 114

6.2.1　Logo的尺寸規格 114

6.2.2　Logo的錶現形式 115

6.2.3　Logo的定位 115

6.2.4　Logo的設計方法 116

6.3　 設計網頁Banner 119

6.3.1　網頁Banner的設計策劃 119

6.3.2　網頁Banner的設計技巧 121

給你支招

如何在網頁按鈕上添加放大鏡圖標 123

如何對多個圖層同時進行操作 124

Chapter 07 初識Dreamweaver CS6

7.1　 Dreamweaver CS6的工作界麵

126

7.1.1　菜單欄 126

7.1.2　文檔窗口 127

7.1.3　麵闆組 129

7.1.4　“插入”麵闆 129

7.2　 網頁製作的基本操作 131

7.2.1　新建網頁 131

7.2.2　保存網頁 132

7.2.3　打開網頁 133

7.2.4　預覽網頁 134

7.2.5　關閉網頁 135

7.3　 創建、配置與發布本地站點 136

7.3.1　創建本地站點 136

7.3.2　配置遠程服務器 137

7.3.3　發布站點 139

7.4　 管理站點 139

7.4.1　刪除站點 140

7.4.2　編輯站點 140

7.4.3　導齣站點 141

7.4.4　添加文件和文件夾 142

7.4.5　重命名與刪除文件/文件夾 142

給你支招

如何改變預覽網頁時的瀏覽器 143

如何導入站點文件 145

Chapter 08 在網頁中插入基礎網頁元素

8.1　 在對話框中設置頁麵屬性 148

8.1.1　設置外觀 148

8.1.2　設置外觀 149

8.1.3　設置鏈接 150

8.1.4　設置標題 152

8.1.5　設置標題/編碼 153

8.2　 設置字體與頁麵背景的效果 155

8.2.1　添加頁麵標題 155

8.2.2　為文字添加加粗和傾斜樣式 156

8.2.3　設置文字的大小 157

8.2.4　設置文本的顔色 157

8.3　 文本的簡單操作 158

8.3.1　在網頁中錄入文本 158

8.3.2　讓文本換行分段 158

8.3.3　設置文本的對齊方式 159

8.3.4　設置文本的字體格式 160

8.4　 項目列錶和編號列錶的使用 161

8.4.1　插入項目列錶 161

8.4.2　插入編號列錶 162

8.5　 插入特殊頁麵元素 163

8.5.1　插入換行符 163

8.5.2　插入水平綫 164

8.5.3　插入日期 164

給你支招

如何利用跟蹤圖像製作網頁 166

如何插入特殊符號 167

Chapter 09 用圖像、多媒體與超鏈接豐富網頁

9.1　 在網頁中插入圖像 170

9.1.1　插入圖像 170

9.1.2　調整圖像大小 172

9.1.3　調整圖片的亮度和對比度 173

9.1.4　裁剪頁麵中的圖像 174

9.2　 在網頁中插入多媒體 175

9.2.1　插入背景音樂 175

9.2.2　插入Flash動畫 177

9.2.3　插入FLV視頻 178

9.3　 超鏈接概述 180

9.3.1　認識超鏈接的類型 180

9.3.2　鏈接路徑有哪些分類 182

9.4　 創建網頁常用的超鏈接 184

9.4.1　創建文本鏈接 184

9.4.2　創建圖像鏈接 186

9.4.3　創建熱點鏈接 187

9.4.4　創建空鏈接 188

9.4.5　創建腳本鏈接 189

給你支招

如何插入非FLV格式的視頻文件 190

如何在網頁中插入E-mail鏈接 192

Chapter 10 使用錶格布局頁麵

10.1　 創建錶格並輸入內容 194

10.1.1　精確插入指定行列的錶格 194

10.1.2　在錶格中輸入內容 195

10.2　 格式化錶格效果 196

10.2.1　錶格與單元格的選擇 196

10.2.2　設置單元格大小和對齊方式 198

10.2.3　為錶格添加邊框 199

10.2.4　單元格中文本格式和背景格式的

設置 200

10.3　 編輯錶格 201

10.3.1　插入行或列 201

10.3.2　刪除行或列 202

10.3.3　復製、剪切和粘貼單元格 203

10.3.4　閤並單元格 205

10.4　 錶格的特殊處理 206

10.4.1　外部導入錶格數據 206

10.4.2　對錶格數據排序 207

給你支招

如何插入嵌入式錶格 208

如何拆分閤並後的單元格 209

Chapter 11 使用CSS樣式錶美化頁麵

11.1　 認識CSS層疊樣式錶 212

11.1.1　CSS層疊樣式錶概述 212

11.1.2　CSS的3種類型 212

11.1.3　CSS的基本語法 213

11.2　 網頁中應用CSS樣式的方法 215

11.2.1　嵌入式CSS 215

11.2.2　內聯式CSS 216

11.2.3　外聯式CSS 216

11.3　 各種CSS樣式選擇器的創建 218

11.3.1　創建ID選擇器 218

11.3.2　創建標簽選擇器 220

11.3.3　創建類選擇器 221

11.3.4　創建復閤選擇器 223

11.4　 CSS中的常用樣式 225

11.4.1　字體樣式的設置 226

11.4.2　文本段落樣式的設置 228

11.4.3　背景樣式的設置 229

11.4.4　方框樣式的設置 231

11.4.5　邊框樣式的設置 231

11.4.6　列錶樣式的設置 233

11.4.7　定位樣式的設置 233

給你支招

創建外部CSS樣式文件 234

如何將篩選結果保存到新工作錶中 236

Chapter 12 利用Div+CSS布局網頁

12.1　 初識Div標簽 238

12.1.1　Div標簽概述 238

12.1.2　插入Div標簽 238

12.1.3　為Div標簽添加CSS樣式錶 240

12.1.4　Div+CSS的布局優勢 241

12.2　 Div標簽的定位方法 242

12.2.1　盒子模型的概念 242

12.2.2　通過float屬性定位Div標簽 243

12.2.3　通過position屬性定位Div

標簽 244

12.3　 Div標簽的常見布局模式 245

12.3.1　單行單列固定寬度 245

12.3.2　一列自適應 246

12.3.3　一列固定寬度居中 246

12.3.4　兩列固定寬度 247

12.3.5　兩列寬度自適應 248

12.3.6　兩行右列寬度自適應 248

給你支招

如何創建嵌套Div標簽 249

如何設置Div標簽對象的行高 250

Chapter 13 錶單元素、模闆和庫的運用

13.1　 插入錶單元素 252

13.1.1　什麼是錶單 252

13.1.2　初步認識錶單對象 252

13.1.3　插入錶單域 256

13.1.4　插入文本域 257

13.1.5　插入密碼域 259

13.1.6　插入復選框 260

13.1.7　插入按鈕 261

13.2　 使用模闆 263

13.2.1　創建空白模闆 263

13.2.2　定義模闆中的可編輯區域 264

13.2.3　創建基於模闆的網頁 265

13.2.4　從模闆中分離網頁 266

13.3　 創建和應用庫項目 267

13.3.1　創建庫項目 267

13.3.2　嚮頁麵中插入庫項目 268

13.3.3　修改並更新庫項目 268

給你支招

如何自動選擇文本框中所有文本內容 270

如何將當前網頁創建為模闆 271

如何在現有網頁文件上應用模闆 272

Chapter 14 使用JavaScript行為創建特效網頁

14.1　 認識JavaScript 274

14.1.1　JavaScript的含義 274

14.1.2　事件 274

14.1.3　熟悉動作類型 275

14.1.4　如何使用JavaScript 275

14.2　 在網頁中添加行為 276

14.2.1　交換圖像 276

14.2.2　打開瀏覽器窗口 278

14.2.3　調用JavaScript 279

14.2.4　檢查錶單 280

14.3　 jQuery的應用 281

14.3.1　使用jQuery的核心函數 282

14.3.2　使用jQuery選擇器 282

14.3.3　使用jQuery操作對象的屬性 284

給你支招

如何恢復交換圖像 285

解決預覽頁麵時腳本的執行問題 286

Chapter 15 在綫齣境遊網站設計

15.1　 案例製作的效果和思路 288

15.2　 網站的結構設計 289

15.2.1　製作網站布局結構 289

15.2.2　創建網站文檔 289

15.2.3　為頁麵設置輔助綫 290

15.2.4　製作頁麵背景 291

15.3　 設計頁麵主體的內容 292

15.3.1　設計頁麵的頭部 292

15.3.2　設計頁麵的中部 295

15.3.3　設計頁麵的底部 297

15.4　 輸齣網站頁麵設計圖 298

15.4.1　將圖像保存為JPG格式 298

15.4.2　切割並輸齣圖像 299

15.5　 案例製作總結和答疑 301< 網頁設計與製作入門與實戰（配光盤） 下載 mobi epub pdf txt 電子書 格式

~

書已收到，看瞭來評論，內容很適閤新手入門，淺顯容易懂，案例也比較豐富。

不錯，很適閤新手學習。我剛學過PS，銜接很平穩，對於後期的學習很有幫助。快遞小哥很專業，隔天就到瞭。

不錯，很適閤新手學習。我剛學過PS，銜接很平穩，對於後期的學習很有幫助。快遞小哥很專業，隔天就到瞭。

非常好用非常好用非常好用

書已收到，看瞭來評論，內容很適閤新手入門，淺顯容易懂，案例也比較豐富。

總體來講，內容還是不錯的，通俗易懂，比較實用，但是知識的深度方麵還有提升的空間。

非常好用非常好用非常好用

不錯，很適閤新手學習。我剛學過PS，銜接很平穩，對於後期的學習很有幫助。快遞小哥很專業，隔天就到瞭。