中文版Dreamweaver CS6網(wǎng)頁制作從入門到精通目錄

時間：2023-02-28 05:15:01 | 來源：營銷百科

時間：2023-02-28 05:15:01 來源：營銷百科

中文版Dreamweaver CS6網(wǎng)頁制作從入門到精通目錄：入門篇

n第1章 認(rèn)識 網(wǎng)頁及網(wǎng)頁制作工具 .........2

n1.1 網(wǎng)頁制作基礎(chǔ)知識 .......................3

n1.1.1 認(rèn)識網(wǎng)頁 .......................................... 3

n1.1.2 認(rèn)識網(wǎng)站 .......................................... 3

n1.1.3 網(wǎng)頁的類型 ...................................... 4

n1.1.4 網(wǎng)頁制作中的 專業(yè)術(shù)語................... 4

n1.1.5 網(wǎng)頁頁面的基本組成元素 ............... 5

n1.2 網(wǎng)站的一般開發(fā)流程 ....................6

n1.2.1 收集資料和素材 ............................... 6

n1.2.2 規(guī)劃站點 .......................................... 6

n1.2.3 制作網(wǎng)頁 .......................................... 7

n1.2.4 測試站點 .......................................... 7

n1.2.5 發(fā)布 站點.......................................... 7

n1.2.6 更新和維護(hù)站點 ............................... 7

n1.3 網(wǎng)頁制作的原則和技巧 ................8

n1.3.1 網(wǎng)頁制作的基本原則 ....................... 8

n1.3.2 網(wǎng)頁基本元素的標(biāo)準(zhǔn)及使用技巧 .... 8

n1.3.3 用色的技巧 .................................... 10

n1.4 認(rèn)識Dreamweaver CS6 ............11

n1.4.1 Dreamweaver CS6簡介 ...................11

n1.4.2 啟動和退出Dreamweaver CS6 ....... 12

n1.4.3 Dreamweaver CS6的工作界面 ....... 12

n1.5 Dreamweaver CS6的新功能和

n改善功能 ....................................13

n1.5.1 針對平板電腦和智能手機(jī)的

n功能 ................................................ 13

n1.5.2 更加專業(yè)而簡捷的操作 ................. 14

n1.6 網(wǎng)頁的基本操作 .........................16

n1.6.1 新建網(wǎng)頁 ........................................ 16

n1.6.2 保存網(wǎng)頁 ........................................ 16

n1.6.3 打開網(wǎng)頁 ........................................ 16

n1.6.4 預(yù)覽網(wǎng)頁 ........................................ 17

n1.6.5 設(shè)置網(wǎng)頁屬性 ................................. 17

n1.7 HTML與HTML 5 ........................17

n1.7.1 HTML語言 ..................................... 17

n1.7.2 在Dreamweaver CS6中

n編輯HTML ..................................... 18

n1.7.3 HTML的常見語法 ......................... 18

n1.7.4 認(rèn)識HTML 5 .................................. 22

n1.8 基礎(chǔ)實例——打開并操作網(wǎng)頁 ...22

n1.8.1 行業(yè)分析 ........................................ 23

n1.8.2 操作思路 ........................................ 23

n1.8.3 操作步驟 ........................................ 24

n1.9 基礎(chǔ)練習(xí)——新建網(wǎng)頁并進(jìn)行

n保存 ...........................................25

n1.10 知識問答 ..................................26

n第2章 站點的創(chuàng)建、管理和發(fā)布 .......28

n2.1 站點的規(guī)劃 ................................29

n2.1.1 認(rèn)識站點 ........................................ 29

n2.1.2 規(guī)劃站點結(jié)構(gòu) ................................. 29

n2.2 站點的創(chuàng)建與管理 .....................30

n2.2.1 創(chuàng)建站點 ........................................ 30

n實例2-1 通過'文件'面板創(chuàng)建

n站點 ..................................... 30

n2.2.2 管理站點 ........................................ 31

n實例2-2 在站點中創(chuàng)建文件夾和

n文件 ..................................... 32

n2.3 申請主頁空間及域名 ..................34

n2.3.1 申請免費的主頁空間 ..................... 35

n實例2-3 在酷網(wǎng)中申請免費主頁

n空間 ..................................... 35

n2.3.2 申請收費的網(wǎng)站空間 ..................... 35

n實例2-4 在西部數(shù)碼網(wǎng)站申請收費

n主頁空間 ............................. 35

n2.3.3 申請域名 ........................................ 37

n2.4 站點的本地測試 .........................38

n2.4.1 兼容性測試 .................................... 38

n實例2-5 檢查當(dāng)前網(wǎng)頁的兼容性 ...... 38

n2.4.2 檢查站點范圍的鏈接 ..................... 39

n2.4.3 修復(fù)站點范圍的鏈接 ..................... 40

n2.5 發(fā)布站點 ....................................40

n2.5.1 配置遠(yuǎn)程信息 ................................. 40

n實例2-6 為本地站點配置

n遠(yuǎn)程信息 ............................. 41

n2.5.2 發(fā)布站點 ........................................ 42

n2.6 站點管理和宣傳 .........................42

n2.6.1 使用同步功能 ................................. 42

n實例2-7 同步站點 ............................. 43

n2.6.2 使用設(shè)計備注 ................................. 44

n實例2-8 為網(wǎng)頁文檔添加備注

n信息 ..................................... 44

n2.6.3 使用站點報告 ................................. 45

n2.6.4 站點的宣傳 .................................... 46

n2.7 基礎(chǔ)實例——創(chuàng)建和發(fā)布站點 ...47

n2.7.1 行業(yè)分析 ........................................ 47

n2.7.2 操作思路 ........................................ 48

n2.7.3 操作步驟 ........................................ 48

n2.8 基礎(chǔ)練習(xí) ....................................50

n2.8.1 申請主頁空間和域名 ..................... 50

n2.8.2 創(chuàng)建并發(fā)布站點 ............................. 50

n2.9 知識問答 ....................................51

n第3章 用文本和圖像充實網(wǎng)頁 ...........52

n3.1 添加文本 ....................................53

n3.1.1 添加普通文本 ................................. 53

n實例3-1 導(dǎo)入Excel中的文本信息 ..... 53

n3.1.2 添加空格 ........................................ 54

n3.1.3 添加水平線 .................................... 54

n3.1.4 添加日期 ........................................ 55

n3.1.5 添加特殊符號 ................................. 56

n3.1.6 文本換行與分段 ............................. 56

n3.2 設(shè)置文本格式 ............................56

n3.2.1 設(shè)置文本基本格式 ......................... 57

n實例3-2 為Dreamweaver編輯常用

n字體列表 ............................. 57

n實例3-3 為網(wǎng)頁文本設(shè)置格式 .......... 58

n3.2.2 設(shè)置段落格式 ................................. 59

n3.3 創(chuàng)建列表 ....................................60

n3.3.1 編號列表 ........................................ 60

n3.3.2 項目列表 ........................................ 61

n3.3.3 定義 列表 ........................................ 62

n3.3.4 嵌套列表的創(chuàng)建 ............................. 62

n3.4 為網(wǎng)頁添加圖像 .........................62

n3.4.1 網(wǎng)頁中支持的圖像格式 ................. 62

n3.4.2 直接插入圖像 ................................. 63

n3.4.3 用占位符插入圖像 ......................... 63

n3.5 圖像的設(shè)置和應(yīng)用 .....................64

n3.5.1 設(shè)置圖像屬性 ................................. 64

n3.5.2 創(chuàng)建鼠標(biāo)經(jīng)過圖像 ......................... 65

n實例3-4 為網(wǎng)頁插入鼠標(biāo)經(jīng)過

n圖像 ..................................... 65

n3.6 基礎(chǔ)實例 ....................................66

n3.6.1 創(chuàng)建軟件下載列表 ......................... 66

n3.6.2 制作導(dǎo)航條頁面 ............................. 68

n3.7 基礎(chǔ)練習(xí) ....................................71

n3.7.1 為時尚網(wǎng)頁添加和設(shè)置文本 ......... 71

n3.7.2 制作動物網(wǎng)頁 ................................. 72

n3.8 知識問答 ....................................74

n第4章 添加炫目的動態(tài)元素 ..............76

n4.1 插入Flash媒體元素 ....................77

n4.1.1 認(rèn)識Flash文件 ................................ 77

n4.1.2 插入Flash動畫 ................................ 77

n實例4-1 在網(wǎng)頁中插入Flash

n動畫 ..................................... 77

n4.1.3 插入Flash視頻 ................................ 78

n實例4-2 在網(wǎng)頁中插入Flash

n視頻 ..................................... 78

n4.2 插入其他媒體元素 .....................79

n4.2.1 插入Shockwave影片 ...................... 79

n4.2.2 插入Java Applet .............................. 80

n4.2.3 插入插件 ........................................ 81

n實例4-3 插入MPEG視頻插件........... 81

n4.3 添加音樂元素 ............................82

n4.3.1 添加背景音樂 ................................. 82

n實例4-4 通過插入標(biāo)簽添加

n背景音樂 ............................. 82

n4.3.2 添加音樂鏈接 ................................. 83

n實例4-5 在網(wǎng)頁中添加音樂鏈接 ...... 83

n4.3.3 頁面音樂的嵌入 ............................. 83

n實例4-6 以插入插件的方式

n嵌入音樂 ............................. 83

n4.4 基礎(chǔ)實例——制作產(chǎn)品促銷

n網(wǎng)頁 ...........................................84

n4.4.1 行業(yè)分析 ........................................ 85

n4.4.2 操作思路 ........................................ 85

n4.4.3 操作步驟 ........................................ 85

n4.5 基礎(chǔ)練習(xí) ....................................87

n4.5.1 完善游戲頁面 ................................. 87

n4.5.2 制作音樂試聽頁面 ......................... 88

n4.6 知識問答 ....................................89

n第5章 網(wǎng)頁中的橋梁——超級

n鏈接........................................90

n5.1 認(rèn)識超級鏈接 ............................91

n5.1.1 超級鏈接的類型 ............................. 91

n5.1.2 超級鏈接的路徑的分類 ................. 92

n5.2 創(chuàng)建基本鏈接 ............................93

n5.2.1 創(chuàng)建文本超級鏈接 ......................... 93

n實例5-1 創(chuàng)建內(nèi)部文本鏈接 .............. 94

n5.2.2 創(chuàng)建圖像超級鏈接 ......................... 95

n5.2.3 HTML鏈接代碼 ............................. 96

n5.2.4 空鏈接的應(yīng)用 ................................. 96

n5.3 制作錨點鏈接 ............................96

n5.3.1 創(chuàng)建錨記 ........................................ 96

n5.3.2 鏈接命名錨記 ................................. 97

n5.3.3 HTML錨點鏈接代碼 ...................... 97

n5.3.4 更改鏈接名稱 ................................. 97

n5.4 制作更多形式的鏈接 ..................98

n5.4.1 下載鏈接 ........................................ 98

n5.4.2 音、視頻鏈接 ................................. 98

n5.4.3 電子郵件鏈接 ................................. 99

n5.4.4 HTML電子郵件鏈接代碼 .............. 99

n5.5 基礎(chǔ)實例——為'網(wǎng)站聯(lián)盟'網(wǎng)頁

n添加鏈接 ..................................100

n5.5.1 行業(yè) 分析 .......................................100

n5.5.2 操作思路 .......................................101

n5.5.3 操作步驟 .......................................101

n5.6 基礎(chǔ)練習(xí)——完善招聘網(wǎng)頁

n鏈接 .........................................103

n5.7 知識問答 ..................................104

n提高篇

n第6章 表格在網(wǎng)頁中的應(yīng)用 ............108

n6.1 表格的創(chuàng)建 ..............................109

n6.1.1 創(chuàng)建表格 .......................................109

n實例6-1 在頁面中創(chuàng)建單個表格 .....109

n6.1.2 嵌套表格 .......................................109

n實例6-2 在已有表格中創(chuàng)建嵌套

n表格 ....................................110

n6.1.3 在表格中添加內(nèi)容 ........................110

n6.2 對表格進(jìn)行編輯 .......................110

n6.2.1 選中整個表格 ................................111

n6.2.2 行或列的選中 ................................111

n6.2.3 單元格的選中 ................................112

n6.2.4 單元格的合并與拆分 ....................112

n實例6-3 將一個單元格拆分

n為兩行 ................................113

n6.2.5 行或列的添加與刪除 ....................113

n實例6-4 在表格中插入3列 ..............114

n實例6-5 刪除表格中的行和列 .........115

n6.3 表格屬性設(shè)置 ..........................115

n6.3.1 設(shè)置表格屬性 ................................115

n6.3.2 設(shè)置單元格屬性 ............................116

n實例6-6 對表格及單元格屬性

n進(jìn)行設(shè)置 ............................117

n6.4 表格的高級操作 .......................117

n6.4.1 排序表格 .......................................117

n實例6-7 排序表格數(shù)據(jù) ....................117

n6.4.2 導(dǎo)入和導(dǎo)出表格內(nèi)容 ....................118

n實例6-8 導(dǎo)入 文本文檔 ....................118

n實例6-9 導(dǎo)出網(wǎng)頁中的表格 .............119

n6.5 提高實例——制作產(chǎn)品目錄

n頁面 .........................................120

n6.5.1 行業(yè)分析 .......................................121

n6.5.2 操作思路 .......................................121

n6.5.3 操作步驟 .......................................122

n6.6 提高練習(xí)——制作日歷網(wǎng)頁 .....124

n6.7 知識問答 ..................................124

n第7章 使用AP Div布局網(wǎng)頁 ............126

n7.1 AP Div的創(chuàng)建 ..........................127

n7.1.1 創(chuàng)建AP Div ...................................127

n7.1.2 創(chuàng)建嵌套AP Div ............................127

n7.2 AP Div的編輯操作 ...................128

n7.2.1 認(rèn)識'AP 元素'面板 ..................128

n7.2.2 選中AP Div ...................................128

n7.2.3 移動AP Div ...................................128

n7.2.4 對齊AP Div ...................................129

n7.2.5 調(diào)整AP Div的大小 ........................129

n7.2.6 設(shè)置AP Div的堆疊順序 ................130

n7.2.7 改變AP Div的可見性 ....................131

n7.3 AP Div的屬性設(shè)置 ...................132

n7.3.1 單個AP Div的屬性設(shè)置 ................132

n7.3.2 多個AP Div的屬性設(shè)置 ................133

n7.4 提高實例——制作西餐廳

n網(wǎng)頁 .........................................134

n7.4.1 行業(yè)分析 .......................................134

n7.4.2 操作思路 .......................................135

n7.4.3 操作步驟 .......................................135

n7.5 提高練習(xí)——制作服裝展示

n網(wǎng)頁 .........................................137

n7.6 知識問答 ..................................139

n第8章 使用CSS美化網(wǎng)頁 ................140

n8.1 認(rèn)識層疊樣式表 .......................141

n8.2 創(chuàng)建層疊樣式表 .......................142

n8.2.1 認(rèn)識'CSS樣式'面板 .................142

n8.2.2 創(chuàng)建層疊樣式表 ............................142

n實例8-1 新建'tr'內(nèi)部標(biāo)簽

nCSS樣式 .............................144

n實例8-2 鏈接外部CSS文件 .............145

n8.3 定義層疊樣式表屬性 ................146

n8.3.1 設(shè)置類型屬性 ................................146

n8.3.2 設(shè)置背景屬性 ................................146

n8.3.3 設(shè)置區(qū)塊屬性 ................................147

n8.3.4 設(shè)置方框?qū)傩?................................148

n8.3.5 設(shè)置邊框?qū)傩?................................149

n8.3.6 設(shè)置列表屬性 ................................149

n8.3.7 設(shè)置定位屬性 ................................150

n8.3.8 設(shè)置擴(kuò)展屬性 ................................151

n8.3.9 設(shè)置過渡屬性 ................................152

n8.4 應(yīng)用并管理層疊樣式表 ............153

n8.4.1 應(yīng)用層疊樣式表 ............................153

n8.4.2 編輯層疊樣式 ................................154

n實例8-3 修改'body'CSS樣式 ......154

n8.4.3 刪除層疊樣式表 ............................156

n8.5 提高實例——美化鴻宇裝飾

n頁面 .........................................156

n8.5.1 行業(yè)分析 .......................................158

n8.5.2 操作思路 .......................................158

n8.5.3 操作步驟 .......................................158

n8.6 提高練習(xí)——美化紅驢旅行網(wǎng)

n網(wǎng)頁 .........................................161

n8.7 知識問答 ..................................163

n第9章 使用Div CSS靈活布局

n網(wǎng)頁......................................164

n9.1 網(wǎng)站標(biāo)準(zhǔn) ..................................165

n9.1.1 結(jié)構(gòu)化標(biāo)準(zhǔn)語言 ............................165

n9.1.2 表現(xiàn)標(biāo)準(zhǔn)語言 ................................165

n9.1.3 行為標(biāo)準(zhǔn) .......................................165

n9.2 關(guān)于Div CSS布局 ...................166

n9.2.1 認(rèn)識Div CSS ................................166

n9.2.2 了解基于CSS的頁面布局 .............166

n9.2.3 塊元素 ...........................................167

n9.2.4 行內(nèi)元素 .......................................168

n9.3 在網(wǎng)頁中插入Div .....................169

n9.3.1 插入Div .........................................169

n9.3.2 Div的嵌套 .....................................169

n實例9-1 在Div標(biāo)簽中嵌套

n兩個Div標(biāo)簽 .....................169

n9.4 關(guān)于Div CSS盒模型 ...............170

n9.4.1 margin（邊界） ............................171

n9.4.2 border（邊框） .............................172

n9.4.3 padding（填充） ...........................174

n9.4.4 content（內(nèi)容） ............................174

n9.5 Div CSS布局定位 ...................175

n9.5.1 relative（相對定位） ....................175

n9.5.2 absolute（絕對定位） ..................176

n9.5.3 fi xed（懸浮定位） ........................176

n9.5.4 fl oat（浮動定位） .........................177

n9.6 常用的Div CSS布局方式 ........177

n9.6.1 Div高度自適應(yīng) ..............................177

n實例9-2 在網(wǎng)頁中新建高度

n自適應(yīng)的Div標(biāo)簽 ..............177

n9.6.2 網(wǎng)頁內(nèi)容居中布局 ........................179

n9.6.3 網(wǎng)頁元素浮動布局 ........................180

n實例9-3 制作首字下沉效果 .............180

n實例9-4 制作左圖右文的圖文混排

n效果 ....................................182

n9.6.4 流體網(wǎng)格布局 ................................18

n9.7 提高實例——制作化工材料

n網(wǎng)頁 .........................................183

n9.7.1 行業(yè)分析 .......................................184

n9.7.2 操作思路 .......................................184

n9.7.3 操作步驟 .......................................184

n9.8 提高練習(xí)——制作美佳化妝品

n網(wǎng)頁 .........................................188

n9.9 知識問答 ..................................189

n第10章 網(wǎng)頁模板快速建站 ..............190

n10.1 模板的創(chuàng)建 ............................191

n10.1.1 將現(xiàn)有網(wǎng)頁另存為模板 ..............191

n實例10-1 將'index'網(wǎng)頁

n另存為模板 ......................191

n10.1.2 創(chuàng)建空白模板 ..............................191

n實例10-2 創(chuàng)建'main'空白網(wǎng)頁

n模板文件 ..........................192

n10.2 模板的編輯 ............................192

n10.2.1 指定可編輯區(qū)域 ..........................192

n實例10-3 為'template1'模板網(wǎng)頁

n指定可編輯區(qū)域 ..............193

n10.2.2 更改可編輯區(qū)域的名稱 ..............193

n10.2.3 取消對可編輯區(qū)域的標(biāo)記 ..........194

n10.2.4 定義模板的重復(fù)區(qū)域 ..................194

n實例10-4 為'鴻宇裝飾'網(wǎng)頁的

n模板文件創(chuàng)建重復(fù)

n區(qū)域 ..................................194

n實例10-5 為'鴻宇裝飾'網(wǎng)頁的

n模板文件創(chuàng)建重復(fù)

n表格 ..................................195

n10.2.5 定義模板的可選區(qū)域 ..................196

n實例10-6 為'鴻宇裝飾'網(wǎng)頁的模板

n文件創(chuàng)建可選區(qū)域 ..........196

n10.3 模板的應(yīng)用 ............................197

n10.3.1 從'從模板新建'對話框

n創(chuàng)建新網(wǎng)頁 .................................197

n實例10-7 應(yīng)用'myWeb'站點中的

n模板新建網(wǎng)頁 ..................198

n10.3.2 在'資源'面板中創(chuàng)建新

n網(wǎng)頁 .............................................198

n10.3.3 為網(wǎng)頁應(yīng)用模板 ..........................199

n10.4 模板的管理 ............................199

n10.4.1 刪除模板 .....................................199

n10.4.2 打開網(wǎng)頁所附模板 ......................200

n10.4.3 更新網(wǎng)頁模板 ..............................200

n10.4.4 將網(wǎng)頁脫離模板 ..........................200

n10.5 提高實例——制作廣告相冊

n網(wǎng)頁 .......................................200

n10.5.1 行業(yè)分析 .....................................201

n10.5.2 操作思路 .....................................202

n10.5.3 操作步驟 .....................................202

n10.6 提高練習(xí)——制作夢雪婚紗

n網(wǎng)頁 .......................................205

n10.7 知識問答 ................................207

n第11章 框架式網(wǎng)頁布局 ..................208

n11.1 了解框架及框架集..................209

n11.2 框架網(wǎng)頁的創(chuàng)建 .....................210

n11.2.1 創(chuàng)建空白框架網(wǎng)頁 ......................210

n實例11-1 創(chuàng)建Dreamweaver CS6

n預(yù)設(shè)的框架 ......................210

n11.2.2 手動創(chuàng)建框架網(wǎng)頁 ......................211

n11.2.3 創(chuàng)建嵌套框架集 ..........................211

n11.3 框架及框架集的基本操作 .......212

n11.3.1 選擇框架和框架集 ......................212

n11.3.2 保存框架和框架集文檔 ..............212

n實例11-2 保存單個框架網(wǎng)頁

n文檔 ..................................212

n實例11-3 保存整個框架集網(wǎng)頁 .......213

n11.3.3 調(diào)整框架的大小 ..........................214

n11.3.4 刪除框架 .....................................214

n11.4 框架及框架集的設(shè)置 ..............215

n11.4.1 設(shè)置框架的屬性 ..........................215

n11.4.2 設(shè)置框架集的屬性 ......................215

n11.4.3 設(shè)置框架集的網(wǎng)頁標(biāo)題 ..............216

n11.4.4 使用鏈接控制框架的內(nèi)容 ..........216

n實例11-4 制作包含鏈接的框架

n網(wǎng)頁 ..................................216

n11.4.5 生成無框架內(nèi)容 ..........................218

n11.5 提高實例——制作后臺管理

n網(wǎng)頁 .......................................218

n11.5.1 行業(yè)分析 .....................................219

n11.5.2 操作思路 .....................................219

n11.5.3 操作步驟 .....................................219

n11.6 提高練習(xí)——制作軟件推廣

n網(wǎng)頁 .......................................221

n11.7 知識問答 ................................222

n第12章 表單和行為的應(yīng)用 ..............224

n12.1 創(chuàng)建表單 ................................225

n12.1.1 創(chuàng)建表單的方法 ..........................225

n12.1.2 設(shè)置表單屬性 ..............................226

n12.2 添加表單對象 ........................226

n12.2.1 表單對象的作用 ..........................226

n12.2.2 表單對象的添加 ..........................230

n實例12-1 制作'兒童樂園'表單

n網(wǎng)頁 ..................................230

n12.3 行為的添加與編輯 .................233

n12.3.1 行為概述 .....................................234

n12.3.2 認(rèn)識'行為'面板 ......................234

n12.3.3 添加行為 .....................................235

n12.3.4 修改行為 .....................................235

n12.3.5 刪除行為 .....................................235

n12.4 使用Dreamweaver預(yù)置

n的行為 ...................................236

n實例12-2 制作'照片展示'行為

n頁面 ..................................236

n12.5 應(yīng)用Spry行為效果 .................238

n12.5.1 Spry效果概述 ..............................238

n12.5.2 為頁面添加Spry效果 ..................238

n實例12-3 在'Spry效果'網(wǎng)頁中

n添加行為 ..........................239

n12.6 提高實例——制作意見調(diào)查

n網(wǎng)頁 .......................................240

n12.6.1 行業(yè)分析 .....................................241

n12.6.2 操作思路 .....................................241

n12.6.3 操作步驟 .....................................241

n12.7 提高練習(xí)——制作留言板

n頁面 .......................................245

n12.8 知識問答 ................................246

n精通篇

n第13章 網(wǎng)頁制作技巧及輔助軟件 ...250

n13.1 網(wǎng)頁制作技巧 ........................251

n13.1.1 消除網(wǎng)頁中的亂碼 ......................251

n13.1.2 制作'1'像素的表格邊框 ........251

n13.1.3 去掉單擊超級鏈接后的圖像

n虛線 .............................................251

n13.1.4 制作'設(shè)為主頁'超級鏈接 ......251

n實例13-1 制作設(shè)為主頁的超級

n鏈接 ..................................252

n13.1.5 制作'添加到收藏夾'鏈接 ......252

n13.1.6 查看網(wǎng)頁源代碼 ..........................253

n13.1.7 禁止保存網(wǎng)頁 ..............................253

n13.1.8 更換IE地址欄前的圖標(biāo) ..............254

n13.1.9 定時跳轉(zhuǎn) .....................................254

n13.1.10 讓表單和其他內(nèi)容之間

n無空隙 .......................................254

n13.2 制作網(wǎng)頁的輔助軟件 ..............255

n13.2.1 使用Photoshop處理圖像 .............255

n13.2.2 使用玩轉(zhuǎn)顏色配色軟件 ..............255

n13.2.3 使用文本動畫制作軟件FlaX ......256

n實例13-2 使用FlaX制作動畫 ..........256

n13.2.4 使用LeapFTP發(fā)布站點 ...............258

n實例13-3 配置LeapFTP并

n上傳站點 ..........................258

n13.2.5 網(wǎng)站登錄軟件'登錄奇兵'

n的使用 .........................................260

n13.3 精通實例——為網(wǎng)頁添加特殊

n元素 .......................................260

n13.3.1 行業(yè)分析 .....................................261

n13.3.2 操作思路 .....................................261

n13.3.3 操作步驟 .....................................261

n13.4 精通練習(xí) ................................263

n13.4.1 制作一個跳轉(zhuǎn)網(wǎng)頁并禁止用戶

n保存 .............................................263

n13.4.2 使用Photoshop處理圖像 .............264

n第14章 認(rèn)識和制作動態(tài)網(wǎng)頁 ..........266

n14.1 認(rèn)識動態(tài)網(wǎng)頁 ........................267

n14.2 數(shù)據(jù)庫基礎(chǔ) ............................267

n14.2.1 Access ..........................................268

n實例14-1 使用Access創(chuàng)建

n數(shù)據(jù)庫 ..............................268

n14.2.2 SQL Server ..................................269

n實例14-2 創(chuàng)建SQL Server數(shù)據(jù)庫

n和表 ..................................270

n14.2.3 MySQL ........................................273

n14.2.4 Oracle ..........................................273

n14.3 動態(tài)網(wǎng)頁開發(fā)語言 .................274

n14.3.1 ASP ..............................................274

n14.3.2 ASP.NET......................................274

n14.3.3 PHP ..............................................275

n14.3.4 JSP ...............................................275

n14.4 Web服務(wù)器 ............................276

n14.4.1 IIS ................................................276

n實例14-3 開啟Windows 7中的IIS

n功能 ..................................276

n14.4.2 Apache .........................................277

n14.5 動態(tài)網(wǎng)站的開發(fā)流程及配置 ...277

n14.5.1 動態(tài)網(wǎng)頁開發(fā)流程 ......................277

n14.5.2 IIS的配置 ....................................278

n實例14-4 新建并配置網(wǎng)站 ..............278

n14.5.3 動態(tài)站點的創(chuàng)建及配置 ..............279

n實例14-5 創(chuàng)建和配置動態(tài)站點 .......279

n14.5.4 數(shù)據(jù)源的創(chuàng)建 ..............................280

n實例14-6 設(shè)置數(shù)據(jù)源連接 ..............281

n14.6 制作數(shù)據(jù)庫動態(tài)網(wǎng)頁 ..............283

n14.6.1 創(chuàng)建記錄集 .................................283

n實例14-7 創(chuàng)建記錄集 ......................283

n14.6.2 制作動態(tài)頁面 ..............................285

n14.7 精通實例——制作員工名單

n頁面 .......................................289

n14.7.1 行業(yè)分析 .....................................290

n14.7.2 操作思路 .....................................290

n14.7.3 操作步驟 .....................................290

n14.8 精通練習(xí) ................................293

n14.8.1 創(chuàng)建Access數(shù)據(jù)庫 ......................293

n14.8.2 制作注冊頁面 ..............................294

n第15章 為網(wǎng)頁添加特效..................296

n15.1 JavaScript簡介 ......................297

n15.1.1 JavaScript的特點 .........................297

n15.1.2 JavaScript的函數(shù) .........................297

n15.1.3 在網(wǎng)頁中使用JavaScript .............298

n實例15-1 使用JavaScript添加

n彈出對話框 ......................298

n15.2 網(wǎng)頁特效制作 ........................299

n15.2.1 動態(tài)鏈接注釋 ..............................299

n15.2.2 刪除確認(rèn) .....................................300

n15.2.3 全屏打開窗口 ..............................301

n15.2.4 日期聯(lián)動下拉列表框 ..................302

n15.2.5 禁止使用鼠標(biāo)右鍵 ......................303

n15.2.6 震動的圖像 .................................305

n15.3 精通實例——制作飾品網(wǎng)頁

n特效 .......................................306

n15.3.1 行業(yè)分析 .....................................306

n15.3.2 操作思路 .....................................307

n15.3.3 操作步驟 .....................................307

n15.4 精通練習(xí)——熟悉各種特效

n代碼 .......................................310

n第16章 移動設(shè)備網(wǎng)頁及應(yīng)用程序

n的創(chuàng)建 ................................312

n16.1 使用jQuery Mobile創(chuàng)建

n移動設(shè)備網(wǎng)頁 ........................313

n16.1.1 認(rèn)識jQuery和jQuery

nMobile .........................................313

n16.1.2 創(chuàng)建移動設(shè)備頁面 ......................313

n實例16-1 使用HTML 5頁創(chuàng)建

n移動頁面 ..........................314

n16.1.3 創(chuàng)建移動頁面組件 ......................315

n16.2 打包移動應(yīng)用 ........................318

n16.2.1 注冊PhoneGap Build ...................318

n16.2.2 打包移動程序 ..............................319

n16.3 精通實例——制作jQuery Mobile

n頁面 .......................................319

n16.3.1 行業(yè)分析 .....................................320

n16.3.2 操作思路 .....................................320

n16.3.3 操作步驟 .....................................320

n16.4 精通練習(xí)——制作并打包移動

n應(yīng)用 .......................................322

n實戰(zhàn)篇

n第17章 制作植物網(wǎng)站 .....................326

n17.1 實例說明 ................................327

n17.2 行業(yè)分析 ................................328

n17.3 操作思路 ................................328

n17.4 操作步驟 ................................329

n17.4.1 創(chuàng)建站點和網(wǎng)頁文件 ..................329

n17.4.2 布局頁面結(jié)構(gòu) ..............................330

n17.4.3 添加網(wǎng)頁頭部內(nèi)容 ......................333

n17.4.4 制作網(wǎng)頁主體 ..............................334

n17.4.5 制作頁腳內(nèi)容 ..............................338

n17.5 拓展練習(xí) ................................339

n17.5.1 制作植物圖集網(wǎng)頁 ......................339

n17.5.2 制作植物知識網(wǎng)頁 ......................341

n第18章 制作汽車世界網(wǎng)站 ..............342

n18.1 實例說明 ...............................343

n18.2 行業(yè)分析 ................................344

n18.3 操作思路 ................................344

n18.4 操作步驟 ................................345

n18.4.1 創(chuàng)建站點并配置遠(yuǎn)程服務(wù)器 ......345

n18.4.2 創(chuàng)建頁面頂部 ..............................346

n18.4.3 制作網(wǎng)頁底部 ..............................347

n18.4.4 制作主內(nèi)容頁面 ..........................348

n18.4.5 制作首頁 .....................................351

n18.4.6 發(fā)布站點 .....................................351

n18.5 拓展練習(xí) ................................352

n18.5.1 制作汽車之家網(wǎng)頁 ......................352

n18.5.2 制作賽場動態(tài)網(wǎng)頁 ......................354

n第19章 制作個人博客網(wǎng)站 .............356

n19.1 實例說明 ................................357

n19.2 行業(yè)分析 ................................358

n19.3 操作思路 ................................358

n19.4 操作步驟 ................................359

n19.4.1 創(chuàng)建數(shù)據(jù)庫文件 ..........................359

n19.4.2 配置IIS并創(chuàng)建站點 .....................360

n19.4.3 創(chuàng)建用戶登錄頁面 ......................361

n19.4.4 編輯'日志導(dǎo)航'和

n'最近心情' ..............................362

n19.4.5 制作博客首頁 ..............................364

n19.4.6 制作信息顯示頁面 ......................367

n19.5 拓展練習(xí) ................................369

n19.5.1 制作日志發(fā)布頁面 ......................369

n19.5.2 制作編輯日志頁面 .....................369