Dreamweaver CS5網(wǎng)頁設計與目錄

時間：2023-06-20 00:39:01 | 來源：營銷百科

時間：2023-06-20 00:39:01 來源：營銷百科

Dreamweaver CS5網(wǎng)頁設計與目錄：目錄
第1篇 網(wǎng)頁設計與制作基礎篇
第1章 解讀網(wǎng)頁設計3
1.1 網(wǎng)頁設計概述3
1.1.1 網(wǎng)頁與網(wǎng)站3
1.1.2 網(wǎng)頁基本元素4
1.1.3 網(wǎng)頁的類型5
1.2 網(wǎng)頁設計的構(gòu)成要素6
1.2.1 文字的編排與設計6
1.2.2 圖形圖像設計7
1.2.3 版式設計與編排8
1.2.4 色彩的搭配8
1.2.5 多媒體元素的選擇9
1.3 網(wǎng)站建設的一般流程10
1.3.1 網(wǎng)站策劃10
1.3.2 網(wǎng)頁設計13
1.3.3 網(wǎng)頁制作14
1.3.4 網(wǎng)站測試與發(fā)布14
1.3.5 網(wǎng)站宣傳與維護14
1.4 網(wǎng)頁常用專業(yè)術語14

第2章 網(wǎng)頁色彩搭配19
2.1 網(wǎng)頁設計與色彩19
2.2 色彩理論19
2.2.1 色彩與視覺原理19
2.2.2 色彩三要素20
2.2.3 色相環(huán)21
2.2.4 三原色22
2.3 網(wǎng)頁色彩技術23
2.3.1 216網(wǎng)頁安全色23
2.3.2 HTML語言中的顏色值表示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 色彩調(diào)和29
2.6.1 同種色的調(diào)和30
2.6.2 類似色的調(diào)和30
2.6.3 對比色的調(diào)和30
2.6.4 漸變色的調(diào)和31
2.7 網(wǎng)頁色彩搭配32
2.7.1 色彩的功能角色32
2.7.2 基于色相的配色32
2.7.3 基于色調(diào)的配色38
2.7.4 標準色配色41
2.7.5 漸變配色41

第3章 Dreamweaver網(wǎng)頁制作快速入門43
3.1 初識DreamweaverCS543
3.2 熟悉中文版DreamweaverCS5的操作界面43
3.2.1 開始頁43
3.2.2 DreamweaverCS5的操作界面44
3.2.3 主菜單、快捷菜單與面板菜單46
3.2.4 文檔工具欄48
3.2.5 中文版DreamweaverCS5面板52
3.3 網(wǎng)頁文檔的基本操作54
3.3.1 新建網(wǎng)頁54
3.3.2 保存網(wǎng)頁56
3.3.3 設置頁面屬性56
3.3.4 打開網(wǎng)頁61
3.3.5 預覽網(wǎng)頁61
3.4 關于站點62
3.4.1 本地站點和遠程站點62
3.4.2 站點規(guī)劃原則62
3.5 創(chuàng)建站點63
3.5.1 創(chuàng)建本地站點63
3.5.2 創(chuàng)建遠程站點66
3.6 管理本地與遠程站點68
3.6.1 管理本地站點中的文件68
3.6.2 管理本地站點71
3.6.3 管理遠程站點71

第4章 XHTML和CSS基礎73
4.1 XHTML語言基礎73
4.1.1 什么是XHTML73
4.1.2 XHTML文檔的基本結(jié)構(gòu)73
4.1.3 標簽的書寫格式76
4.1.4 標簽的屬性77
4.1.5 XHTML語法規(guī)范77
4.2 XHTML語言的核心標簽79
4.2.1 文本與段落79
4.2.2 圖像81
4.2.3 超鏈接81
4.2.4 列表元素82
4.2.5 Div標簽82
4.3 CSS概述84
4.3.1 CSS的概念84
4.3.2 CSS的基本語法84
4.3.3 認識【CSS樣式】面板85
4.4 使用CSS控制頁面元素86
4.4.1 行內(nèi)樣式表86
4.4.2 內(nèi)部樣式表86
4.4.3 外部樣式表87
4.4.4 導入樣式表88
4.5 選擇器類型88
4.5.1 標簽選擇器88
4.5.2 類選擇器91
4.5.3 ID選擇器92
4.6 設置CSS屬性96
4.6.1 設置CSS樣式類型96
4.6.2 設置CSS樣式背景97
4.6.3 設置CSS樣式區(qū)塊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篇 網(wǎng)頁元素設計篇
第5章 網(wǎng)頁中文字的編排與設計111
5.1 關于文字編排與設計111
5.2 文字在網(wǎng)頁中的表現(xiàn)形式112
5.2.1 特效文字112
5.2.2 內(nèi)容文字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 實例應用——網(wǎng)頁文字的排版136

第6章 網(wǎng)頁中圖形圖像的設計139
6.1 網(wǎng)頁圖形圖像概述139
6.1.1 圖形圖像在網(wǎng)頁中的應用139
6.1.2 網(wǎng)頁中圖形圖像的使用原則141
6.1.3 網(wǎng)頁中常用圖像格式142
6.2 在網(wǎng)頁中添加圖像143
6.3 用CSS設置網(wǎng)頁圖像樣式145
6.3.1 設置圖像的邊框145
6.3.2 圖片縮放146
6.3.3 圖文混排148
6.4 用CSS設置網(wǎng)頁的背景150
6.4.1 背景顏色150
6.4.2 背景圖像151
6.4.3 設置背景圖像的屬性151
6.5 實例應用155
6.5.1 圖文混排效果155
6.5.2 設計網(wǎng)頁背景圖像162

第7章 網(wǎng)頁導航設計165
7.1 網(wǎng)頁導航概述165
7.1.1 網(wǎng)頁導航分類165
7.1.2 導航位置168
7.1.3 導航方向169
7.2 關于超鏈接171
7.2.1 什么是超鏈接171
7.2.2 鏈接路徑172
7.3 創(chuàng)建超鏈接173
7.3.1 創(chuàng)建文本鏈接173
7.3.2 創(chuàng)建圖像地圖鏈接177
7.3.3 創(chuàng)建錨記鏈接179
7.3.4 創(chuàng)建電子郵件鏈接182
7.3.5 創(chuàng)建空鏈接和腳本鏈接183
7.4 用CSS設計網(wǎng)站導航184
7.4.1 鏈接樣式的控制184
7.4.2 設計橫向?qū)Ш?85
7.4.3 設計豎排導航188
7.5 實例應用——寶慶動漫網(wǎng)導航設計189

第8章 網(wǎng)頁多媒體與特效設計195
8.1 插入多媒體對象195
8.1.1 插入SWF動畫195
8.1.2 插入FLV視頻197
8.1.3 添加聲音199
8.2 使用行為創(chuàng)建網(wǎng)頁特效201
8.2.1 【行為】面板202
8.2.2 動作和事件203
8.2.3 添加行為204
8.3 Dreamweaver中的常用行為介紹206
8.3.1 交換圖像206
8.3.2 彈出信息207
8.3.3 打開瀏覽器窗口207
8.3.4 Spry效果208
8.3.5 顯示-隱藏元素209
8.3.6 檢查插件210
8.3.7 設置狀態(tài)欄文本210
8.3.8 調(diào)用JavaScript211
8.3.9 轉(zhuǎn)到URL211
8.3.10 預先載入圖像212
8.4 行為實例應用212
8.4.1 制作閃爍圖像特效212
8.4.2 制作有彈出窗口的網(wǎng)頁214
8.5 關于JavaScript217
8.5.1 什么是JavaScript語言218
8.5.2 JavaScript語言的寫入方式218
8.6 實例應用219
8.6.1 廣告圖片切換效果219
8.6.2 跟隨滾動條滾動的對聯(lián)廣告225

第3篇 網(wǎng)頁版式設計與布局篇
第9章 網(wǎng)頁版式設計231
9.1 版式設計概述231
9.1.1 網(wǎng)頁版面大小231
9.1.2 第一屏233
9.2 版式設計的形式原理233
9.2.1 比例234
9.2.2 重復與漸變234
9.2.3 對稱與均衡236
9.2.4 節(jié)奏與旋律236
9.2.5 對比與統(tǒng)一237
9.2.6 虛實與留白238
9.3 版式設計的視覺因素239
9.3.1 符合人的視覺習慣239
9.3.2 避免視覺疲勞240
9.3.3 注重主從關系241
9.4 網(wǎng)頁版式構(gòu)成的基礎結(jié)構(gòu)243
9.4.1 欄式結(jié)構(gòu)243
9.4.2 區(qū)域結(jié)構(gòu)245
9.4.3 非規(guī)律框架246

第10章 表格布局網(wǎng)頁249
10.1 使用表格249
10.1.1 創(chuàng)建表格249
10.1.2 選擇表格250
10.2 設置表格與單元格的屬性251
10.2.1 設置表格屬性252
10.2.2 設置單元格屬性252
10.3 編輯表格253
10.3.1 調(diào)整表格和單元格的大小253
10.3.2 設置表格對齊方式255
10.3.3 插入行或列256
10.3.4 刪除行或列257
10.3.5 拆分和合并單元格257
10.3.6 表格的嵌套258
10.4 實例應用——制作Models俱樂部網(wǎng)站258
10.4.1 使用表格布局頁面259
10.4.2 使用CSS美化頁面263

第11章 深入理解CSS DIV布局269
11.1 CSS DIV布局概述269
11.1.1 什么是CSS DIV布局269
11.1.2 CSS的優(yōu)勢269
11.1.3 傳統(tǒng)的table布局與CSS布局的區(qū)別270
11.2 關于div和span272
11.2.1 認識div272
11.2.2 div的并列與嵌套結(jié)構(gòu)274
11.2.3 div與span的區(qū)別275
11.3 盒子模型276
11.3.1 盒子模型的概念276
11.3.2 border277
11.3.3 padding279
11.3.4 margin280
11.4 元素的定位方式283
11.4.1 float定位283
11.4.2 position定位285
11.4.3 z-index空間位置287

第12章 CSS DIV布局網(wǎng)頁289
12.1 CSS布局技法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預設布局創(chuàng)建頁面305
12.4 實例應用——制作蝴蝶攝影工作室網(wǎng)站307
12.4.1 搭建HTML框架308
12.4.2 制作網(wǎng)頁頭部310
12.4.3 制作網(wǎng)頁的主要內(nèi)容和頁尾315
12.4.4 制作'蝴蝶作品'頁面317

第4篇 經(jīng)典案例篇
第13章 藝萃商業(yè)網(wǎng)站的設計與制作323
13.1 商業(yè)網(wǎng)站的策劃323
13.1.1 明確創(chuàng)建網(wǎng)站的目的和用戶需求323
13.1.2 分析材料324
13.1.3 出具網(wǎng)站策劃書324
13.2 藝萃商業(yè)網(wǎng)站的設計326
13.2.1 設計定位327
13.2.2 確定網(wǎng)站結(jié)構(gòu)布局329
13.3 藝萃商業(yè)網(wǎng)站的制作329
13.3.1 創(chuàng)建本地站點與遠程站點329
13.3.2 定義頁面通用樣式332
13.4 制作首頁334
13.4.1 新建文檔并鏈接樣式表文件334
13.4.2 使用div搭建頁面框架335
13.4.3 用CSS定位并添加內(nèi)容336
13.4.4 插入關鍵字和網(wǎng)頁說明338
13.5 欄目頁面的制作339
13.5.1 新建文檔并鏈接樣式表文件339
13.5.2 使用div搭建頁面框架340
13.5.3 制作頭部內(nèi)容341
13.5.4 制作主體內(nèi)容342
13.5.5 制作頁腳346
13.6 測試與發(fā)布網(wǎng)站347
13.6.1 網(wǎng)站的測試347
13.6.2 網(wǎng)站的發(fā)布349

第14章 省客網(wǎng)的設計與制作351
14.1 省客網(wǎng)的設計351
14.2 省客網(wǎng)的制作353
14.2.1 創(chuàng)建本地站點與遠程站點353
14.2.2 新建樣式表并設置通用樣式354
14.3 制作首頁358
14.3.1 新建網(wǎng)頁并調(diào)用Style.css樣式表358
14.3.2 使用div搭建頁面框架359
14.3.3 制作網(wǎng)站頭部360
14.3.4 制作網(wǎng)站導航361
14.3.5 制作網(wǎng)頁主體364
14.3.6 制作網(wǎng)頁腳注376

第15章 希藝歐家居網(wǎng)的設計與制作377
15.1 案例預覽377
15.2 創(chuàng)建與編輯模板378
15.2.1 認識【模板】面板和【模板】菜單378
15.2.2 創(chuàng)建模板380
15.2.3 編輯模板383
15.2.4 管理模板386
15.3 應用模板制作網(wǎng)頁386
15.3.1 從模板新建網(wǎng)頁文件387
15.3.2 使用【模板】面板創(chuàng)建網(wǎng)頁文檔388
15.3.3 頁面與模板脫離389
15.3.4 更新頁面389
15.4 使用庫390
15.4.1 庫的概念390
15.4.2 創(chuàng)建和應用庫項目391
15.4.3 修改庫392
15.5 制作希藝歐家居網(wǎng)站392
15.5.1 創(chuàng)建站點并定義頁面通用樣式393
15.5.2 創(chuàng)建模板并鏈接樣式表文件395
15.5.3 使用div搭建頁面框架396
15.5.4 定位塊并添加內(nèi)容397
15.5.5 應用模板制作'公司簡介'頁面406
15.5.6 應用模板制作'人才中心'頁面408