Dreamweaver+Flash+Photoshop課堂實(shí)錄（課堂實(shí)錄）

第1章　網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)基礎(chǔ) 1
1.1　預(yù)備知識(shí) 2
1.1.1　什么是網(wǎng)站 2
1.1.2　靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁 2
1.1.3　申請(qǐng)域名 3
1.1.4　申請(qǐng)服務(wù)器空間 7
1.2　常用的網(wǎng)頁設(shè)計(jì)軟件 9
1.2.1　網(wǎng)頁設(shè)計(jì)軟件Dreamweaver 9
1.2.2　圖像設(shè)計(jì)軟件Photoshop 10
1.2.3　動(dòng)畫設(shè)計(jì)軟件Flash 10
1.2.4　HTML標(biāo)記 11
1.2.5　FTP軟件 12
1.3　網(wǎng)站建設(shè)的一般流程 13
1.3.1　網(wǎng)站的定位 13
1.3.2　規(guī)劃站點(diǎn)結(jié)構(gòu) 14
1.3.3　網(wǎng)站整體規(guī)劃 14
1.3.4　收集資料與素材 15
1.3.5　設(shè)計(jì)網(wǎng)頁頁面 15
1.3.6　切圖并制作成頁面 16
1.3.7　開發(fā)動(dòng)態(tài)網(wǎng)站模塊 16
1.3.8　發(fā)布與上傳 18
1.3.9　后期更新與維護(hù) 18
1.3.10　網(wǎng)站的推廣 18
第2章　網(wǎng)頁版面設(shè)計(jì)和布局 19
2.1　網(wǎng)頁版面布局設(shè)計(jì) 20
2.1.1　網(wǎng)頁版面布局原則 20
2.1.2　點(diǎn)、線、面的構(gòu)成 22
2.2　網(wǎng)頁布局方法 24
2.2.1　紙上布局法 24
2.2.2　軟件布局法 25
2.3　常見的網(wǎng)頁結(jié)構(gòu)類型 26
2.3.1　“廠”字型布局 26
2.3.2　“國(guó)”字型布局 26
2.3.3　“框架”型布局 27
2.3.4　“封面”型布局 27
2.3.5　Flash型布局 28
2.4　文字與版式設(shè)計(jì) 28
2.4.1　文字的字體、字號(hào)、行距 28
2.4.2　文字的顏色 29
2.4.3　文字的圖形化 30
2.5　圖像設(shè)計(jì)排版 30
2.5.1　網(wǎng)頁中應(yīng)用圖像的注意要點(diǎn) 30
2.5.2　讓圖片更合理 31
第3章　網(wǎng)頁色彩的選擇及搭配 33
3.1　色彩基礎(chǔ)知識(shí) 34
3.1.1　色彩的基本概念 34
3.1.2　網(wǎng)頁安全色 35
3.2　色彩的三要素 36
3.2.1　色相 36
3.2.2　明度 36
3.2.3　純度 37
3.3　各種顏色的色彩搭配 37
3.3.1　紅色 37
3.3.2　黃色 38
3.3.3　藍(lán)色 38
3.3.4　綠色 39
3.3.5　紫色 39
3.3.6　橙色 40
3.3.7　白色 40
3.3.8　黑色 40
3.3.9　灰色 41
3.4　頁面色彩搭配 42
3.4.1　網(wǎng)頁色彩搭配原理 42
3.4.2　網(wǎng)頁設(shè)計(jì)中色彩搭配的技巧 43
第4章　熟悉Dreamweaver CC 47
4.1　認(rèn)識(shí)Dreamweaver CC界面 48
4.1.1　文檔工具欄 48
4.1.2　常用菜單命令 49
4.1.3　插入工具欄 49
4.1.4　屬性面板 50
4.1.5　面板組 50
4.2　創(chuàng)建本地站點(diǎn) 51
4.3　管理站點(diǎn) 52
4.3.1　打開站點(diǎn) 52
4.3.2　編輯站點(diǎn) 53
4.3.3　刪除站點(diǎn) 53
4.3.4　復(fù)制站點(diǎn) 54
4.4　綜合實(shí)例—?jiǎng)?chuàng)建本地站點(diǎn) 54
第5章　給網(wǎng)頁添加文字和圖像 56
5.1　文本的輸入和編輯 57
5.1.1　輸入文本 57
5.1.2　設(shè)置文本屬性 58
5.1.3　輸入特殊字符 60
5.2　在網(wǎng)頁中插入圖像 61
5.2.1　插入圖像 61
5.2.2　設(shè)置圖像屬性 63
5.2.3　插入鼠標(biāo)經(jīng)過圖像 65
5.3　鏈接的設(shè)置 67
5.3.1　鏈接的類型 67
5.3.2　設(shè)置文本鏈接和圖像鏈接 67
5.3.3　創(chuàng)建圖像熱點(diǎn)鏈接 68
5.3.4　創(chuàng)建電子郵件鏈接 70
5.3.5　創(chuàng)建下載文件的鏈接 71
5.4　插入媒體 72
5.4.1　插入Flash動(dòng)畫 72
5.4.2　插入視頻 74
5.4.3　插入網(wǎng)頁背景音樂網(wǎng)頁 76
5.5　綜合實(shí)例—制作圖文混排的多媒體頁面 78
第6章　使用行為和JavaScript添加網(wǎng)頁特效 81
6.1　特效中的行為和事件 82
6.1.1　動(dòng)作 82
6.1.2　事件 83
6.2　使用Dreamweaver內(nèi)置行為 84
6.2.1?交換圖像 84
6.2.2　彈出提示信息 86
6.2.3　打開瀏覽器窗口 87
6.2.4　轉(zhuǎn)到URL 88
6.2.5　預(yù)先載入圖像 90
6.2.6　檢查表單 92
6.2.7?設(shè)置狀態(tài)欄文本 93
6.3　利用腳本制作特效網(wǎng)頁 94
6.3.1　制作滾動(dòng)公告網(wǎng)頁 94
6.3.2　制作自動(dòng)關(guān)閉網(wǎng)頁 96
第7章　創(chuàng)建表單 98
7.1　表單概述 99
7.2　插入輸入類表單對(duì)象 99
7.2.1　插入表單域 99
7.2.2　插入文本域 101
7.2.3　插入密碼域 103
7.2.4　插入多行文本域 103
7.2.5　插入隱藏域 104
7.2.6　插入復(fù)選框 104
7.2.7　插入單選按鈕 105
7.2.8　插入列表/菜單 106
7.2.9　插入Tel 108
7.2.10　插入文件域 108
7.2.11　插入圖像域 109
7.2.12　插入按鈕 110
7.3　綜合實(shí)例—制作電子郵件表單 110
第8章　用表格排版網(wǎng)頁 115
8.1　在網(wǎng)頁中插入表格 116
8.1.1　插入表格 116
8.1.2　添加內(nèi)容到單元格 117
8.2　設(shè)置表格屬性 118
8.2.1　設(shè)置單元格屬性 118
8.2.2　設(shè)置表格屬性 118
8.3　表格的基本操作 119
8.3.1　選定表格 119
8.3.2　添加行或列 120
8.3.3　刪除行或列 121
8.3.4　合并單元格 122
8.3.5　拆分單元格 122
8.3.6　調(diào)整表格大小 123
8.4　表格的其他功能 124
8.4.1　導(dǎo)入表格式數(shù)據(jù) 124
8.4.2　排序表格 126
8.5　綜合實(shí)例 128
實(shí)戰(zhàn)1—利用表格排版頁面 128
實(shí)戰(zhàn)2—?jiǎng)?chuàng)建網(wǎng)頁圓角表格 133
第9章　使用模板和庫(kù)快速
創(chuàng)建網(wǎng)頁 137
9.1　認(rèn)識(shí)模板 138
9.2　創(chuàng)建模板 138
9.2.1　在空白文檔中創(chuàng)建模板 138
9.2.2　從現(xiàn)有文檔創(chuàng)建模板 139
9.2.3　創(chuàng)建可編輯區(qū)域 140
9.3　創(chuàng)建基于模板的頁面 142
9.4　庫(kù)的創(chuàng)建、管理與應(yīng)用 144
9.4.1　創(chuàng)建庫(kù)項(xiàng)目 144
9.4.2　庫(kù)項(xiàng)目的應(yīng)用 146
9.4.3　編輯庫(kù)項(xiàng)目 148
9.5　綜合實(shí)例—?jiǎng)?chuàng)建完整的企業(yè)網(wǎng)站模板 149
實(shí)戰(zhàn)1—?jiǎng)?chuàng)建模板 150
實(shí)戰(zhàn)2—利用模板創(chuàng)建網(wǎng)頁 154
第10章　使用CSS樣式美化網(wǎng)頁 158
10.1　初識(shí)CSS 159
10.1.1　CSS概述 159
10.1.2　CSS的作用 159
10.1.3　基本CSS語法 160
10.2　添加CSS的方法 161
10.3　定義CSS樣式的屬性 162
10.3.1　文本樣式的定義 162
10.3.2　背景樣式的定義 162
10.3.3　區(qū)塊樣式的定義 163
10.3.4　方框樣式的定義 164
10.3.5　邊框樣式的定義 164
10.3.6　列表樣式的定義 165
10.3.7　定位樣式的定義 165
10.3.8　擴(kuò)展樣式的定義 166
10.3.9　CSS過渡 167