邊做邊學——Dreamweaver CS5網頁設計案例教程

內容簡介

本書全面系統地介紹Dreamweaver CS5的基本操作方法和網頁設計製作技巧，包括初識Dreamweaver CS5、文本與文檔、圖像和多媒體、超連結、使用表格、使用框架、使用層、CSS樣式、模板和庫、表單與行為、網頁代碼和綜合設計實訓。

本書內容以課堂案例為主線，通過各案例的實際操作，學生可以快速上手，熟悉軟體功能和藝術設計思路。書中再檔囑戒的軟體功能解析部分使學生能夠更深入地學習軟體功能。課堂實戰演練和課后綜合演練，可以拓展學生的實際套用能力，提高學生的軟體使用技巧。本書配套光碟中包含了書中所有案例的素材及效果檔案，以利於教師授課，學生練習請茅婆。

本書可作為職業學校藝術類專業課程的教材，也可作為Dreamweaver CS5自學者的參考用書。

圖書目錄

第 1章　初識Dreamweaver CS5

1.1　操作界面　1

1.1.1　【操作目的】　1

1.1.2　【操作步驟】　1

1.1.3　【相關工具】　2

1．開始頁面　2

2．不同風格的界面　2

3．伸縮自如戒判籃的功能面板　3

4．多文檔的編輯界面　3

5．插入面板　3

6．更完整的CSS功能　3

1.2　創建網站框架　4

1.2.1　【操作目的】　4

1.2.2　【操作步驟】　5

1.2.3　【相關工具】　6

1.3　管理站點　7

1.3.1　【操格套悼作目的】　7

1.3.2　【操作步驟】　7

1.3.3　【相關工具】　9

1．站點管理器　9

2．創建資料夾　11

3．定義新站點　11

1.4　網頁檔案頭設定　12

1.4.1　【操作目的】　12

1.4.2　【操作步驟】　12

1.4.3　【相關工具】　13

1．插入搜尋關鍵字　13

2．插入作者和版權資訊　13

3．設定刷新時間　14

4．設定描述信息　15

5．設定頁面中所有連結的基準連結　15

6．設定當前檔案與其他檔案的關聯性　16

第 2章　文本與文檔

2.1　果蔬網　17

2.1.1　【案例分析】　17

2.1.2　【設計理念】　17

2.1.3　【操作步驟】　17

1．設定頁面屬性　17

2．輸入空格和文字　18

2.1.4　【相關工具】　21

1．輸入文本　21

2．設定文本屬性　21

3．輸入連續的空格　22

4．設定是否顯示不可見元素　22

5．設定頁邊距　23

6．設定網頁的標題　24

7．設定網頁的默認格式　24

2.1.5　【實戰演練】——青山別墅網頁　24

2.2　電器城網店　25

2.2.1　【案例分析】　25

2.2.2　【設計理念】　25

2.2.3　【操作步驟】　25

1．添加字型　25

2．改變文字外觀　26

2.2.4　【相關工具】　27

1．改變文本的大小　27

2．改變文本的顏色　28

3．改變文本的字型　29

4．改變文本的對齊方式　30

5．設定文本樣式　31

6．段落文本　31

7．插入換行符　32

8．設定項求囑愉訂目符號或編號　33

9．修改項目符號或編號　34

10．設定文本縮進格式　34

11．插入日期　34

12．特殊字元　34

2.2.5　【實戰演練】——鮮花速遞網頁　35

2.3　藝術攝影網頁　35

2.3.1　【案例分析】　35

2.3.2　【設計理念】　35

2.3.3　【操作步驟】　36

2.3.4　【相關工具】　37

1．水平線　37

2．顯示和隱藏格線　37

3．標尺　38

2.3.5　【實戰演練】——數碼科技前線網頁　39

2.4　綜合演練——化妝品網頁　39

2.4.1　【案例分析】　39

2.4.2　【設計理念】　40

2.4.3　【知識要點】　40

2.5　綜合演練——養生食品網頁　40

2.5.1　【案例分析】　40

2.5.2　【設計理念】　40

2.5.3　【知識要點】　40

第3章　圖像和多媒體

3.1　建築工程網頁　41

3.1.1　【案例分析】　41

3.1.2　【設計理念】　41

3.1.3　【操作步驟】　42

3.1.4　【相關工具】　43

1．網頁中的圖像格式　43

2．插入圖像　43

3．設定圖像屬性　44

4．插入圖像占位符　44

5．跟蹤圖像　45

3.1.5　【實戰演練】——兒童相冊網遷射蒸頁　46

3.2　野生動物園網頁　46

3.2.1　【案例分析】　46

3.2.2　【設計理念】　46

3.2.3　【操作步驟】　46

3.2.4　【相關工具】　48

調整圖像與文本的相對位置　48

3.2.5　【實戰演練】——數位相機網頁　49

3.3　女性化妝品網頁　49

3.3.1　全催【案例分析】　49

3.3.2　【設計理念】　49

3.3.3　【操作步驟】　50

3.3.4　【相關工具】　51

1．插入Flash動畫　51

2．插入FLV　52

3．插入Shockwave影片　54

4．影片插入Applet程式　54

5．插入ActiveX控制項　55

3.3.5　【實戰演練】——五穀雜糧網頁　55

3.4　綜合演練——酒店訂購網頁　55

3.4.1　【案例分析】　55

3.4.2　【設計理念】　55

3.4.3　【知識要點】　55

3.5　綜合演練——數碼世界網頁　56

3.5.1　【案例分析】　56

3.5.2　【設計理念】　56

3.5.3　【知識要點】　56

第4章　超連結

4.1　實木地板網頁　57

4.1.1　【案例分析】　57

4.1.2　【設計理念】　57

4.1.3　【操作步驟】　58

1．製作電子郵件超接　58

2．製作下載檔案連結　59

4.1.4　【相關工具】　59

1．超連結的概念與路徑知識　59

2．創建文本連結　60

3．文本連結的狀態　61

4．下載檔案連結　62

5．電子郵件連結　62

4.1.5　【實戰演練】——機車改裝網頁　63

4.2　口腔護理網頁　63

4.2.1　【案例分析】　63

4.2.2　【設計理念】　63

4.2.3　【操作步驟】　63

1．製作滑鼠經過　63

2．創建熱點連結　64

4.2.4　【相關工具】　65

1．圖像超連結　65

2．滑鼠經過圖像連結　66

3．命名錨記連結　66

4．創建熱區連結　67

4.2.5　【實戰演練】——花卉百科網頁　69

4.3　綜合演練——茶文化網頁　69

4.3.1　【案例分析】　69

4.3.2　【設計理念】　69

4.3.3　【知識要點】　69

4.4　綜合演練——綠色食品網頁　70

4.4.1　【案例分析】　70

4.4.2　【設計理念】　70

4.4.3　【知識要點】　70

第5章　使用表格

5.1　布藝沙發網頁　71

5.1.1　【案例分析】　71

5.1.2　【設計理念】　71

5.1.3　【操作步驟】　72

5.1.4　【相關工具】　74

1．表格的組成　74

2．插入表格　75

3．表格各元素的屬性　76

4．在表格中插入內容　77

5．選擇表格元素　78

6．複製、貼上表格　79

7．縮放表格　80

8．刪除表格和表格內容　81

9．合併和拆分單元格　81

10．增加和刪除表格的行和列　82

5.1.5　【實戰演練】——租車網頁　82

5.2　健康美食網頁　83

5.2.1　【案例分析】　83

5.2.2　【設計理念】　83

5.2.3　【操作步驟】　83

導入表格式數據　83

5.2.4　【相關工具】　85

1．導入和導出表格的數據　85

2．排序表格　87

3．複雜表格的排版　88

5.2.5　【實戰演練】——設計家園網頁　88

5.3　綜合演練——流行音樂網頁　89

5.3.1　【案例分析】　89

5.3.2　【設計理念】　89

5.3.3　【知識要點】　89

5.4　綜合演練——建築信息資訊網頁　90

5.4.1　【案例分析】　90

5.4.2　【設計理念】　90

5.4.3　【知識要點】　90

第6章　使用框架

6.1　超齊運動網頁　91

6.1.1　【案例分析】　91

6.1.2　【設計理念】　91

6.1.3　【操作步驟】　91

1．新建框架並編輯　91

2．插入圖像　93

6.1.4　【相關工具】　94

1．建立框架集　94

2．為框架添加內容　96

3．保存框架　96

4．框架的選擇　97

5．修改框架的大小　97

6．拆分框架　98

7．刪除框架　99

6.1.5　【實戰演練】——運動休閒網頁　99

6.2　美發網頁　99

6.2.1　【案例分析】　99

6.2.2　【設計理念】　99

6.2.3　【操作步驟】　100

1．設定保存文檔　100

2．插入表格與圖像　102

3．創建圖像超連結　106

6.2.4　【相關工具】　107

1．框架屬性　107

2．框架集的屬性　108

3．框架中的連結　109

6.2.5　【實戰演練】——乾果批發網頁　110

6.3　綜合演練——時尚燈具網頁　110

6.3.1　【案例分析】　110

6.3.2　【設計理念】　110

6.3.3　【知識要點】　111

6.4　綜合演練——海洋館網頁　111

6.4.1　【案例分析】　111

6.4.2　【設計理念】　111

6.4.3　【知識要點】　111

第7章　使用層

7.1　時尚前沿網頁　112

7.1.1　【案例分析】　112

7.1.2　【設計理念】　112

7.1.3　【操作步驟】　112

7.1.4　【相關工具】　114

1．創建層　114

2．選擇層　115

3．設定層的默認屬性　115

4．AP元素麵板　116

5．更改層的堆疊順序　116

6．更改層的可見性　117

7．調整層的大小　117

8．嵌套層　118

9．移動層　119

10．對齊層　119

11．層靠齊到格線　120

7.1.5　【實戰演練】——手機導航網頁　120

7.2　化妝品公司網頁　120

7.2.1　【案例分析】　120

7.2.2　【設計理念】　121

7.2.3　【操作步驟】　121

7.2.4　【相關工具】　122

1．將AP Div轉換為表格　122

2．將表格轉換為AP Div　123

7.2.5　【實戰演練】——有機蔬菜網頁　123

7.3　綜合演練——我的音樂世界　123

7.3.1　【案例分析】　123

7.3.2　【設計理念】　124

7.3.3　【知識要點】　124

7.4　綜合演練——天使卡通網頁　124

7.4.1　【案例分析】　124

7.4.2　【設計理念】　124

7.4.3　【知識要點】　124

第8章　CSS樣式

8.1　跑酷網頁　125

8.1.1　【案例分析】　125

8.1.2　【設計理念】　125

8.1.3　【操作步驟】　126

8.1.4　【相關工具】　127

1．CSS樣式的概念　127

2．“CSS樣式”面板　127

3．CSS樣式的類型　128

4．創建重定義HTML標籤樣式　129

5．創建CSS選擇器　130

6．創建和套用自定義樣式　131

7．創建和引用外部樣式　132

8．編輯樣式　133

8.1.5　【實戰演練】——新車上市資訊網頁　134

8.2　山地車網頁　134

8.2.1　【案例分析】　134

8.2.2　【設計理念】　134

8.2.3　【操作步驟】　135

1．插入表格並輸入文字　135

2．設定CSS屬性　135

8.2.4　【相關工具】　138

1．類型　138

2．背景　139

3．區塊　140

4．方框　141

5．框線　141

6．列表　142

7．定位　142

8．擴展　143

8.2.5　【實戰演練】——科技公司網頁　143

8.3　足球線上網頁　144

8.3.1　【案例分析】　144

8.3.2　【設計理念】　144

8.3.3　【操作步驟】　144

插入圖片　144

8.3.4　【相關工具】　145

1．可套用過濾的HTML標籤　145

2．CSS的靜態過濾器　145

3．CSS的動態過濾器　147

8.3.5　【實戰演練】——辦公用品網頁　147

8.4　綜合演練——照片美化網頁　147

8.4.1　【案例分析】　147

8.4.2　【設計理念】　147

8.4.3　【知識要點】　147

8.5　綜合演練——抒情散文網頁　148

8.5.1　【案例分析】　148

8.5.2　【設計理念】　148

8.5.3　【知識要點】　148

第9章　模板和庫

9.1　美極養生網頁　149

9.1.1　【案例分析】　149

9.1.2　【設計理念】　149

9.1.3　【操作步驟】　149

1．創建模板　149

2．創建可編輯區域　150

9.1.4　【相關工具】　151

1．“資源”面板　151

2．創建模板　152

3．定義和取消可編輯區域　153

4．創建基於模板的網頁　156

5．管理模板　156

9.1.5　【實戰演練】——房產資訊網頁　158

9.2　老年生活頻道　158

9.2.1　【案例分析】　158

9.2.2　【設計理念】　159

9.2.3　【操作步驟】　159

1．把經常用的圖示註冊到庫中　159

2．利用庫中註冊的項目製作網頁文檔　160

3．修改庫中註冊的項目　161

9.2.4　【相關工具】　162

1．創建庫檔案　162

2．向頁面添加庫項目　163

3．更新庫檔案　164

9.2.5　【實戰演練】——熱點話題跟蹤　165

9.3　綜合演練——美女購物網頁　165

9.3.1　【案例分析】　165

9.3.2　【設計理念】　166

9.3.3　【知識要點】　166

9.4　綜合演練——婚禮策劃網頁　166

9.4.1　【案例分析】　166

9.4.2　【設計理念】　166

9.4.3　【知識要點】　166

第 10章　表單與行為

10.1　留言板網頁　167

10.1.1　【案例分析】　167

10.1.2　【設計理念】　167

10.1.3　【操作步驟】　168

1．插入文本欄位和文本區域　168

2．插入單選按鈕　168

3．插入複選框　169

10.1.4　【相關工具】　170

1．創建表單　170

2．表單的屬性　170

3．單行文本域　171

4．隱藏域　173

5．單選按鈕　174

6．單選按鈕組　174

7．複選框　175

8．創建列表和選單　175

9．創建跳轉選單　177

10．創建檔案域　178

11．創建圖像域　179

12．提交、無、重置按鈕　180

10.1.5　【實戰演練】——用戶註冊頁面　180

10.2　海上運動雜誌訂閱　181

10.2.1　【案例分析】　181

10.2.2　【設計理念】　181

10.2.3　【操作步驟】　181

1．添加頁面晃動效果　181

2．添加狀態欄文本　182

10.2.4　【相關工具】　182

1．“行為”面板　182

2．套用行為　183

3．調用JavaScript　184

4．打開瀏覽器視窗　185

5．轉到URL　186

6．檢查外掛程式　186

7．檢查表單　187

8．交換圖像　188

9．設定容器的文本　189

10．設定狀態欄文本　189

11．設定文本域文字　190

12．設定框架文本　190

10.2.5　【實戰演練】——攝影作品網頁　191

10.3　綜合演練——娛樂小屋遊戲網頁　191

10.3.1　【案例分析】　191

10.3.2　【設計理念】　192

10.3.3　【知識要點】　192

10.4　綜合演練——會員登錄界面　192

10.4.1　【案例分析】　192

10.4.2　【設計理念】　192

10.4.3　【知識要點】　192

第 11章　網頁代碼

11.1　音樂世界網頁　193

11.1.1　【案例分析】　193

11.1.2　【設計理念】　193

11.1.3　【操作步驟】　193

11.1.4　【相關工具】　195

1．使用“參考”面板　195

2．代碼提示功能　195

3．使用標籤庫插入標籤　196

4．使用標籤選擇器插入標籤　197

5．使用標籤檢查器編輯代碼　197

6．使用標籤編輯器編輯代碼　198

11.1.5　【實戰演練】——卡動漫遊記網頁　198

11.2　美容信息網頁　198

11.2.1　【案例分析】　198

11.2.2　【設計理念】　199

11.2.3　【操作步驟】　199

1．製作瀏覽器視窗永遠都不出現滾動條　199

2．製作禁止使用單擊右鍵　199

11.2.4　【相關工具】　200

1．常用的HTML標籤　200

2．腳本語言　202

3．回響HTML事件　202

11.2.5　【實戰演練】——時尚潮流網頁　204

11.3　綜合演練——商業公司網頁　204

11.3.1　【案例分析】　204

11.3.2　【設計理念】　204

11.3.3　【知識要點】　204

11.4　綜合演練——招商加盟網頁　204

11.4.1　【案例分析】　204

11.4.2　【設計理念】　205

11.4.3　【知識要點】　205

第 12章　綜合設計實訓

12.1　個人網頁——小飛飛的個人網頁　206

12.1.1　【項目背景及要求】　206

1．客戶名稱　206

2．客戶需求　206

3．設計要求　206

12.1.2　【項目創意及製作】　207

1．設計素材　207

2．設計作品　207

3．步驟提示　207

12.2　遊戲娛樂網頁——綜藝頻道網頁　209

12.2.1　【項目背景及要求】　209

1．客戶名稱　209

2．客戶需求　209

3．設計要求　209

12.2.2　【項目創意及製作】　210

1．設計素材　210

2．設計作品　210

3．步驟提示　210

12.3　旅遊休閒網頁——戶外運動網頁　212

12.3.1　【項目背景及要求】　212

1．客戶名稱　212

2．客戶需求　212

3．設計要求　213

12.3.2　【項目創意及製作】　213

1．設計素材　213

2．設計作品　213

3．步驟提示　213

12.4　房產網頁——精品房產網頁　214

12.4.1　【項目背景及要求】　214

1．客戶名稱　214

2．客戶需求　215

3．設計要求　215

12.4.2　【項目創意及製作】　215

1．設計素材　215

2．設計作品　215

3．步驟提示　215

12.5　文化藝術網頁——戲曲藝術網頁　217

12.5.1　【項目背景及要求】　217

1．客戶名稱　217

2．客戶需求　217

3．設計要求　217

12.5.2　【項目創意及製作】　217

1．設計素材　217

2．設計作品　217

3．步驟提示　218

邊做邊學——Dreamweaver CS5網頁設計案例教程

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條