零基礎(chǔ)學(xué)DREAMWEAVER中文版

第1章  網(wǎng)絡(luò)及Dreamweaver基礎(chǔ)知識(shí)
1.1  網(wǎng)絡(luò)基礎(chǔ)知識(shí)    2
1.1.1  什么是網(wǎng)絡(luò)    2
1.1.2  什么是因特網(wǎng)域名    2
1.1.3  網(wǎng)絡(luò)的作用    2
1.1.4  Dreamweaver能做什么    3
1.2  熟悉Dreamweaver的操作界面    3
1.2.1  插入工具欄    4
1.2.2  工具欄    7
1.2.3  【屬性】面板    7
1.2.4  浮動(dòng)面板組的基本操作    8
1.3  創(chuàng)建網(wǎng)站制作空間    9
1.4  使用色彩給網(wǎng)站定位      10
1.4.1  紅色的應(yīng)用      10
1.4.2  橙色的應(yīng)用    11
1.4.3  黃色的應(yīng)用    11
1.4.4  綠色的應(yīng)用    12
1.4.5  藍(lán)色的應(yīng)用    12
1.4.6  其他顏色的應(yīng)用    12
1.5  小結(jié)      13
第2章  學(xué)習(xí)網(wǎng)頁(yè)組成三要素
2.1知識(shí)要點(diǎn)    16
2.1.1  設(shè)置網(wǎng)頁(yè)文檔屬性    16
2.1.2  隨意修改文字屬性    18
2.1.3  在Dreamweaver中添加新字體      20
2.1.4  利用項(xiàng)目列表整理復(fù)雜內(nèi)容    21
2.2  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    24
2.2.1  有點(diǎn)成就感—制作“音樂(lè)專(zhuān)輯簡(jiǎn)介頁(yè)面”    24
制作思路    24
制作流程    24
范例操作——制作“音樂(lè)專(zhuān)輯簡(jiǎn)介頁(yè)面”    24
2.2.2  更上一層樓—制作“企業(yè)簡(jiǎn)介頁(yè)面”    26
制作思路    26
制作流程    27
范例操作——制作“企業(yè)簡(jiǎn)介頁(yè)面”    27
2.3  文本知識(shí)回顧    28
2.3.1  自己動(dòng)手—制作“個(gè)人簡(jiǎn)介頁(yè)面”    28
2.3.2 “個(gè)人簡(jiǎn)介頁(yè)面”操作流程    29
2.4  知識(shí)要點(diǎn)    29
2.4.1  圖像的插入與編輯    29
2.4.2  如何將圖像設(shè)置為背景      30
2.4.3  制作鼠標(biāo)響應(yīng)的翻轉(zhuǎn)菜單    32
2.4.4  使Flash透明顯示    33
2.5  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    34
2.5.1  有點(diǎn)成就感—制作“芽芽?jī)航】悼燔?chē)頁(yè)面”    34
制作思路    34
制作流程    35
范例操作——制作“芽芽?jī)航】悼燔?chē)頁(yè)面”    35
2.5.2  更上一層樓——制作“星級(jí)賓館頁(yè)面”    36
制作思路    36
制作流程    36
范例操作——制作“星級(jí)賓館頁(yè)面”    37
2.6  知識(shí)回顧    40
2.6.1  自己動(dòng)手—制作“化妝品網(wǎng)站頁(yè)面”    40
2.6.2  “化妝品網(wǎng)站頁(yè)面”制作流程    41
2.7  超鏈接的應(yīng)用    41
2.7.1  創(chuàng)建文字超鏈接      41
2.7.2  創(chuàng)建圖像超鏈接    42
2.7.3  其他鏈接    44
第3章  編排網(wǎng)頁(yè)內(nèi)容
3.1  知識(shí)要點(diǎn)    46
3.1.1  創(chuàng)建表格及表格的屬性設(shè)置    46
3.1.2  設(shè)置單元格的屬性    47
3.1.3  在布局模式下繪制表格及設(shè)置屬性    48
3.1.4  靈活應(yīng)用布局單元格    49
3.2  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    51
3.2.1  有點(diǎn)成就感—制作“昌鵬青瓷廠網(wǎng)站頁(yè)面”    51
制作思路    51
制作流程    51
范例操作——制作“昌鵬青瓷廠網(wǎng)站頁(yè)面”    52
3.2.2  更上一層樓—制作“七里香飲食服務(wù)公司網(wǎng)站頁(yè)面”    55
制作思路    55
制作流程    55
范例操作——制作“七里香飲食服務(wù)公司網(wǎng)站頁(yè)面”    55
3.3  知識(shí)回顧    57
3.3.1  自己動(dòng)手—制作“玩具工藝廠網(wǎng)站頁(yè)面”    58
3.3.2  “玩具工藝廠網(wǎng)站頁(yè)面”制作流程    58
3.4  知識(shí)要點(diǎn)    58
3.4.1  框架頁(yè)面的操作    58
3.4.2  創(chuàng)建框架頁(yè)面超鏈接    61
3.4.3  理解層的概念    62
3.4.4  創(chuàng)建并應(yīng)用層    63
3.4.5  層與表格的相互轉(zhuǎn)換    65
3.5  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    67
3.5.1  有點(diǎn)成就感—制作“迷你禮品店網(wǎng)站頁(yè)面”    67
制作思路    67
制作流程    67
范例操作——制作“迷你禮品店網(wǎng)站頁(yè)面”    67
3.5.2   更上一層樓—制作“幸運(yùn)之星蛋糕坊網(wǎng)站頁(yè)面”    73
制作思路    73
制作流程    73
范例操作——制作“幸運(yùn)之星蛋糕坊網(wǎng)站頁(yè)面”    73
3.6  知識(shí)回顧    76
3.6.1  自己動(dòng)手—制作“珠寶公司網(wǎng)站頁(yè)面”    76
3.6.2  “珠寶公司網(wǎng)站頁(yè)面”制作流程    76
第4章  CSS樣式與網(wǎng)頁(yè)特效
4.1  知識(shí)要點(diǎn)    78
4.1.1  初識(shí)樣式表    78
4.1.2  在哪里創(chuàng)建樣式表    78
4.1.3  修飾文章段落    79
4.1.4  為表格添加邊框線(xiàn)修飾頁(yè)面    81
4.1.5  改變鼠標(biāo)指針的形態(tài)    82
4.1.6  固定背景圖像    83
4.1.7  創(chuàng)建并應(yīng)用外部樣式    85
4.1.8  在所有圖片上添加邊框    86
4.2  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    87
4.2.1  有點(diǎn)成就感—制作“簡(jiǎn)單的文字頁(yè)面”    88
制作思路    88
制作流程    88
范例操作——制作“簡(jiǎn)單的文字頁(yè)面”    88
4.2.2  更上一層樓—制作“房地產(chǎn)公司網(wǎng)站頁(yè)面”    90
制作思路    90
制作流程    90
范例操作——制作“房地產(chǎn)公司網(wǎng)站頁(yè)面”    90
4.3  知識(shí)回顧    96
4.3.1  自己動(dòng)手—制作“網(wǎng)站公司頁(yè)面”    96
4.3.2  “網(wǎng)站公司頁(yè)面”制作流程    96
4.4  知識(shí)要點(diǎn)    97
4.4.1  制作嵌套頁(yè)面    97
4.4.2  制作文字滾動(dòng)效果    98
4.4.3  制作網(wǎng)頁(yè)上的自動(dòng)顯示每天日期效果    98
4.4.4  制作鼠標(biāo)跟隨效果    99
4.4.5  制作頁(yè)面前飄動(dòng)圖像的效果    101
4.4.6  制作彈出式廣告窗口    103
4.4.7  借助第三方軟件制作各種特效    103
4.5  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    106
4.5.1  有點(diǎn)成就感—制作“賓館網(wǎng)站頁(yè)面特效”    106
制作思路    106
制作流程    107
范例操作——制作“賓館網(wǎng)站頁(yè)面特效”    107
4.5.2  更上一層樓—制作“仿真食品網(wǎng)站頁(yè)面特效”    108
制作思路    108
制作流程    108
范例操作——制作“仿真食品網(wǎng)站頁(yè)面特效”    109
4.6  知識(shí)回顧    111
4.6.1  自己動(dòng)手——制作“貿(mào)易公司網(wǎng)站頁(yè)面中的特效”    111
4.6.2  “貿(mào)易公司網(wǎng)站頁(yè)面中的特效”制作流程    111
第5章  模板、行為與動(dòng)態(tài)頁(yè)面
5.1  知識(shí)要點(diǎn)    114
5.1.1  創(chuàng)建模板    114
5.1.2  管理模板    116
5.2  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    116
5.2.1  有點(diǎn)成就感—制作“五金電器網(wǎng)站模板”    117
制作思路    117
制作流程    117
范例操作——制作“五金電器網(wǎng)站模板”    117
5.2.2  更上一層樓—制作“海蘭德五金電器有限公司網(wǎng)站頁(yè)面”    118
制作思路    118
制作流程    118
范例操作——制作“海蘭德五金電器有限公司網(wǎng)站頁(yè)面”    119
5.3  知識(shí)回顧    121
5.3.1  自己動(dòng)手—制作“高保真食品公司網(wǎng)站”    121
5.3.2  “高保真食品公司網(wǎng)站”制作流程    121
5.4  知識(shí)點(diǎn)講解與實(shí)例操作    122
5.4.1  掌握行為基礎(chǔ)知識(shí)    122
5.4.2  Dreamweaver 中提供的動(dòng)作類(lèi)型    123
5.4.3  認(rèn)識(shí)事件    123
5.4.4  動(dòng)態(tài)按鈕的制作    125
5.4.5  彈出窗口頁(yè)面的制作    126
5.4.6  下拉菜單的制作    127
5.4.7  為網(wǎng)頁(yè)添加背景音樂(lè)    128
5.4.8  轉(zhuǎn)到URL        128
5.4.9  調(diào)用JavaScript函數(shù)    128
5.4.10  在網(wǎng)頁(yè)上顯示彈出信息    130
5.5  知識(shí)要點(diǎn)    131
5.5.1  何為表單    131
5.5.2  表單基礎(chǔ)    131
5.5.3  制作表單頁(yè)面    132
5.6  知識(shí)點(diǎn)實(shí)例點(diǎn)撥    136
5.6.1  有點(diǎn)成就感—制作“會(huì)員注冊(cè)頁(yè)面”    136
制作思路    136
制作流程    137
范例操作——制作“會(huì)員注冊(cè)頁(yè)面”    137
5.6.2  更上一層樓—制作“E-mail反饋表單網(wǎng)頁(yè)”    139
制作思路    139
制作流程    139
范例操作——制作“E-mail反饋表單網(wǎng)頁(yè)”    140
5.7  知識(shí)回顧    141
5.7.1  自己動(dòng)手—制作“網(wǎng)上報(bào)名網(wǎng)頁(yè)”    141
5.7.2  “網(wǎng)上報(bào)名網(wǎng)頁(yè)”制作流程    142
第6章  商業(yè)網(wǎng)站全程制作
6.1  前期準(zhǔn)備工作    144
6.1.1  明確網(wǎng)站風(fēng)格和內(nèi)容    144
6.1.2  站點(diǎn)的主題定位    145
6.1.3  網(wǎng)站整體結(jié)構(gòu)設(shè)計(jì)    146
6.1.4  搜集建站所需資料    146
6.2  網(wǎng)站建設(shè)    147
6.2.1  創(chuàng)建本地站點(diǎn)    147
6.2.2  制作Flash廣告    147
6.2.3  制作Flash頁(yè)面動(dòng)畫(huà)    155
6.2.4  制作頁(yè)面布局    156
6.2.5  利用準(zhǔn)備好的頁(yè)面創(chuàng)建模板    162
6.2.6  應(yīng)用模板制作內(nèi)容頁(yè)    164
6.3  網(wǎng)上安家    172
6.3.1   上傳頁(yè)面    172
6.3.2   網(wǎng)站宣傳    174
6.4  小結(jié)    176
第7章  網(wǎng)頁(yè)設(shè)計(jì)精要——切圖與頁(yè)面制作
7.1  在Photoshop中切圖    178
7.1.1   切圖前的設(shè)置與切片命名    178
7.1.2   網(wǎng)頁(yè)上部切圖    179
7.1.3   網(wǎng)頁(yè)中部切圖    180
7.1.4   網(wǎng)頁(yè)底部切圖以及保存切圖    189
7.2  開(kāi)始做網(wǎng)頁(yè)    190
7.2.1   制作網(wǎng)頁(yè)的上面部分    190
7.2.2   制作網(wǎng)頁(yè)的中間部分    192
7.2.3   制作網(wǎng)頁(yè)的底部    196
7.3  小結(jié)    197
附錄  快捷鍵