DREAMWEAVER網(wǎng)頁制作一點通

第1章　邁入網(wǎng)頁制作之門　1
1.1　認識網(wǎng)頁　2
1.1.1　什么是網(wǎng)頁　2
1.1.2　網(wǎng)頁的類型　2
1.1.3　網(wǎng)頁的相關(guān)概念　2
1　萬維網(wǎng)　3
2　瀏覽器　3
3　URL　3
4　FTP　4
5　HTML　4
6　IP地址　4
7　域名　4
8　發(fā)布　4
1.1.4　網(wǎng)頁中的專用術(shù)語　4
1　超級鏈接　5
2　Logo　5
3　Banner　5
4　表單　5
5　導航條　6
1.2　了解網(wǎng)站　6
1　門戶網(wǎng)站　6
2　個人網(wǎng)站　6
3　專業(yè)網(wǎng)站　7
4　職能網(wǎng)站　7
1.3　網(wǎng)頁構(gòu)架　7
1.4　網(wǎng)頁制作的常用軟件　9
1　布局軟件　9
2　網(wǎng)頁動畫制作軟件　9
3　網(wǎng)頁圖像處理軟件　10
4　網(wǎng)頁源代碼編輯工具　10
5　各軟件間的相互關(guān)系　10
6　網(wǎng)頁制作軟件的獲取　10
1.5　網(wǎng)頁制作的一般步驟　11
1　收集、整理素材　11
2　規(guī)劃站點　11
3　制作網(wǎng)頁　11
4　測試站點　12
5　發(fā)布及維護站點　12
1.6　網(wǎng)頁制作的技巧　12
1.6.1　用色技巧　12
1.6.2　網(wǎng)頁基本元素的標準及使用技巧　13
1　Logo　14
2　Banner　143　導航欄　14
4　按鈕　14
5　圖像　15
6　文本　15
1.6.3　制作原則與技巧　15
1.7　如何學好網(wǎng)頁制作　16

第2章　初識Dreamweaver MX 2004　19
2.1　安裝、啟動與退出Dreamweaver MX 2004　20
2.1.1　安裝Dreamweaver MX 2004　20
2.1.2　啟動與退出Dreamweaver MX 2004　21
1　啟動Dreamweaver MX 2004　21
2　退出Dreamweaver MX 2004　23
2.2　Dreamweaver MX 2004的界面　23
1　插入欄　23
2　文檔工具欄　25
3　浮動面板組　25
4　屬性面板　26
5　擴展按鈕　26
2.3　創(chuàng)建、保存與打開網(wǎng)頁　26
2.3.1　創(chuàng)建新頁面　26
2.3.2　保存網(wǎng)頁　27
1　直接保存　27
2　另存為　28
2.3.3　打開已有網(wǎng)頁　28
2.4　預(yù)覽網(wǎng)頁效果　28

第3章　創(chuàng)建站點與設(shè)置頁面屬性　31
3.1　創(chuàng)建站點的準備　32
1　什么是站點　32
2　規(guī)劃站點結(jié)構(gòu)　32
3　創(chuàng)建“天創(chuàng)桌面”網(wǎng)站導航草圖　33
3.2　創(chuàng)建“tianchuang”站點　33
3.2.1　怎樣創(chuàng)建站點　33
3.2.2　管理“tianchuang”站點　36
1　在站點中添加文件和文件夾　36
2　刪除文件或文件夾　37
3　重命名文件或文件夾　37
4　編輯站點　38
5　刪除站點　38
3.3　設(shè)置“遺失的童話”頁面屬性　39
1　設(shè)置外觀屬性　40
2　設(shè)置鏈接屬性　42
3　設(shè)置標題屬性　43
4　標題/編碼　43
5　跟蹤圖像　44

第4章　制作“岳麓書院”網(wǎng)頁　47
4.1　在網(wǎng)頁中添加文本　48
4.1.1　為“岳麓書院”網(wǎng)頁添加普通文本　48
4.1.2　為“岳麓書院”網(wǎng)頁添加特殊字符　50
4.1.3　為“岳麓書院”網(wǎng)頁添加空格　51
4.1.4　添加水平線　51
1　插入水平線　51
2　編輯水平線　52
4.1.5　添加日期　52
4.1.6　文本的換行與分段　53
4.2　編輯文本　54
4.2.1　設(shè)置“岳麓書院”網(wǎng)頁文本基本樣式　54
1　設(shè)置字體列表　54
2　設(shè)置文本的大小及字體　55
3　設(shè)置文本顏色　56
4.2.2　設(shè)置段落格式　57
1　設(shè)置“岳麓書院”網(wǎng)頁文本段落縮進　57
2　對齊文本　57
4.2.3　設(shè)置列表項　58
1　編號列表　58
2　項目列表　59
3　定義列表　60
4　設(shè)置列表屬性　61
4.3　用標尺和網(wǎng)格定位網(wǎng)頁元素　62
1　標尺　62
2　網(wǎng)格　63
4.4　使用CSS樣式美化“岳麓書院”網(wǎng)頁元素　63
4.4.1　認識“CSS樣式”面板　63
4.4.2　創(chuàng)建CSS樣式　64
4.4.3　編輯CSS樣式　65
1　類型　65
2　背景　66
3　區(qū)塊　67
4　列表　68
4.4.4　應(yīng)用CSS樣式　69
4.4.5　鏈接外部CSS樣式　69

第5章　制作“臉譜”網(wǎng)頁　73
5.1　網(wǎng)頁圖像格式　74
5.2　圖像文件的獲取　75
5.3　為“臉譜”網(wǎng)頁添加圖像　75
1　直接添加圖像　75
2　用占位符添加圖像　77
5.4　設(shè)置圖像屬性　78
1　命名圖像　78
2　改變圖像大小　78
3　設(shè)置源文件　79
4　文本說明　79
5　邊距　79
6　圖像邊框　79
7　對齊方式　79
8　裁切圖像　80
9　鏈接　81
10　調(diào)整明暗度　81
11　銳化圖像　81
12　低解析度源　81
5.5　創(chuàng)建鼠標經(jīng)過圖像　81
5.6　為“臉譜”網(wǎng)頁創(chuàng)建導航條　83
1　創(chuàng)建導航條　84
2　修改導航條　85
5.7 與Fireworks的結(jié)合使用　85
5.8 5.8　創(chuàng)建網(wǎng)站相冊　86

第6章　制作“茗香閣”網(wǎng)頁　89
6.1　了解超級鏈接　90
1　源端點的鏈接　91
2　目標端點的鏈接　91
3　根據(jù)鏈接路徑分類　92
6.2　創(chuàng)建超級鏈接　92
6.2.1　為“茗香閣”網(wǎng)頁創(chuàng)建文本鏈接　92
6.2.2　為“茗香閣”網(wǎng)頁創(chuàng)建圖像鏈接　93
1　一般圖像鏈接　93
2　熱點圖像鏈接　95
6.2.3　為“茗香閣”網(wǎng)頁創(chuàng)建錨鏈接　96
1　創(chuàng)建命名錨記　96
2　鏈接命名錨記　96
6.2.4　為“茗香閣”網(wǎng)頁創(chuàng)建電子郵件鏈接　97
6.2.5　創(chuàng)建空鏈接　98

第7章　制作“深憶動漫”網(wǎng)頁　101
7.1　為“深憶動漫”網(wǎng)頁添加
Flash媒體元素　102
7.1.1　認識Flash媒體元素　102
1　Flash文件的格式　103
2　Flash文件的獲取　103
7.1.2　添加Flash動畫　104
7.1.3　添加Flash按鈕　105
7.1.4　添加Flash文本　107
7.2　添加其他媒體元素　108
1　添加Shockwave影片　108
2　添加Applet　109
3　添加插件　110
7.3　添加音樂元素　110
1　為“深憶動漫”網(wǎng)頁添加背景音樂　110
2　添加音樂鏈接　111
3　頁面音樂的嵌入　112

第8章　制作“產(chǎn)品介紹”網(wǎng)頁　115
8.1　為“產(chǎn)品介紹”網(wǎng)頁創(chuàng)建表格　116
1　創(chuàng)建普通表格　116
2　創(chuàng)建嵌套表格　118
8.2　表格的基本操作　118
8.2.1　選中表格　119
1　選中整個表格　119
2　選中行或列　119
3　選中單元格　120
8.2.2　拆分與合并單元格　121
1　拆分單元格　121
2　合并單元格　121
8.2.3　調(diào)整表格的行列　122
1　單行或單列的插入　122
2　多行或多列的插入　123
3　刪除行或列　123
8.3　在“產(chǎn)品介紹”網(wǎng)頁中設(shè)置表格和單元格屬性　124
1　設(shè)置表格屬性　124
2　設(shè)置單元格屬性　126
8.4　在“產(chǎn)品介紹”網(wǎng)頁中添加表格內(nèi)容　126
1　在外層表格中添加內(nèi)容　127
2　在嵌套表格中添加內(nèi)容　128
8.5　表格的高級操作　129
8.5.1　移動表格整行或整列內(nèi)容　129
8.5.2　表格的排序　130
8.5.3　導入和導出表格數(shù)據(jù)　131
1　表格數(shù)據(jù)的導入　131
2　表格數(shù)據(jù)的導出　133
8.6　在布局模式中使用表格　133
8.6.1　創(chuàng)建布局表格和布局單元格　134
1　繪制布局表格　134
2　繪制布局單元格　134
3　繪制嵌套布局表格　135
8.6.2　設(shè)置布局模式的首選參數(shù)　135

第9章　制作“奇花異草”網(wǎng)頁　139
9.1　認識框架及框架集　140
9.2　為“奇花異草”網(wǎng)頁創(chuàng)建框架集　141
9.2.1　創(chuàng)建框架集　141
1　直接創(chuàng)建預(yù)定義框架集　141
2　加載預(yù)定義框架集　142
9.2.2　創(chuàng)建嵌套框架集　143
9.3　框架及框架集的基本操作　143
9.3.1　認識“框架”面板　143
9.3.2　選中框架和框架集　144
1　在編輯窗口中選中框架和框架集　144
2　在“框架”面板中選中框架和框架集　144
9.3.3　調(diào)整框架大小　145
9.3.4　拆分框架　145
9.3.5　刪除框架　146
9.4　設(shè)置框架及框架集的屬性　147
1　設(shè)置框架的屬性　147
2　設(shè)置框架集的屬性　148
9.5　為“奇花異草”網(wǎng)頁添加內(nèi)容　149
1　設(shè)置框架背景　149
2　添加網(wǎng)頁元素　150
9.6　保存框架及框架集　153
1　保存框架文檔　153
2　保存框架集文檔　153
3　保存框架集中的所有文檔　154

第10章　制作“網(wǎng)上購物”網(wǎng)頁　157
10.1　創(chuàng)建層與設(shè)置層的首選參數(shù)　158
1　在“網(wǎng)上購物”網(wǎng)頁中創(chuàng)建層　158
2　在“網(wǎng)上購物”網(wǎng)頁中創(chuàng)建嵌套層　160
3　設(shè)置層首選參數(shù)　160
10.2　層的基本操作　162
10.2.1　認識“層”面板　162
10.2.2　選中層　162
1　選中單個層　162
2　選中多個層　163
10.2.3　拖動層　163
10.2.4　調(diào)整層大小　164
1　調(diào)整單個層的大小　164
2　調(diào)整多個層的大小　165
10.2.5　在“網(wǎng)上購物”網(wǎng)頁中對齊層　165
10.3　層的高級操作　166
10.3.1　在“網(wǎng)上購物”網(wǎng)頁中設(shè)置層的屬性　166
1　設(shè)置單個層的屬性　167
2　設(shè)置多個層的屬性　168
10.3.2　顯示或隱藏層　168
10.3.3　設(shè)置層的堆疊順序　169
1　在“層”面板更改層的堆疊順序　169
2　在“屬性”面板中更改層的堆疊順序　169
10.4　在“網(wǎng)上購物”網(wǎng)頁中添加元素　169
1　在層“Layer1”和層“Layer2”中添加內(nèi)容　170
2　在層“Layer3”中添加內(nèi)容　171
10.5　層與表格的相互轉(zhuǎn)換　172
1　將層轉(zhuǎn)換為表格　172
2　將表格轉(zhuǎn)換為層　173

第11章　制作“游戲港”網(wǎng)頁　175
11.1　了解行為　176
11.2　認識“行為”面板　177
11.3　行為的操作　177
1　添加行為　177
2　修改行為　178
3　刪除行為　178
4　獲取更多的行為　178
11.4　為“游戲港”網(wǎng)頁添加行為　179
11.4.1　添加“交換圖像”行為　179
11.4.2　添加“彈出信息”行為　180
11.4.3　添加“打開瀏覽器窗口”行為　181
11.4.4　添加“拖動層”行為　182
1　設(shè)置“基本”選項卡　182
2　設(shè)置“高級”選項卡　183
11.4.5　顯示彈出式菜單　184
1　“內(nèi)容”選項卡　184
2　“外觀”選項卡　185
3　“高級”選項卡　186
4　“位置”選項卡　186
11.4.6　添加“檢查插件”行為　187
11.4.7　添加“設(shè)置導航欄圖像”行為　188
11.4.8　添加“調(diào)用JavaScript”　188
11.4.9　跳轉(zhuǎn)菜單　189
11.4.10　添加“轉(zhuǎn)到URL”行為　189
11.4.11　添加“控制Shockwave或Flash行為　189
11.4.12　添加“預(yù)先載入圖像”行為　190

第12章　制作“注冊”網(wǎng)頁　193
12.1　創(chuàng)建表單　194
1　了解表單　194
2　為“注冊”網(wǎng)頁創(chuàng)建表單　195
3　設(shè)置表單屬性　195
12.2　表單對象介紹　196
12.3　為“注冊”網(wǎng)頁添加表單對象　198
12.3.1　添加文本字段　198
1　添加單行文本字段　199
2　添加多行文本字段　200
3　添加密碼域　201
12.3.2　添加隱藏域　201
12.3.3　添加文本區(qū)域　202
12.3.4　添加復(fù)選框　202
12.3.5　添加單選按鈕　202
12.3.6　添加單選按鈕組　203
12.3.7　添加列表/菜單　204
12.3.8　添加跳轉(zhuǎn)菜單　205
12.3.9　添加按鈕　205
12.3.10　添加圖像域　206
12.3.11　添加文件域　207

第13章　制作“凌霄公司”網(wǎng)頁　209
13.1　創(chuàng)建與編輯模板　210
13.1.1　創(chuàng)建模板　210
1　將“凌霄公司”網(wǎng)頁另存為模板　211
2　創(chuàng)建空白模板　211
13.1.2　模板的編輯　212
1　在“凌霄公司”網(wǎng)頁模板中創(chuàng)建可編輯區(qū)域　212
2　更改可編輯區(qū)域的名稱　213
3　取消對可編輯區(qū)域的標記　214
13.2　應(yīng)用“凌霄”公司網(wǎng)頁模板　215
13.2.1　用模板創(chuàng)建網(wǎng)頁　215
1　使用“從模板新建”對話框創(chuàng)建網(wǎng)頁　215
2　在“資源”面板中使用模板創(chuàng)建新網(wǎng)頁　216
3　將當前網(wǎng)頁應(yīng)用模板　216
13.2.2　用已有網(wǎng)頁更新模板　217
13.3　管理模板　218
1　刪除模板　218
2　打開網(wǎng)頁所附模板　218
3　將網(wǎng)頁脫離模板　219
13.4　在“凌霄公司”網(wǎng)頁中添加內(nèi)容　219
13.5　使用資源列表　220
13.5.1　認識“資源”面板　220
13.5.2　使用站點列表　220
1　使用站點列表　220
2　在頁面中添加資源　221
3　改變資源順序　221
13.5.3　使用收藏列表　222
1　打開收藏列表　222
2　添加資源到收藏列表　222
3　為收藏資源重命名　223
4　在收藏列表中將資源分組　224
5　從收藏列表中刪除資源　224

第14章　數(shù)據(jù)庫與網(wǎng)頁開發(fā)語言　227
14.1　數(shù)據(jù)庫基礎(chǔ)　228
14.1.1　認識數(shù)據(jù)庫　228
14.1.2　常用數(shù)據(jù)庫　228
1　Access　228
2　My SQL　228
3　Oracle　229
4　SQL Server　229
14.2　創(chuàng)建數(shù)據(jù)庫開發(fā)環(huán)境　229
14.2.1　安裝與配置IIS V5.1　229
1　安裝IIS　229
2　配置IIS　231
14.2.2　設(shè)置測試服務(wù)器　233
14.3　創(chuàng)建數(shù)據(jù)源　234
14.3.1　創(chuàng)建Access數(shù)據(jù)庫的數(shù)據(jù)源　234
1　創(chuàng)建系統(tǒng)DSN　235
2　創(chuàng)建文件DSN　236
14.3.2　創(chuàng)建SQL Server數(shù)據(jù)庫的數(shù)據(jù)源　238
14.4　動態(tài)網(wǎng)頁開發(fā)語言　240
1　ASP　241
2　JSP　241
3　PHP　242

第15章　站點的發(fā)布　245
15.1　申請主頁空間及域名　246
15.1.1　申請主頁空間　246
1　申請免費主頁空間　246
2　申請收費主頁空間　248
15.1.2　查詢域名　250
15.2　站點的本地測試　252
15.2.1　測試兼容性　252
15.2.2　測試鏈接　254
1　檢查網(wǎng)頁鏈接　254
2　檢查本地站點某部分的鏈接　254
3　檢查整個站點的鏈接　255
15.2.3　修復(fù)站點范圍的鏈接　255
15.2.4　設(shè)置下載速度　256
15.3　發(fā)布站點　257
1　配置遠程信息　257
2　發(fā)布站點　258
15.4　管理站點　259
15.4.1　使用同步功能　259
1　確定新文件　259
2　同步新版本文件　260
15.4.2　使用設(shè)計筆記　261
1　設(shè)置站點的設(shè)計筆記　261
2　在文檔中添加設(shè)計筆記　262
15.4.3　使用站點報告　263
15.5　站點宣傳　263
1　在搜索引擎注冊、登記　264
2　設(shè)置關(guān)鍵字信息　264
3　媒體宣傳　264
4　在留言板、BBS、聊天室、社區(qū)上做宣傳　264
5　與其他網(wǎng)站互作鏈接　264

附錄　事件功能及適用的瀏覽器　267