基本介紹
- 書名：Dreamweaver CS5網頁設計與製作寶典
- 作者：鄧文達 武國英
- ISBN：9787302261100
- 出版社：清華大學出版社
基本信息,內容簡介,目錄,
基本信息
出版日期：2011 年11月
開本：16開
頁碼：410
版次：1-1
內容簡介
《Dreamweaver cs5網頁設計與製作寶典》融入了作者豐富的網頁設計經驗和教學心得，內容全面、結構合理、講解翔實精到，採用了由易到難、深入淺出的講解方式，非常符合讀者的學習心理。本書適合作為Dreamweaver網頁設計與製作的基礎培訓和進階教程，也可作為網頁設計愛好者、中國小教師、大中專院校學生的自學教程和參考用書。
目錄
《dreamweaver cs5網頁設計與製作寶典》
第1篇網頁設計與製作基礎篇
第1章解讀網頁設計 3
1.1網頁設計概述 3
1.1.1網頁與網站 3
1.1.2網頁基本元素 4
1.1.3網頁的類型 5
1.2網頁設計的構成要素 6
1.2.1文字的編排與設計 6
1.2.2圖形圖像設計 7
1.2.3版式設計與編排 8
1.2.4色彩的搭配 8
1.2.5多媒體元素的選擇 9
1.3網站建設的一般流程 10
1.3.1網站策劃 10
1.3.2網頁設計 13
1.3.3網頁製作 14
1.3.4網站測試與發布 14
1.3.5網站宣傳與維護 14
1.4網頁常用專業術語 14
.第2章網頁色彩搭配 19
2.1網頁設計與色彩 19
2.2色彩理論 19
2.2.1色彩與視覺原理 19
2.2.2色彩三要素 20
2.2.3色相環 21
2.2.4三原色 22
2.3網頁色彩技術 23
2.3.1216網頁安全色 23
2.3.2html語言中的顏色值表示 24
2.4色彩的冷暖 25
2.5色彩對比 25
2.5.1色相對比 26
2.5.2明度對比 27
2.5.3純度對比 28
2.5.4冷暖對比 28
2.5.5面積對比 29
2.6色彩調和 29
2.6.1同種色的調和 30
2.6.2類似色的調和 30
2.6.3對比色的調和 30
2.6.4漸變色的調和 31
2.7網頁色彩搭配 32
2.7.1色彩的功能角色 32
2.7.2基於色相的配色 32
2.7.3基於色調的配色 38
2.7.4標準色配色 41
2.7.5漸變配色 41
第3章dreamweaver網頁製作快速入門 43
3.1初識dreamweaver cs5 43
3.2熟悉中文版dreamweaver cs5的操作界面 43
3.2.1開始頁 43
3.2.2dreamweaver cs5的操作界面 44
3.2.3主選單、快捷選單與面板選單 46
3.2.4文檔工具列 48
3.2.5中文版dreamweaver cs5面板 52
3.3網頁文檔的基本操作 54
3.3.1新建網頁 54
3.3.2保存網頁 56
3.3.3設定頁面屬性 56
3.3.4打開網頁 61
3.3.5預覽網頁 61
3.4關於站點 62
3.4.1本地站點和遠程站點 62
3.4.2站點規劃原則 62
3.5創建站點 63
3.5.1創建本地站點 63
3.5.2創建遠程站點 66
3.6管理本地與遠程站點 68
3.6.1管理本地站點中的檔案 68
3.6.2管理本地站點 71
3.6.3管理遠程站點 71
第4章xhtml和css基礎 73
4.1xhtml語言基礎 73
4.1.1什麼是xhtml 73
4.1.2xhtml文檔的基本結構 73
4.1.3標籤的書寫格式 76
4.1.4標籤的屬性 77
4.1.5xhtml語法規範 77
4.2xhtml語言的核心標籤 79
4.2.1文本與段落 79
4.2.2圖像 81
4.2.3超連結 81
4.2.4列表元素 82
4.2.5div標籤 82
4.3css概述 84
4.3.1css的概念 84
4.3.2css的基本語法 84
4.3.3認識【css樣式】面板 85
4.4使用css控制頁面元素 86
4.4.1行內樣式表 86
4.4.2內部樣式表 86
4.4.3外部樣式表 87
4.4.4導入樣式表 88
4.5選擇器類型 88
4.5.1標籤選擇器 88
4.5.2類選擇器 91
4.5.3id選擇器 92
4.6設定css屬性 96
4.6.1設定css樣式類型 96
4.6.2設定css樣式背景 97
4.6.3設定css樣式區塊 98
4.6.4設定css樣式的方框 99
4.6.5設定css樣式的框線 100
4.6.6設定css 樣式列表 101
4.6.7設定css樣式的定位 102
4.6.8設定css樣式擴展 104
4.7管理css樣式表 104
4.7.1查看css樣式 104
4.7.2編輯css樣式 106
4.7.3禁用或啟用css屬性 106
4.7.4刪除與複製css樣式 107
第2篇網頁元素設計篇
第5章網頁中文字的編排與設計 111
5.1關於文字編排與設計 111
5.2文字在網頁中的表現形式 112
5.2.1特效文字 112
5.2.2內容文字 113
5.3用css設計文字樣式 113
5.3.1字型 113
5.3.2字號 116
5.3.3顏色 117
5.3.4字型粗細 118
5.3.5斜體 120
5.3.6下劃線、上劃線和刪除線 121
5.3.7英文字母大小寫 122
5.4用css設計文本的段落樣式 123
5.4.1行高 124
5.4.2水平對齊方式 125
5.4.3首行縮進 126
5.4.4字間距 127
5.4.5首字下沉 128
5.5使用css濾鏡設計特效文字 129
5.5.1濾鏡概述 129
5.5.2陰影 130
5.5.3模糊 132
5.5.4光暈 133
5.5.5遮罩 134
5.5.6波浪 135
5.5.7射線 135
5.6實例套用——網頁文字的排版 136
第6章網頁中圖形圖像的設計 139
6.1網頁圖形圖像概述 139
6.1.1圖形圖像在網頁中的套用 139
6.1.2網頁中圖形圖像的使用原則 141
6.1.3網頁中常用圖像格式 142
6.2在網頁中添加圖像 143
6.3用css設定網頁圖像樣式 145
6.3.1設定圖像的框線 145
6.3.2圖片縮放 146
6.3.3圖文混排 148
6.4用css設定網頁的背景 150
6.4.1背景顏色 150
6.4.2背景圖像 151
6.4.3設定背景圖像的屬性 151
6.5實例套用 155
6.5.1圖文混排效果 155
6.5.2設計網頁背景圖像 162
第7章網頁導航設計 165
7.1網頁導航概述 165
7.1.1網頁導航分類 165
7.1.2導航位置 168
7.1.3導航方向 169
7.2關於超連結 171
7.2.1什麼是超連結 171
7.2.2連結路徑 172
7.3創建超連結 173
7.3.1創建文本連結 173
7.3.2創建圖像地圖連結 177
7.3.3創建錨記連結 179
7.3.4創建電子郵件連結 182
7.3.5創建空連結和腳本連結 183
7.4用css設計網站導航 184
7.4.1連結樣式的控制 184
7.4.2設計橫嚮導航 185
7.4.3設計豎排導航 188
7.5實例套用——寶慶動漫網導航設計 189
第8章網頁多媒體與特效設計 195
8.1插入多媒體對象 195
8.1.1插入swf動畫 195
8.1.2插入flv視頻 197
8.1.3添加聲音 199
8.2使用行為創建網頁特效 201
8.2.1 【行為】面板 202
8.2.2動作和事件 203
8.2.3添加行為 204
8.3dreamweaver中的常用行為介紹 206
8.3.1交換圖像 206
8.3.2彈出信息 207
8.3.3打開瀏覽器視窗 207
8.3.4spry效果 208
8.3.5顯示-隱藏元素 209
8.3.6檢查外掛程式 210
8.3.7設定狀態欄文本 210
8.3.8調用javascript 211
8.3.9轉到url 211
8.3.10預先載入圖像 212
8.4行為實例套用 212
8.4.1製作閃爍圖像特效 212
8.4.2製作有彈出視窗的網頁 214
8.5關於javascript 217
8.5.1什麼是javascript語言 218
8.5.2javascript語言的寫入方式 218
8.6實例套用 219
8.6.1廣告圖片切換效果 219
8.6.2跟隨滾動條滾動的對聯廣告 225
第3篇網頁版式設計與布局篇
第9章網頁版式設計 231
9.1版式設計概述 231
9.1.1網頁版面大小 231
9.1.2第一屏 233
9.2版式設計的形式原理 233
9.2.1比例 234
9.2.2重複與漸變 234
9.2.3對稱與均衡 236
9.2.4節奏與旋律 236
9.2.5對比與統一 237
9.2.6虛實與留白 238
9.3版式設計的視覺因素 239
9.3.1符合人的視覺習慣 239
9.3.2避免視覺疲勞 240
9.3.3注重主從關係 241
9.4網頁版式構成的基礎結構 243
9.4.1欄式結構 243
9.4.2區域結構 245
9.4.3非規律框架 246
第10章表格布局網頁 249
10.1使用表格 249
10.1.1創建表格 249
10.1.2選擇表格 250
10.2設定表格與單元格的屬性 251
10.2.1設定表格屬性 252
10.2.2設定單元格屬性 252
10.3編輯表格 253
10.3.1調整表格和單元格的大小 253
10.3.2設定表格對齊方式 255
10.3.3插入行或列 256
10.3.4刪除行或列 257
10.3.5拆分和合併單元格 257
10.3.6表格的嵌套 258
10.4實例套用——製作models俱樂部網站 258
10.4.1使用表格布局頁面 259
10.4.2使用css美化頁面 263
第11章深入理解css+div布局 269
11.1css+div布局概述 269
11.1.1什麼是css+div布局 269
11.1.2css的優勢 269
11.1.3傳統的table布局與css布局的區別 270
11.2關於div和span 272
11.2.1認識div 272
11.2.2div的並列與嵌套結構 274
11.2.3div與span的區別 275
11.3盒子模型 276
11.3.1盒子模型的概念 276
11.3.2border 277
11.3.3padding 279
11.3.4margin 280
11.4元素的定位方式 283
11.4.1float定位 283
11.4.2position定位 285
11.4.3z-index空間位置 287
第12章css+div布局網頁 289
12.1css布局技法 289
12.1.1將頁面用div分塊 289
12.1.2設計各個塊的位置 290
12.1.3用css定位 290
12.2常用布局類型 292
12.2.1一列固定寬度 292
12.2.2一列自適應 294
12.2.3一列固定寬度居中 295
12.2.4兩列固定寬度 296
12.2.5兩列寬度自適應 298
12.2.6兩列右列寬度自適應 299
12.2.7兩列固定寬度居中 300
12.2.8三列浮動中間列寬度自適應 302
12.2.9高度自適應 304
12.3使用css預設布局創建頁面 305
12.4實例套用——製作蝴蝶攝影工作室網站 307
12.4.1搭建html框架 308
12.4.2製作網頁頭部 310
12.4.3製作網頁的主要內容和頁尾 315
12.4.4製作“蝴蝶作品”頁面 317
第4篇經典案例篇
第13章藝萃商業網站的設計與製作 323
13.1商業網站的策劃 323
13.1.1明確創建網站的目的和用戶需求 323
13.1.2分析材料 324
13.1.3出具網站策劃書 324
13.2藝萃商業網站的設計 326
13.2.1設計定位 327
13.2.2確定網站結構布局 329
13.3藝萃商業網站的製作 329
13.3.1創建本地站點與遠程站點 329
13.3.2定義頁面通用樣式 332
13.4製作首頁 334
13.4.1新建文檔並連結樣式表檔案 334
13.4.2使用div搭建頁面框架 335
13.4.3用css定位並添加內容 336
13.4.4插入關鍵字和網頁說明 338
13.5欄目頁面的製作 339
13.5.1新建文檔並連結樣式表檔案 339
13.5.2使用div搭建頁面框架 340
13.5.3製作頭部內容 341
13.5.4製作主體內容 342
13.5.5製作頁腳 346
13.6測試與發布網站 347
13.6.1網站的測試 347
13.6.2網站的發布 349
第14章省客網的設計與製作 351
14.1省客網的設計 351
14.2省客網的製作 353
14.2.1創建本地站點與遠程站點 353
14.2.2新建樣式表並設定通用樣式 354
14.3製作首頁 358
14.3.1新建網頁並調用style.css
樣式表 358
14.3.2使用div搭建頁面框架 359
14.3.3製作網站頭部 360
14.3.4製作網站導航 361
14.3.5製作網頁主體 364
14.3.6製作網頁腳註 376
第15章希藝歐家居網的設計與製作 377
15.1案例預覽 377
15.2創建與編輯模板 378
15.2.1認識【模板】面板和【模板】選單 378
15.2.2創建模板 380
15.2.3編輯模板 383
15.2.4管理模板 386
15.3套用模板製作網頁 386
15.3.1從模板新建網頁檔案 387
15.3.2使用【模板】面板創建網頁文檔 388
15.3.3頁面與模板脫離 389
15.3.4更新頁面 389
15.4使用庫 390
15.4.1庫的概念 390
15.4.2創建和套用庫項目 391
15.4.3修改庫 392
15.5製作希藝歐家居網站 392
15.5.1創建站點並定義頁面通用樣式 393
15.5.2創建模板並連結樣式表檔案 395
15.5.3使用div搭建頁面框架 396
15.5.4定位塊並添加內容 397
15.5.5套用模板製作“公司簡介”頁面 406
15.5.6套用模板製作“人才中心”頁面 408
