Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目教程

項(xiàng)目1　站點(diǎn)的創(chuàng)建 1
1.1　項(xiàng)目相關(guān)知識(shí)——網(wǎng)頁(yè)基本知識(shí)概述 1
1.1.1　網(wǎng)頁(yè)的定義和分類(lèi) 1
1.1.2　域名和統(tǒng)一資源定位器 1
1.1.3　超文本標(biāo)記語(yǔ)言 2
1.2　項(xiàng)目相關(guān)知識(shí)——HTML基本標(biāo)記 2
1.2.1　HTML文檔的基本構(gòu)成 2
1.2.2　HTML語(yǔ)言基本標(biāo)記 3
1.3　項(xiàng)目相關(guān)知識(shí)——網(wǎng)頁(yè)基本結(jié)構(gòu) 9
1.3.1　整體結(jié)構(gòu)分析 9
1.3.2　頁(yè)面分析 13
1.4　項(xiàng)目相關(guān)知識(shí)——網(wǎng)頁(yè)設(shè)計(jì)工具介紹 14
1.4.1　Dreamweaver8簡(jiǎn)介 14
1.4.2　其他網(wǎng)頁(yè)設(shè)計(jì)工具 16
1.4.3　Dreamweaver8工作界面認(rèn)識(shí) 16
1.5　項(xiàng)目相關(guān)知識(shí)——網(wǎng)站規(guī)劃與站點(diǎn)管理 20
1.5.1　網(wǎng)站開(kāi)發(fā)流程 20
1.5.2　站點(diǎn)規(guī)劃 21
1.5.3　站點(diǎn)的創(chuàng)建與管理 22
1.5.4　基本素材的收集與分類(lèi) 25
1.6　項(xiàng)目訓(xùn)練內(nèi)容 25
1.7　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 27
1.7.1　實(shí)訓(xùn)報(bào)告要求 27
1.7.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 28
1.8　拓展訓(xùn)練題 28
項(xiàng)目2　基本頁(yè)面設(shè)計(jì) 29
2.1　項(xiàng)目相關(guān)知識(shí)——文本設(shè)計(jì) 29
2.1.1　文本的添加 29
2.1.2　設(shè)置文本格式 34
2.1.3　段落排版 36
2.2　項(xiàng)目相關(guān)知識(shí)——圖像的運(yùn)用 38
2.2.1　插入圖像 39
2.2.2　圖像的處理 41
2.2.3　設(shè)置背景圖像 44
2.3　項(xiàng)目相關(guān)知識(shí)——超鏈接的創(chuàng)建 46
2.3.1　文本鏈接的創(chuàng)建 47
2.3.2　圖像鏈接的創(chuàng)建 48
2.3.3　圖片熱點(diǎn)鏈接的創(chuàng)建 49
2.3.4　電子郵件鏈接的創(chuàng)建 50
2.3.5　錨鏈接的創(chuàng)建 51
2.3.6　建立跳轉(zhuǎn)菜單 53
2.3.7　鏈接的管理 54
2.4　項(xiàng)目相關(guān)知識(shí)——導(dǎo)航條的使用 56
2.4.1　插入導(dǎo)航條 57
2.4.2　編輯導(dǎo)航條 58
2.5　項(xiàng)目訓(xùn)練 59
2.6　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 63
2.6.1　實(shí)訓(xùn)報(bào)告要求 63
2.6.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 64
2.7　擴(kuò)充訓(xùn)練題 64
項(xiàng)目3　頁(yè)面排版 65
3.1　項(xiàng)目相關(guān)知識(shí)——利用表格排版 65
3.1.1　插入表格 65
3.1.2　格式化表格 66
3.1.3　利用表格排版 71
3.2　項(xiàng)目相關(guān)知識(shí)——利用布局表格排版 73
3.2.1　布局表格的插入 73
3.2.2　利用布局表格排版 75
3.3　項(xiàng)目相關(guān)知識(shí)——利用層規(guī)劃頁(yè)面 77
3.3.1　關(guān)于層的認(rèn)識(shí) 78
3.3.2　層的創(chuàng)建 78
3.3.3　層屬性的設(shè)置 78
3.3.4　層面板的使用方法 79
3.3.5　層的基本操作 80
3.3.6　利用層排版和定位 82
3.3.7　層與表格的轉(zhuǎn)換 84
3.3.8　向?qū)又胁迦氡砀?86
3.4　項(xiàng)目相關(guān)知識(shí)——利用框架排版 87
3.4.1　關(guān)于框架和框架集的認(rèn)識(shí) 87
3.4.2　框架集的創(chuàng)建 87
3.4.3　框架文件和框架集文件 88
3.4.4　設(shè)置框架和框架集 90
3.4.5　框架顯示內(nèi)容的控制 91
3.5　項(xiàng)目訓(xùn)練內(nèi)容 93
3.6　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 99
3.6.1　實(shí)訓(xùn)報(bào)告要求 99
3.6.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 99
3.7　拓展訓(xùn)練題 100
項(xiàng)目4　網(wǎng)頁(yè)對(duì)象的使用 101
4.1　項(xiàng)目相關(guān)知識(shí)——標(biāo)簽的使用 101
4.1.1　網(wǎng)頁(yè)標(biāo)簽的插入方法 101
4.1.2　字幕標(biāo)簽的使用 106
4.2　項(xiàng)目相關(guān)知識(shí)——媒體對(duì)象的添加 109
4.2.1　添加Flash對(duì)象 109
4.2.2　添加ActiveX控件 113
4.2.3　添加Java小程序 114
4.2.4　添加聲音 115
4.3　項(xiàng)目訓(xùn)練內(nèi)容 117
4.4　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 123
4.4.1　實(shí)訓(xùn)報(bào)告要求 123
4.4.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 124
4.5　拓展訓(xùn)練題 124
項(xiàng)目5　行為的使用 125
5.1　項(xiàng)目相關(guān)知識(shí)——行為的基本操作 125
5.1.1　行為概述 125
5.1.2　行為面板介紹 125
5.1.3　添加行為 126
5.1.4　編輯行為 128
5.1.5　刪除行為 128
5.1.6　獲取更多的行為 129
5.2　項(xiàng)目相關(guān)知識(shí)——內(nèi)置行為的使用 129
5.2.1　調(diào)用JavaScript代碼 129
5.2.2　改變網(wǎng)頁(yè)對(duì)象的屬性 131
5.2.3　檢查瀏覽器 133
5.2.4　跳轉(zhuǎn)到指定的網(wǎng)頁(yè) 134
5.2.5　打開(kāi)瀏覽器窗口 136
5.2.6　設(shè)置狀態(tài)欄文本 138
5.2.7　彈出信息對(duì)話框 138
5.2.8　顯示—隱藏層 139
5.2.9　交換圖像 141
5.3　項(xiàng)目訓(xùn)練 143
5.4　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 148
5.4.1　實(shí)訓(xùn)報(bào)告要求 148
5.4.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 148
5.5　拓展訓(xùn)練題 149
項(xiàng)目6　網(wǎng)頁(yè)動(dòng)畫(huà)的創(chuàng)建 150
6.1　項(xiàng)目相關(guān)知識(shí)——時(shí)間軸的使用 150
6.1.1　時(shí)間軸面板 150
6.1.2　創(chuàng)建時(shí)間軸動(dòng)畫(huà) 151
6.1.3　修改時(shí)間軸動(dòng)畫(huà) 153
6.2　項(xiàng)目相關(guān)知識(shí)——時(shí)間軸和行為的結(jié)合 156
6.2.1　為時(shí)間軸添加行為 156
6.2.2　控制時(shí)間軸的行為 158
6.3　項(xiàng)目相關(guān)知識(shí)——用插件實(shí)現(xiàn)動(dòng)畫(huà) 160
6.3.1　插件的使用 160
6.3.2　用插件實(shí)現(xiàn)動(dòng)畫(huà)的實(shí)例 163
6.4　項(xiàng)目訓(xùn)練內(nèi)容 167
6.5　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 170
6.5.1　實(shí)訓(xùn)報(bào)告要求 170
6.5.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 171
6.6　拓展訓(xùn)練題 171
項(xiàng)目7　CSS樣式和模板的使用 172
7.1 項(xiàng)目相關(guān)知識(shí)——CSS樣式的應(yīng)用 172
7.1.1　CSS的基本語(yǔ)法和常用屬性 172
7.1.2　CSS樣式在網(wǎng)頁(yè)中的應(yīng)用 176
7.2　項(xiàng)目相關(guān)知識(shí)——CSS實(shí)例效果 183
7.3　項(xiàng)目相關(guān)知識(shí)——模板的應(yīng)用 188
7.3.1　模板的創(chuàng)建 188
7.3.2　模板的編輯 190
7.3.3　模板的應(yīng)用 191
7.4　項(xiàng)目訓(xùn)練 195
7.5　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 198
7.5.1　實(shí)訓(xùn)報(bào)告要求 198
7.5.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 198
7.6　擴(kuò)充訓(xùn)練題 198
項(xiàng)目8　交互式頁(yè)面設(shè)計(jì) 199
8.1　項(xiàng)目相關(guān)知識(shí)——表單的使用 199
8.1.1　表單的創(chuàng)建 199
8.1.2　添加表單對(duì)象 200
8.1.3　表單的驗(yàn)證 208
8.1.4　表單的處理 212
8.2　項(xiàng)目訓(xùn)練 217
8.3　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 220
8.3.1　實(shí)訓(xùn)報(bào)告要求 220
8.3.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 220
8.4　擴(kuò)充訓(xùn)練題 220
項(xiàng)目9　網(wǎng)頁(yè)綜合項(xiàng)目設(shè)計(jì) 222
9.1　項(xiàng)目相關(guān)知識(shí)——Fireworks 8的基本使用 222
9.1.1　Fireworks 8工作界面的認(rèn)識(shí) 222
9.1.2　網(wǎng)站徽標(biāo)的制作 226
9.1.3　下拉菜單的制作 230
9.2　項(xiàng)目相關(guān)知識(shí)——Flash 8的基本使用 233
9.2.1　Flash 8工作界面的認(rèn)識(shí) 233
9.2.2　利用Flash 8制作按鈕 235
9.2.3　Flash動(dòng)畫(huà)的發(fā)布 236
9.3　項(xiàng)目訓(xùn)練內(nèi)容：網(wǎng)站制作綜合實(shí)例 239
9.4　實(shí)訓(xùn)報(bào)告要求和考核標(biāo)準(zhǔn) 253
9.4.1　實(shí)訓(xùn)報(bào)告要求 253
9.4.2　實(shí)訓(xùn)考核標(biāo)準(zhǔn) 253
9.5　擴(kuò)充訓(xùn)練題 254
參考文獻(xiàn) 255