動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作

第1章 網(wǎng)頁設(shè)計(jì)與制作概述 1
1.1 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 1
1.1.1 網(wǎng)站的組成元素 1
1.1.2 網(wǎng)站與網(wǎng)頁的關(guān)系 4
1.1.3 基于Web的客戶端與服務(wù)器端 4
1.1.4 基于Web的人機(jī)交互 5
1.2 網(wǎng)站開發(fā)的技術(shù)層面及其工具 6
1.2.1 界面設(shè)計(jì) 6
1.2.2 客戶端程序設(shè)計(jì) 7
1.2.3 服務(wù)器端程序設(shè)計(jì) 7
1.2.4 服務(wù)器端數(shù)據(jù)庫開發(fā) 8
1.2.5 網(wǎng)站的測試 9
1.2.6 網(wǎng)站的發(fā)布. 維護(hù)與更新 9
1.3 網(wǎng)站的分類與精品網(wǎng)站賞析 10
1.3.1 網(wǎng)站分類的基本原則 10
1.3.2 綜合門戶類網(wǎng)站 11
1.3.3 垂直門戶類網(wǎng)站 11
1.3.4 藝術(shù)類網(wǎng)站 12
1.3.5 個(gè)人網(wǎng)站 12
1.4 練習(xí)與實(shí)驗(yàn) 13
第2章 HTML與JavaScript基礎(chǔ) 14
2.1 概述 14
2.1.1 學(xué)習(xí)HTML與JavaScript的
2.1.2 JavaScript在網(wǎng)頁設(shè)計(jì)中的大致應(yīng)用 14
2.2 HTML基礎(chǔ) 16
2.2.1 HTML的基本概念 16
2.2.2 HTML腳本的編輯器 18
2.2.3 HTML文檔的基本結(jié)構(gòu) 20
2.2.4 文本格式化標(biāo)記及其應(yīng)用 21
2.2.5 圖像標(biāo)記及其應(yīng)用 27
2.2.6 表格標(biāo)記及其應(yīng)用 28
2.2.7 鏈接標(biāo)記及其應(yīng)用 32
2.2.8 表單標(biāo)記及其應(yīng)用 33
2.3 JavaScript基礎(chǔ) 41
2.3.1 JavaScript概述 41
2.3.2 如何在HTML中嵌入JavaScript 41
2.3.3 JavaScript的基本語法 42
2.3.4 JavaScript中的常用對象 48
2.4 HTML與JavaScript的應(yīng)用案例 53
2.4.1 E-mail地址合法性的校驗(yàn) 53
2.4.2 基于客戶端的用戶登錄程序 55
2.5 練習(xí)與實(shí)驗(yàn) 57
第3章 Dreamwaver MX 59
3.1 Dreamweaver MX簡介 59
3.1.1 Dreamweaver MX的特點(diǎn) 59
3.1.2 Dreamweaver MX的安裝 60
3.1.3 Dreamweaver MX的運(yùn)行 61
3.1.4 Dreamweaver MX的應(yīng)用程序界面 61
3.2 Dreamweaver MX基本操作 65
3.2.1 創(chuàng)建本地站點(diǎn) 65
3.2.2 創(chuàng)建網(wǎng)頁 67
3.2.3 設(shè)置主頁 67
3.2.4 頁面屬性設(shè)置 67
3.2.5 超級(jí)鏈接 68
3.3 文本的輸入與編輯 70
3.3.1 輸入文本 70
3.3.2 格式化文本 70
3.3.3 使用HTML樣式 72
3.3.4 使用CSS樣式 73
3.4 圖像的插入與編輯 78
3.4.1 插入圖像 78
3.4.2 設(shè)置圖像屬性 79
3.4.3 制作翻滾圖 80
3.5 表格的制作與編輯 80
3.5.1 創(chuàng)建表格 80
3.5.2 嵌套表格 81
3.5.3 選定表格 81
3.5.4 設(shè)置表格和單元格屬性 82
3.5.5 修改表格 83
3.6 層 84
3.6.1 創(chuàng)建層 85
3.6.2 層面板 86
3.6.3 層操作 86
3.6.4 層與表格的轉(zhuǎn)換 87
3.7 框架 88
3.7.1 創(chuàng)建框架 88
3.7.2 選擇框架和框架組 89
3.7.3 設(shè)置框架和框架組屬性 89
3.7.4 刪除框架 90
3.7.5 保存框架和框架組 90
3.8 表單 90
3.8.1 創(chuàng)建表單 91
3.8.2 添加表單對象 92
3.9 時(shí)間軸的應(yīng)用 98
3.9.1 時(shí)間軸面板介紹 98
3.9.2 創(chuàng)建直線動(dòng)畫 98
3.9.3 創(chuàng)建曲線動(dòng)畫 99
3.9.4 拖動(dòng)路徑生成動(dòng)畫 99
3.10 行為事件 99
3.10.1 行為簡介 99
3.10.2 行為面板 100
3.10.3 行為的操作 100
3.10.4 Dreamweaver MX自帶的行為 100
3.11 插入多媒體對象 101
3.11.1 插入Flash動(dòng)畫 101
3.11.2 插入Fireworks HTML對象 103
3.12 模板與庫 103
3.12.1 模板 103
3.12.2 庫 106
3.13　向服務(wù)器上傳主頁 107
3.13.1 定義遠(yuǎn)程站點(diǎn) 107
3.13.2 文件上傳 108
3.14 主頁制作實(shí)例 109
3.14.1 頁面布局 110
3.14.2 編輯圖文 110
3.14.3 加入表單 111
3.14.4 創(chuàng)建動(dòng)畫 112
3.14.5 保存預(yù)覽網(wǎng)頁 112
3.15 練習(xí)與實(shí)驗(yàn) 112
3.16 習(xí)題參考答案 114
第4章 Fireworks MX 117
4.1　Fireworks MX介紹 117
4.1.1 Fireworks MX的主要特點(diǎn) 117
4.1.2 Fireworks MX安裝 118
4.1.3 Fireworks MX的運(yùn)行 119
4.1.4 Fireworks MX的應(yīng)用
程序界面 119
4.2 Fireworks MX文檔的基本操作 122
4.2.1 新建文檔 122
4.2.2 打開和導(dǎo)入文檔 122
4.2.3 修改文檔 123
4.2.4 保存和導(dǎo)出文檔 124
4.3 面板的介紹 125
4.3.1 面板的基本操作 125
4.3.2 面板的具體介紹 126
4.4 矢量圖形的操作 134
4.4.1 圖像的兩種模式 134
4.4.2 創(chuàng)建基本幾何圖形 134
4.4.3 路徑的繪制與編輯 137
4.4.4 對象操作 143
4.5 文本的使用 146
4.5.1 輸入文本 147
4.5.2 編輯文本 147
4.5.3 移動(dòng)文本 147
4.5.4 文本修飾 147
4.5.5 文本附加到路徑 147
4.5.6 文本轉(zhuǎn)換為路徑和圖像 148
4.6 圖像處理 149
4.6.1 圖像選區(qū) 149
4.6.2 位圖圖像的編輯 150
4.6.3 創(chuàng)建圖像映射 157
4.6.4 圖像切片 159
4.7 Fireworks MX綜合應(yīng)用實(shí)例 161
4.7.1 特效按鈕制作 161
4.7.2 制作簡單動(dòng)畫 166
4.7.3 制作主頁標(biāo)題 167
4.7.4 制作分隔條 169
4.7.5 制作彈出式菜單 170
4.8 練習(xí)與實(shí)驗(yàn) 173
第5章 Flash MX基礎(chǔ)與應(yīng)用 176
5.1 Flash MX簡介 176
5.1.1 Flash MX的應(yīng)用領(lǐng)域 176
5.1.2 Flash MX的工作界面 177
5.1.3 動(dòng)畫制作的相關(guān)概念 177
5.2 Flash MX的基本操作 179
5.2.1 Flash MX的系統(tǒng)設(shè)置 179
5.2.2 電影的創(chuàng)建及其修改 179
5.2.3 電影文件的其他操作 180
5.3 工具箱的使用 184
5.3.1 繪圖工具 184
5.3.2 選擇工具 188
5.3.3 其他工具 190
5.3.4 圖形的繪制 193
5.4 層. 時(shí)間軸與幀 199
5.4.1 層 199
5.4.2 時(shí)間軸 199
5.4.3 幀 200
5.5 元件與庫 200
5.5.1 元件概述 201
5.5.2 元件的創(chuàng)建 201
5.5.3 元件的應(yīng)用 203
5.5.4 庫與元件的管理 204
5.6 位圖. 音頻與視頻 204
5.6.1 位圖 204
5.6.2 音頻 205
5.6.3 視頻 206
5.7 Flash ActionScript基礎(chǔ) 207
5.7.1 ActionScript概述 207
5.7.2 ActionScript的基本語法 209
5.7.3 ActionScript的場景控制語句 213
5.7.4 ActionScript中的其他常用語句 214
5.8 電影的輸出與發(fā)布 216
5.8.1 電影的輸出 216
5.8.2 電影的發(fā)布 216
5.9 逐幀動(dòng)畫的制作 217
5.9.1 制作要領(lǐng) 217
5.9.2 實(shí)例 217
5.10 形變動(dòng)畫的制作 219
5.10.1 制作要領(lǐng) 219
5.10.2 實(shí)例 219
5.11 運(yùn)動(dòng)動(dòng)畫的制作 221
5.11.1 制作要領(lǐng) 221
5.11.2 實(shí)例 221
5.12 遮罩動(dòng)畫的制作 225
5.12.1 制作要領(lǐng) 225
5.12.2 實(shí)例 225
5.13 色彩動(dòng)畫的制作 229
5.13.1 制作要領(lǐng) 229
5.13.2 實(shí)例 230
5.14 腳本動(dòng)畫的制作 232
5.14.1 制作要領(lǐng) 232
5.14.2 實(shí)例 232
5.15 練習(xí)與實(shí)驗(yàn) 236
第6章 網(wǎng)站開發(fā)綜合實(shí)例 237
6.1 網(wǎng)站開發(fā)前的準(zhǔn)備工作 237
6.1.1 單位性質(zhì)及其大致情況介紹 237
6.1.2 網(wǎng)站的目標(biāo)用戶群 238
6.1.3 網(wǎng)站的訴求重點(diǎn) 238
6.1.4 網(wǎng)站的主要功能模塊 239
6.1.5 網(wǎng)站的技術(shù)模型 239
6.2 網(wǎng)站的整體策劃 239
6.2.1 網(wǎng)站整體CIS的設(shè)計(jì) 239
6.2.2 網(wǎng)站整體CIS的引入與實(shí)施 240
6.3 網(wǎng)站文件系統(tǒng)的建立 240
6.3.1 網(wǎng)站文件系統(tǒng)的建立規(guī)范 240
6.3.2 網(wǎng)站文件系統(tǒng)的建立 241
6.4 網(wǎng)站首頁的設(shè)計(jì) 245
6.4.1 組織架構(gòu) 246
6.4.2 版式設(shè)計(jì) 246
6.5 網(wǎng)站二級(jí)頁面的設(shè)計(jì) 278
6.5.1 內(nèi)容安排與版式設(shè)計(jì) 278
6.5.2 生成二級(jí)頁面的模板文件 279
6.5.3 二級(jí)頁面的批量生成 282
6.6 網(wǎng)站的發(fā)布 284
6.6.1 網(wǎng)站的上傳與下載 284
6.6.2 網(wǎng)站的推廣 288