網(wǎng)頁設(shè)計(jì)與制作

第1章 網(wǎng)站與網(wǎng)頁設(shè)計(jì)基礎(chǔ)　1
1.1 網(wǎng)頁簡介　1
1.1.1 網(wǎng)頁概述　1
1.1.2 網(wǎng)頁的基本元素　1
1.2 網(wǎng)站簡介　2
1.2.1 網(wǎng)站的目錄結(jié)構(gòu)　2
1.2.2 網(wǎng)站的風(fēng)格確定　3
1.3 Dreamweaver 8簡介　3
1.3.1 Dreamweaver 8的工作界面　3
1.3.2 基本菜單簡介　7
本章小結(jié)　8
思考與練習(xí)　8
第2章 網(wǎng)站的建立與頁面文檔的創(chuàng)建　9
2.1 關(guān)于站點(diǎn)的規(guī)劃和設(shè)計(jì)　9
2.2 創(chuàng)建本地站點(diǎn)　10
2.2.1 創(chuàng)建一個(gè)新站點(diǎn)　11
2.2.2 編輯一個(gè)現(xiàn)存站點(diǎn)　12
2.3 創(chuàng)建頁面文檔　13
2.3.1 創(chuàng)建新頁面　13
2.3.2 打開頁面文件　14
2.3.3 保存頁面　14
2.4 設(shè)置頁面文檔屬性　15
2.4.1 設(shè)置頁面標(biāo)題　15
2.4.2 設(shè)置頁面背景圖像和背景色　15
本章小結(jié)　16
思考與練習(xí)　16
實(shí)訓(xùn) 網(wǎng)站和頁面的建立　16
第3章 網(wǎng)頁的基本頁面元素處理　19
3.1 頁面文本的處理　19
3.1.1 頁面文本的添加　19
3.1.2 頁面文本的格式設(shè)置　20
3.1.3 頁面文本列表的設(shè)置　21
3.2 頁面圖片的處理　22
3.2.1 頁面圖片簡介　22
3.2.2 頁面圖片的基本操作　23
3.2.3 頁面圖片的其他操作　25
3.3 頁面鏈接的處理　28
3.3.1 頁面鏈接簡介　28
3.3.2 頁面鏈接的基本操作　29
3.3.3 其他的頁面鏈接操作　31
本章小結(jié)　32
思考與練習(xí)　32
實(shí)訓(xùn) 網(wǎng)頁中基本頁面元素的應(yīng)用　33
第4章 HTML基本標(biāo)記簡介　36
4.1 HTML概述　36
4.2 頂級(jí)標(biāo)記與文本處理標(biāo)記　37
4.2.1 頂級(jí)標(biāo)記　37
4.2.2 文本處理標(biāo)記　38
4.3 其他處理標(biāo)記　41
4.3.1 圖像處理標(biāo)記與鏈接處理標(biāo)記　41
4.3.2 表格處理標(biāo)記與表單處理標(biāo)記　42
4.3.3 框架處理標(biāo)記及其他　46
本章小結(jié)　48
思考與練習(xí)　48
實(shí)訓(xùn) HTML基本標(biāo)記的應(yīng)用　49
第5章 表格和布局表格　51
5.1 表格的基本操作　51
5.1.1 創(chuàng)建表格　51
5.1.2 選定表格對(duì)象　52
5.1.3 設(shè)置表格屬性　53
5.1.4 設(shè)置行、列與單元格屬性　54
5.2 表格的高級(jí)操作　54
5.2.1 導(dǎo)入表格數(shù)據(jù)　54
5.2.2 導(dǎo)出表格　55
5.2.3 使用預(yù)先設(shè)計(jì)的格式化表格　55
5.2.4 表格排序　56
5.3 頁面布局表格的應(yīng)用　57
5.3.1 頁面布局簡介　57
5.3.2 布局表格的基本操作　57
本章小結(jié)　58
思考與練習(xí)　59
實(shí)訓(xùn) 表格在網(wǎng)頁中的應(yīng)用　59
第6章 Fireworks 8概述　62
6.1 Fireworks 8的工作界面　62
6.2 Fireworks 8的繪圖工具　66
6.3 文檔的操作　68
6.3.1 文檔的打開和導(dǎo)入　69
6.3.2 文檔的保存　70
6.3.3 文件屬性的修改　70
本章小結(jié)　72
思考與練習(xí)　72
實(shí)訓(xùn) 創(chuàng)建及導(dǎo)入導(dǎo)出文檔　73
第7章 矢量圖的繪制與編輯　76
7.1 位圖、矢量圖和路徑的概念　76
7.2 繪制基本圖形　77
7.3 繪制自動(dòng)形狀　79
7.4 繪制矢量路徑　82
7.4.1 設(shè)置筆觸(描邊)和填充屬性　83
7.4.2 繪制矢量路徑　86
7.5 編輯矢量路徑　89
7.5.1 選取路徑對(duì)象　89
7.5.2 移動(dòng)路徑對(duì)象　90
7.5.3 編輯路徑對(duì)象　91
7.6 修改矢量路徑　92
7.6.1 對(duì)象的變形　92
7.6.2 對(duì)象的調(diào)整　94
7.6.3 對(duì)象的組織　97
本章小結(jié)　100
思考與練習(xí)　100
實(shí)訓(xùn) 繪制“心”形圖案　101
第8章 文本的創(chuàng)建和編輯　105
8.1 創(chuàng)建和編輯文本　105
8.1.1 創(chuàng)建文本　105
8.1.2 編輯文本　107
8.2 路徑文本　110
本章小結(jié)　112
思考與練習(xí)　112
實(shí)訓(xùn) 創(chuàng)建和編輯文本　113
第9章 圖像的效果　115
9.1 圖層　115
9.1.1 圖層的概念　115
9.1.2 新建、復(fù)制、刪除圖層　116
9.1.3 查看和保護(hù)圖層　117
9.1.4 組織圖層　118
9.2 蒙版遮罩　119
9.2.1 蒙版的不同形式　119
9.2.2 蒙版的編輯使用　122
9.3 切片和熱點(diǎn)　124
9.3.1 創(chuàng)建和編輯切片　124
9.3.2 創(chuàng)建和編輯熱點(diǎn)　126
本章小結(jié)　128
思考與練習(xí)　128
實(shí)訓(xùn) 蒙版和動(dòng)畫的制作　129
第10章 圖像的優(yōu)化與導(dǎo)出　133
10.1 圖像的優(yōu)化處理操作　133
10.1.1 對(duì)GIF格式圖像進(jìn)行優(yōu)化處理　133
10.1.2 對(duì)JPG格式圖像進(jìn)行優(yōu)化處理　135
10.2 圖像的導(dǎo)出操作　137
10.3 切片的優(yōu)化和導(dǎo)出　140
本章小結(jié)　141
思考與練習(xí)　141
實(shí)訓(xùn) 圖像的切割和導(dǎo)出　142
第11章 Flash初步　146
11.1 Flash概述　146
11.1.1 Flash的工作界面　146
11.1.2 對(duì)象面板窗口　148
11.2 制作第一個(gè)Flash影片　151
11.2.1 制作步驟　151
11.2.2 Flash文檔的發(fā)布、測(cè)試和運(yùn)行　153
本章小結(jié)　154
思考與練習(xí)　155
實(shí)訓(xùn) 創(chuàng)建及導(dǎo)入導(dǎo)出動(dòng)畫　156
第12章 Flash基礎(chǔ)　158
12.1 Flash的庫　158
12.2 繪圖　160
12.2.1 線條工具　160
12.2.2 鉛筆、橢圓、矩形、鋼筆工具　161
12.3 顏色處理　163
12.3.1 顏色概述　163
12.3.2 修改顏色工具　164
12.4 文本處理與實(shí)例的創(chuàng)建　167
12.4.1 文本處理　167
12.4.2 實(shí)例的創(chuàng)建　168
本章小結(jié)　169
思考與練習(xí)　169
實(shí)訓(xùn) 繪制一棵樹　170
第13章 Flash動(dòng)畫　173
13.1 幀與補(bǔ)間動(dòng)畫　173
13.1.1 幀　173
13.1.2 形狀補(bǔ)間和動(dòng)畫補(bǔ)間　176
13.2 引導(dǎo)層和遮罩層的使用　179
13.2.1 引導(dǎo)層的使用　179
13.2.2 遮罩層的使用　181
本章小結(jié)　182
思考與練習(xí)　183
實(shí)訓(xùn) 自定義緩入——球的跳動(dòng)　183
第14章 Action腳本　186
14.1 Action數(shù)據(jù)類型　186
14.1.1 Action腳本簡介　186
14.1.2 Action數(shù)據(jù)類型概述　186
14.1.3 字符串　187
14.1.4 其他數(shù)據(jù)類型　190
14.2 變量和操作符　191
14.2.1 變量　191
14.2.2 操作符　193
14.3 語法結(jié)構(gòu)　194
14.3.1 條件分支語句　194
14.3.2 循環(huán)語句　195
14.4 常用內(nèi)置對(duì)象及屬性　197
14.4.1 影片剪輯的屬性　198
14.4.2 影片的控制方法　199
本章小結(jié)　205
思考與練習(xí)　205
實(shí)訓(xùn) 遮罩層效果　206
第15章 框架　210
15.1 框架的建立與操作　210
15.1.1 框架的規(guī)劃與建立　210
15.1.2 框架的操作　213
15.2 在框架中顯示頁面　216
15.3 設(shè)置框架屬性　217
15.3.1 選擇框架集和框架　218
15.3.2 設(shè)置框架集屬性　219
15.3.3 設(shè)置框架屬性　220
本章小結(jié)　221
思考與練習(xí)　221
實(shí)訓(xùn) 在網(wǎng)頁中應(yīng)用框架　223
第16章 層的運(yùn)用　226
16.1 層　226
16.2 圖層的屬性與操作　227
16.2.1 設(shè)置圖層的屬性　227
16.2.2 圖層的操作　228
16.3 圖層與表格的關(guān)系　231
本章小結(jié)　232
思考與練習(xí)　233
實(shí)訓(xùn) 利用圖層制作彈出式菜單　234
第17章 時(shí)間軸　237
17.1 “時(shí)間軸”面板　237
17.2 創(chuàng)建時(shí)間軸動(dòng)畫　238
17.2.1 通過添加對(duì)象創(chuàng)建時(shí)間軸　238
17.2.2 通過拖動(dòng)路徑創(chuàng)建時(shí)間軸　239
17.3 編輯和修改時(shí)間軸　241
本章小結(jié)　244
思考與練習(xí)　244
實(shí)訓(xùn) 時(shí)間軸的應(yīng)用　245
第18章 行為　248
18.1 行為　248
18.1.1 行為概述　248
18.1.2 “行為”面板　250
18.2 Dreamweaver 8自帶的行為　251
18.2.1 Dreamweaver 8自帶的行為(1)　251
18.2.2 Dreamweaver 8自帶的行為(2)　253
18.2.3 Dreamweaver 8自帶的行為(3)　255
18.2.4 Dreamweaver 8自帶的行為(4)　258
本章小結(jié)　260
思考與練習(xí)　260
實(shí)訓(xùn) 行為的應(yīng)用　261
第19章 插入多媒體對(duì)象　265
19.1 插入Flash對(duì)象　265
19.1.1 網(wǎng)頁中的多媒體對(duì)象　265
19.1.2 插入和設(shè)置Flash動(dòng)畫　266
19.1.3 插入按鈕、文本、文檔　268
19.2 插入其他多媒體對(duì)象　269
19.2.1 插入Shockwave文件　269
19.2.2 插入Java Applet程序　270
19.2.3 插入ActiveX控件　271
19.2.4 插入插件　272
19.2.5 向頁面添加聲音　273
本章小結(jié)　274
思考與練習(xí)　274
實(shí)訓(xùn) 在頁面中插入多媒體對(duì)象　275
第20章 樣式風(fēng)格設(shè)計(jì)　280
20.1 “CSS樣式”面板　280
20.1.1 CSS樣式表概述　280
20.1.2 “CSS樣式”面板　281
20.2 CSS樣式的創(chuàng)建與管理　283
20.2.1 設(shè)置CSS樣式類別及使用范圍　283
20.2.2 創(chuàng)建CSS樣式　283
20.2.3 CSS樣式的管理　287
20.3 CSS樣式中濾鏡的使用　290
本章小結(jié)　294
思考與練習(xí)　294
實(shí)訓(xùn) 利用CSS樣式改變頁面風(fēng)格　296
第21章 表單　300
21.1 網(wǎng)頁表單　300
21.1.1 認(rèn)識(shí)網(wǎng)頁表單　300
21.1.2 創(chuàng)建表單　301
21.2 插入表單對(duì)象　303
21.2.1 插入“文本域”和“文本區(qū)域”　303
21.2.2 插入復(fù)選框、單選按鈕、單選按鈕組　306
21.2.3 插入其他表單對(duì)象　307
21.3 制作跳轉(zhuǎn)菜單　310
21.4 表單的處理　313
本章小結(jié)　313
思考與練習(xí)　314