邊做邊學(xué)：Dreamweaver CS3網(wǎng)頁設(shè)計(jì)案例教程圖書目

時(shí)間：2023-02-17 11:06:01 | 來源：營銷百科

時(shí)間：2023-02-17 11:06:01 來源：營銷百科

邊做邊學(xué)：Dreamweaver CS3網(wǎng)頁設(shè)計(jì)案例教程圖書目錄：初識Dreamweaver CS3

n1.1 操作界面 1

n1.1.1 【操作目的】 1

n1.1.2 【操作步驟】 1

n1.1.3 【相關(guān)工具】 2

n1．開始頁面 2

n2．不同風(fēng)格的界面 2

n3．伸縮自如的功能面板 3

n4．多文檔的編輯界面 3

n5．插入面板 4

n6．更完整的CSS功能 4

n1.2 創(chuàng)建網(wǎng)站框架 5

n1.2.1 【操作目的】 5

n1.2.2 【操作步驟】 5

n1.2.3 【相關(guān)工具】 6

n1．創(chuàng)建和保存網(wǎng)頁 6

n2．在站點(diǎn)地圖中創(chuàng)建網(wǎng)頁 8

n3．在文件列表中創(chuàng)建網(wǎng)頁 9

n1.3 管理站點(diǎn) 11

n1.3.1 【操作目的】 11

n1.3.2 【操作步驟】 11

n1.3.3 【相關(guān)工具】 12

n1．站點(diǎn)管理器 12

n2．創(chuàng)建文件夾 15

n3．定義新站點(diǎn) 15

n1.4 網(wǎng)頁文件頭設(shè)置 16

n1.4.1 【操作目的】 16

n1.4.2 【操作步驟】 16

n1.4.3 【相關(guān)工具】 17

n1．插入搜索關(guān)鍵字 17

n2．插入作者和版權(quán)信息 18

n3．設(shè)置刷新時(shí)間 18

n4．設(shè)置描述信息 19

n5．設(shè)置頁面中所有鏈接的基準(zhǔn)鏈接 19

n6．設(shè)置當(dāng)前文件與其他文件的關(guān)聯(lián)性 20

n第2章 文本與文檔

n2.1 植物香水網(wǎng)頁 21

n2.1.1 【案例分析】 21

n2.1.2 【設(shè)計(jì)理念】 21

n2.1.3 【操作步驟】 21

n1．設(shè)置頁面屬性 21

n2．輸入空格和文字 22

n2.1.4 【相關(guān)工具】 23

n1．輸入文本 23

n2．設(shè)置文本屬性 23

n3．輸入連續(xù)的空格 24

n4．設(shè)置是否顯示不可見元素 24

n5．設(shè)置頁邊距 25

n6．設(shè)置網(wǎng)頁的標(biāo)題 26

n7．設(shè)置網(wǎng)頁的默認(rèn)格式 26

n2.1.5 【實(shí)戰(zhàn)演練】——數(shù)碼產(chǎn)品專賣網(wǎng)頁 26

n2.2 美味西點(diǎn)網(wǎng)頁 27

n2.2.1 【案例分析】 27

n2.2.2 【設(shè)計(jì)理念】 27

n2.2.3 【操作步驟】 27

n2.2.4 【相關(guān)工具】 29

n1．改變文本的大小 29

n2．改變文本的顏色 30

n3．改變文本的字體 31

n4．改變文本的對齊方式 33

n5．設(shè)置文本樣式 33

n6．段落文本 34

n7．插入換行符 35

n2.2.5 【實(shí)戰(zhàn)演練】——美顏知識網(wǎng)頁 36

n2.3 兒童漫畫網(wǎng)頁 36

n2.3.1 【案例分析】 36

n2.3.2 【設(shè)計(jì)理念】 36

n2.3.3 【操作步驟】 37

n1．創(chuàng)建項(xiàng)目列表 37

n2．插入版權(quán)符號 37

n2.3.4 【相關(guān)工具】 38

n1．設(shè)置項(xiàng)目符號或編號 38

n2．修改項(xiàng)目符號或編號 38

n3．設(shè)置文本縮進(jìn)格式 39

n4．插入日期 39

n5．特殊字符 39

n2.3.5 【實(shí)戰(zhàn)演練】——時(shí)尚咖啡網(wǎng)頁 40

n2.4 綠色食品網(wǎng)頁 40

n2.4.1 【案例分析】 40

n2.4.2 【設(shè)計(jì)理念】 40

n2.4.3 【操作步驟】 41

n2.4.4 【相關(guān)工具】 41

n1．水平線 41

n2．顯示和隱藏網(wǎng)格 42

n3．標(biāo)尺 43

n2.4.5 【實(shí)戰(zhàn)演練】——電子產(chǎn)品網(wǎng)頁 44

n2.5 綜合演練——鮮花速遞網(wǎng)頁 45

n2.6 綜合演練——精品購物網(wǎng)頁 45

n第3章 圖像和多媒體

n3.1 卡通素材網(wǎng)頁 46

n3.1.1 【案例分析】 46

n3.1.2 【設(shè)計(jì)理念】 46

n3.1.3 【操作步驟】 47

n3.1.4 【相關(guān)工具】 48

n1．網(wǎng)頁中的圖像格式 48

n2．插入圖像 48

n3．設(shè)置圖像屬性 49

n4．插入圖像占位符 49

n5．跟蹤圖像 50

n3.1.5 【實(shí)戰(zhàn)演練】——家居時(shí)尚網(wǎng)頁 51

n3.2 購房中心網(wǎng)頁 51

n3.2.1 【案例分析】 51

n3.2.2 【設(shè)計(jì)理念】 52

n3.2.3 【操作步驟】 52

n3.2.4 【相關(guān)工具】 53

n1．調(diào)整圖像與文本的相對位置 53

n2．創(chuàng)建網(wǎng)站相冊 54

n3.2.5 【實(shí)戰(zhàn)演練】——健康水果網(wǎng)頁 55

n3.3 營養(yǎng)美食網(wǎng)頁 55

n3.3.1 【案例分析】 55

n3.3.2 【設(shè)計(jì)理念】 56

n3.3.3 【操作步驟】 56

n3.3.4 【相關(guān)工具】 57

n1．插入Flash動畫 57

n2．插入Flash文本 57

n3．插入Flash按鈕 58

n4．插入Shockwave影片 59

n5．影片插入Applet程序 60

n6．插入ActiveX控件 60

n3.3.5 【實(shí)戰(zhàn)演練】——動感音樂網(wǎng)頁 61

n3.4 綜合演練——商務(wù)在線網(wǎng)頁 61

n3.5 綜合演練——化妝品網(wǎng)頁 62

n第4章 超鏈接

n4.1 創(chuàng)業(yè)在線網(wǎng)頁 63

n4.1.1 【案例分析】 63

n4.1.2 【設(shè)計(jì)理念】 63

n4.1.3 【操作步驟】 64

n1．制作特殊的文字超級鏈接 64

n2．制作下載文件鏈接 65

n4.1.4 【相關(guān)工具】 66

n1．超鏈接的概念與路徑知識 66

n2．創(chuàng)建文本鏈接 66

n3．文本鏈接的狀態(tài) 67

n4．下載文件鏈接 68

n5．電子郵件鏈接 68

n4.1.5 【實(shí)戰(zhàn)演練】——精品家具網(wǎng)頁 69

n4.2 戀之語素材模板網(wǎng)頁 69

n4.2.1 【案例分析】 69

n4.2.2 【設(shè)計(jì)理念】 70

n4.2.3 【操作步驟】 70

n1．制作鼠標(biāo)經(jīng)過 70

n2．創(chuàng)建熱點(diǎn)鏈接 71

n4.2.4 【相關(guān)工具】 72

n1．圖像超鏈接 72

n2．鼠標(biāo)經(jīng)過圖像鏈接 72

n3．命名錨記鏈接 73

n4．創(chuàng)建熱區(qū)鏈接 74

n4.2.5 【實(shí)戰(zhàn)演練】——旅游資訊網(wǎng)頁 75

n4.3 綜合演練——流行音樂網(wǎng)頁 76

n4.4 綜合演練——數(shù)碼相機(jī)網(wǎng)頁 76

n第5章 使用表格

n5.1 咖啡機(jī)專賣網(wǎng)頁 77

n5.1.1 【案例分析】 77

n5.1.2 【設(shè)計(jì)理念】 77

n5.1.3 【操作步驟】 78

n5.1.4 【相關(guān)工具】 80

n1．表格的組成 80

n2．插入表格 81

n3．表格各元素的屬性 82

n4．在表格中插入內(nèi)容 83

n5．選擇表格元素 84

n6．復(fù)制、粘貼表格 85

n7．刪除表格和表格內(nèi)容 86

n8．縮放表格 86

n9．合并和拆分單元格 87

n10．增加和刪除表格的行和列 88

n5.1.5 【實(shí)戰(zhàn)演練】——音樂世界網(wǎng)頁 88

n5.2 設(shè)計(jì)師家園網(wǎng)頁 89

n5.2.1 【案例分析】 89

n5.2.2 【設(shè)計(jì)理念】 89

n5.2.3 【操作步驟】 89

n1．導(dǎo)入表格式數(shù)據(jù) 89

n2．排序表格 91

n5.2.4 【相關(guān)工具】 92

n1．導(dǎo)入和導(dǎo)出表格的數(shù)據(jù) 92

n2．排序表格 94

n3．利用表格的布局模式實(shí)現(xiàn)復(fù)雜的頁面布局 95

n5.2.5 【實(shí)戰(zhàn)演練】——旅游渡假網(wǎng)頁 97

n5.3 綜合演練——時(shí)尚戒指網(wǎng)頁 97

n5.4 綜合演練——家具天地網(wǎng)頁 98

n第6章 使用框架

n6.1 辦公用品網(wǎng)頁 99

n6.1.1 【案例分析】 99

n6.1.2 【設(shè)計(jì)理念】 99

n6.1.3 【操作步驟】 100

n1．新建框架并修改框架 100

n2．在框架中插入內(nèi)容 102

n6.1.4 【相關(guān)工具】 105

n1．建立框架集 105

n2．為框架添加內(nèi)容 107

n3．保存框架 107

n4．框架的選擇 108

n5．修改框架的大小 108

n6．拆分框架 109

n7．刪除框架 110

n6.1.5 【實(shí)戰(zhàn)演練】——房產(chǎn)信息網(wǎng)頁 110

n6.2 兒童玩具網(wǎng)頁 111

n6.2.1 【案例分析】 111

n6.2.2 【設(shè)計(jì)理念】 111

n6.2.3 【操作步驟】 111

n1．設(shè)置保存文檔 111

n2．添加框架元素 113

n6.2.4 【相關(guān)工具】 115

n1．框架屬性 115

n2．框架集的屬性 115

n3．框架中的鏈接 116

n6.2.5 【實(shí)戰(zhàn)演練】——汽車資訊網(wǎng)頁 118

n6.3 綜合演練——沙發(fā)購物網(wǎng)頁 118

n6.4 綜合演練——電子商務(wù)網(wǎng)頁 119

n第7章 使用層和時(shí)間軸

n7.1 綠色植物網(wǎng)頁 120

n7.1.1 【案例分析】 120

n7.1.2 【設(shè)計(jì)理念】 120

n7.1.3 【操作步驟】 121

n7.1.4 【相關(guān)工具】 122

n1．創(chuàng)建層 122

n2．選擇層 123

n3．設(shè)置層的默認(rèn)屬性 123

n4．AP元素面板 124

n5．更改層的堆疊順序 124

n6．更改層的可見性 125

n7．調(diào)整層的大小 125

n8．嵌套層 126

n9．移動層 127

n10．對齊層 128

n11．層靠齊到網(wǎng)格 128

n7.1.5 【實(shí)戰(zhàn)演練】——數(shù)碼科技前線網(wǎng)頁 129

n7.2 現(xiàn)代家居購物網(wǎng)頁 130

n7.2.1 【案例分析】 130

n7.2.2 【設(shè)計(jì)理念】 130

n7.2.3 【操作步驟】 130

n7.2.4 【相關(guān)工具】 131

n1．將AP Div轉(zhuǎn)換為表格 131

n2．將表格轉(zhuǎn)換為AP Div 133

n7.2.5 【實(shí)戰(zhàn)演練】——數(shù)碼科技前線網(wǎng)頁 133

n7.3 禮品盒專賣網(wǎng)頁 133

n7.3.1 【案例分析】 133

n7.3.2 【設(shè)計(jì)理念】 134

n7.3.3 【操作步驟】 134

n7.3.4 【相關(guān)工具】 135

n1．'時(shí)間軸'面板 135

n2．使用時(shí)間軸移動層 136

n3．錄制層路徑 137

n4．控制動畫播放 138

n5．修改關(guān)鍵幀 138

n6．添加、刪除幀 138

n7．用時(shí)間軸改變圖像與層的屬性 138

n7.3.5 【實(shí)戰(zhàn)演練】——美容護(hù)膚網(wǎng)頁 139

n7.4 綜合演練——無公害水果網(wǎng)頁 139

n7.5 綜合演練——數(shù)碼世界網(wǎng)頁 139

n第8章 CSS樣式

n8.1 兒童教育網(wǎng)頁 140

n8.1.1 【案例分析】 140

n8.1.2 【設(shè)計(jì)理念】 140

n8.1.3 【操作步驟】 141

n8.1.4 【相關(guān)工具】 141

n1．CSS樣式的概念 141

n2．'CSS樣式'控制面板 142

n3．CSS樣式的類型 142

n4．創(chuàng)建重定義HTML標(biāo)簽樣式 143

n5．創(chuàng)建CSS選擇器 144

n6．創(chuàng)建和應(yīng)用自定義樣式 146

n7．創(chuàng)建和引用外部樣式 147

n8．編輯樣式 148

n8.1.5 【實(shí)戰(zhàn)演練】——女士香水網(wǎng)頁 149

n8.2 時(shí)尚彩妝網(wǎng)頁 149

n8.2.1 【案例分析】 149

n8.2.2 【設(shè)計(jì)理念】 149

n8.2.3 【操作步驟】 150

n1．插入表格并輸入文字 150

n2．設(shè)置CSS屬性 151

n8.2.4 【相關(guān)工具】 153

n1．類型 153

n2．背景 154

n3．區(qū)塊 155

n4．方框 156

n5．邊框 156

n6．列表 157

n7．定位 157

n8．?dāng)U展 158

n8.2.5 【實(shí)戰(zhàn)演練】——數(shù)碼照片沖印網(wǎng)頁 158

n8.3 最新電影網(wǎng)頁 158

n8.3.1 【案例分析】 158

n8.3.2 【設(shè)計(jì)理念】 159

n8.3.3 【操作步驟】 159

n8.3.4 【相關(guān)工具】 161

n1．可應(yīng)用過濾的HTML標(biāo)簽 161

n2．CSS的靜態(tài)過濾器 161

n3．CSS的動態(tài)過濾器 162

n8.3.5 【實(shí)戰(zhàn)演練】——兒童玩具人偶網(wǎng)頁 162

n8.4 綜合演練——精品房產(chǎn)網(wǎng)頁 163

n8.5 綜合演練——時(shí)尚前風(fēng)網(wǎng)頁 163

n第9章 模板和庫

n9.1 家居資訊網(wǎng)頁 164

n9.1.1 【案例分析】 164

n9.1.2 【設(shè)計(jì)理念】 164

n9.1.3 【操作步驟】 165

n1．創(chuàng)建模板 165

n2．創(chuàng)建可編輯區(qū)域 165

n9.1.4 【相關(guān)工具】 166

n1．'資源'控制面板 166

n2．創(chuàng)建模板 167

n3．定義和取消可編輯區(qū)域 168

n4．創(chuàng)建基于模板的網(wǎng)頁 171

n5．管理模板 172

n9.1.5 【實(shí)戰(zhàn)演練】——數(shù)碼配件網(wǎng)頁 174

n9.2 健康瑜珈網(wǎng)頁 174

n9.2.1 【案例分析】 174

n9.2.2 【設(shè)計(jì)理念】 175

n9.2.3 【操作步驟】 175

n1．創(chuàng)建庫項(xiàng)目 175

n2．利用庫中注冊的項(xiàng)目制作網(wǎng)頁文檔 176

n9.2.4 【相關(guān)工具】 177

n1．創(chuàng)建庫文件 177

n2．向頁面添加庫項(xiàng)目 178

n3．更新庫文件 179

n9.2.5 【實(shí)戰(zhàn)演練】——茶文化網(wǎng)頁 180

n9.3 綜合演練——個(gè)人網(wǎng)頁 181

n9.4 綜合演練——新品家居網(wǎng)頁 181

n第10章 使用表單

n10.1 咖啡廳會員注冊網(wǎng)頁 182

n10.1.1 【案例分析】 182

n10.1.2 【設(shè)計(jì)理念】 182

n10.1.3 【操作步驟】 183

n1．插入表單和表格并設(shè)置表格的屬性 183

n2．插入文本域 184

n10.1.4 【相關(guān)工具】 185

n1．創(chuàng)建表單 185

n2．表單的屬性 185

n3．單行文本域 186

n4．隱藏域 188

n5．單選按鈕 189

n6．單選按鈕組 190

n7．復(fù)選框 190

n10.1.5 【實(shí)戰(zhàn)演練】——化妝品用戶登錄網(wǎng)頁 191

n10.2 兒童會員注冊網(wǎng)頁 191

n10.2.1 【案例分析】 191

n10.2.2 【設(shè)計(jì)理念】 192

n10.2.3 【操作步驟】 192

n10.2.4 【相關(guān)工具】 194

n1．創(chuàng)建列表和菜單 194

n2．創(chuàng)建跳轉(zhuǎn)菜單 195

n3．創(chuàng)建文件域 196

n4．創(chuàng)建圖像域 197

n5．提交、無、重置按鈕 198

n10.2.5 【實(shí)戰(zhàn)演練】——旅游用戶登錄網(wǎng)頁 199

n10.3 綜合演練——星運(yùn)奇緣網(wǎng)頁 200

n10.4 綜合演練——家居購物訂單網(wǎng)頁 200

n第11章 使用行為

n11.1 美麗女人購物網(wǎng)頁 201

n11.1.1 【案例分析】 201

n11.1.2 【設(shè)計(jì)理念】 201

n11.1.3 【操作步驟】 201

n11.1.4 【相關(guān)工具】 202

n1．行為 202

n2．事件 203

n3．'行為'控制面板 205

n4．應(yīng)用行為 206

n11.1.5 【實(shí)戰(zhàn)演練】——兒童美食網(wǎng)頁 208

n11.2 車行天下網(wǎng)頁 208

n11.2.1 【案例分析】 208

n11.2.2 【設(shè)計(jì)理念】 208

n11.2.3 【操作步驟】 209

n11.2.4 【相關(guān)工具】 209

n1．調(diào)用JavaScript 209

n2．打開瀏覽器窗口 210

n3．轉(zhuǎn)到 URL 212

n4．播放聲音 212

n5．控制Shockwave或Flash 212

n6．檢查瀏覽器 213

n7．檢查插件 214

n8．檢查表單 215

n9．設(shè)置導(dǎo)航欄圖像 215

n10．交換圖像 217

n11．顯示隱藏層 218

n12．拖動層 220

n13．設(shè)置容器的文本 221

n14．設(shè)置狀態(tài)欄文本 222

n15．設(shè)置文本域文字 222

n16．設(shè)置框架文本 223

n17．跳轉(zhuǎn)菜單 224

n18．跳轉(zhuǎn)菜單開始 224

n11.2.5 【實(shí)戰(zhàn)演練】——企業(yè)宣傳公告網(wǎng)頁 225

n11.3 綜合演練——精品汽車網(wǎng)頁 225

n11.4 綜合演練——美容購物網(wǎng)頁 226

n第12章 網(wǎng)頁代碼

n12.1 運(yùn)動鞋網(wǎng)頁 227

n12.1.1 【案例分析】 227

n12.1.2 【設(shè)計(jì)理念】 227

n12.1.3 【操作步驟】 228

n12.1.4 【相關(guān)工具】 229

n1．使用'參考'面板 229

n2．代碼提示功能 230

n3．使用標(biāo)簽庫插入標(biāo)簽 230

n4．使用標(biāo)簽選擇器插入標(biāo)簽 231

n5．使用標(biāo)簽檢查器編輯代碼 232

n6．使用標(biāo)簽編輯器編輯代碼 233

n12.1.5 【實(shí)戰(zhàn)演練】——在線試聽網(wǎng)頁 233

n12.2 健康蔬菜網(wǎng)頁 233

n12.2.1 【案例分析】 233

n12.2.2 【設(shè)計(jì)理念】 234

n12.2.3 【操作步驟】 234

n1．制作禁止網(wǎng)頁另存為 234

n2．制作禁止使用單擊右鍵 235

n12.2.4 【相關(guān)工具】 235

n1．常用的HTML標(biāo)簽 235

n2．腳本語言 237

n3．響應(yīng)HTML事件 237

n12.2.5 【實(shí)戰(zhàn)演練】——燈具購物網(wǎng)頁 239

n12.3 綜合演練——在線電影網(wǎng)頁 239

n12.4 綜合演練——兒童用品專賣網(wǎng) 240