DreamweaverCS6+HTML+CSS+DIV+JavaScript網站開發案例教程

《DreamweaverCS6+HTML+CSS+DIV+JavaScript網站開發案例教程》是2017年9月人民郵電出版社出版的圖書，作者是崔英敏，張麗香 。

基本介紹

• 書名：DreamweaverCS6+HTML+CSS+DIV+JavaScript網站開發案例教程
• 作者：崔英敏，張麗香
• 出版社：人民郵電出版社
• 出版時間：2017年9月
• 頁數：287 頁
• 定價：49.8 元
• 開本：16 開
• 裝幀：平裝
• ISBN：9787115325242

內容簡介

　本書以DreamweaverCS6為工具開發一個企業網站為主線，配合多個案例，介紹了網頁製作的基本知識和技能。全書共9章，知識點包括網頁基礎知識、（X）HTML和CSS、圖文混排和超連結、表格、DIV+CSS、模板、庫、表單、框架、浮動框架、網頁特效、網站測試、發布網站推廣。

　　本書內容充實，操作性強，可作為高職高專院校各相關專業網頁設計與製作課程的教材，也可以作為網頁製作培訓教材和教學參考書。

圖書目錄

第1章網頁基礎知識1

本章導讀2

知識目標2

技能目標2

1．1課堂案例：企業網站的規劃和

站點管理2

1．2準備知識：網頁的基礎知識2

1．2．1網頁元素2

1．2．2網頁的分類4

1．2．3常用的術語5

1．2．4常用的網頁製作工具軟體5

1．2．5網站的開發流程7

1．3DreamweaverCS6工具

介紹和基本操作8

1．3．1DreamweaverCS6工具介紹9

1．3．2Dreamweaver對網頁文檔的

基本操作17

1．4案例實施過程：企業網站的

規劃和站點的管理20

1．4．1網站的需求分析階段20

1．4．2網站的規劃21

1．4．3站點管理22

1．5本章小結23

第2章（X）HTML和CSS25

本章導讀26

知識目標26

技能目標26

2．1課堂案例：人物介紹網頁的

製作26

2．2準備知識：HTML語言和

XHTML語言27

2．2．1HTML與XHTML概述27

2．2．2HTML文檔結構27

2．2．3HTML標籤和屬性28

2．2．4XHTML與HTML的區別29

2．2．5常用的HTML標籤29

2．2．6DOCTYPE（文檔類型）的含義和

選擇37

2．3案例實施過程：人物介紹

網頁的製作（一）38

2．4準備知識：CSS樣式表41

2．4．1CSS樣式表簡介41

2．4．2CSS的語法規則41

2．4．3Dreamweaver的CSS工具42

2．4．4在網頁中引入CSS的方法43

2．4．5CSS選擇器45

2．4．6DreamweaverCS6中的CSS

規則定義面板51

2．4．7課堂練習：CSS製作水平選單56

2．5案例實施過程：人物介紹

網頁的製作（二）60

2．6本章小結62

第3章圖文混排和超連結63

本章導讀64

知識目標64

技能目標64

3．1課堂案例：人物主題

介紹網站64

3．2準備知識：常用的網頁元素65

3．2．1網頁中的文本65

3．2．2設定網頁的頁面屬性74

3．2．3課堂練習：水果介紹頁面76

3．2．4插入圖像78

3．3案例實施過程：人物主題

介紹網站（一）84

3．4準備知識：超連結86

3．4．1文本的超連結87

3．4．2圖像的超連結88

3．4．3錨記89

3．4．4電子郵件的超連結90

3．5案例實施過程：人物主題

介紹網站（二）91

3．6擴展知識：插入多媒體元素92

3．6．1插入音頻檔案92

3．6．2插入FLV格式的視頻檔案94

3．6．3插入Flash格式的視頻檔案95

3．6．4插入其他格式的多媒體檔案97

3．6．5課堂練習：製作電影播放網頁99

3．7本章小結100

第4章網頁布局方式—表格和

DIV+CSS101

本章導讀102

知識目標102

技能目標102

4．1課堂案例一：電影介紹網頁102

4．2準備知識：表格的布局模式103

4．2．1表格103

4．2．2課堂練習：下載圖片的表格107

4．2．3單元格的合併與拆分110

4．2．4課堂練習：推薦模組製作110

4．2．5增加或刪除行或列112

4．2．6課堂練習：選單模組113

4．3案例實施過程：電影介紹

網頁116

4．4課堂案例二：企業網站

首頁的製作121

4．4．1準備知識：DIV+CSS布局模式121

4．4．2課堂練習：小說文學網127

4．5案例實施過程：企業網站

首頁的製作131

4．6本章小結138

第5章模板和庫139

本章導讀140

知識目標140

技能目標140

5．1課堂案例：快速完成企業

二級網頁的製作140

5．2準備知識：模板141

5．2．1創建模板和保存141

5．2．2創建可編輯區域144

5．2．3修改或刪除可編輯區域146

5．2．4套用模板檔案新建網頁146

5．3案例實施過程：使用模板

創建網頁149

5．4擴展知識153

5．4．1模板的可選區域和重複

區域153

5．4．2脫離模板和套用模板156

5．4．3庫檔案157

5．4．4課堂練習：環保主題網站158

5．5本章小結168

第6章表單169

本章導讀170

知識目標170

技能目標170

6．1課堂案例：製作用戶留言

網頁和線上調查問卷頁170

6．2準備知識：表單171

6．2．1表單標籤171

6．2．2表單元素—文本框173

6．2．3表單元素—選擇框174

6．2．4表單元素—選單列表176

6．2．5表單元素—按鈕177

6．2．6其他表單元素178

6．2．7表單中的Spry元素180

6．3案例實施過程：製作用戶

留言網頁185

6．4案例實施過程：製作線上

調查問卷頁189

6．5本章小結191

第7章框架和浮動框架192

本章導讀193

知識目標193

技能目標193

7．1課堂案例：企業信箱

網頁的製作193

7．2準備知識：框架和框架集193

7．2．1框架和框架集介紹193

7．2．2創建框架194

7．2．3保存框架198

7．2．4刪除框架和增加框架199

7．2．5在框架中使用超連結200

7．3案例實施過程：企業信箱

網頁的製作200

7．4擴展知識：浮動框架210

7．4．1浮動框架210

7．4．2浮動框架案例：企業網站

產品頁製作211

7．4．3課堂練習一：玫瑰分類介紹網頁214

7．4．4課堂練習二：網站後台管理頁216

7．5本章小結222

第8章網頁特效223

本章導讀224

知識目標224

技能目標224

8．1課堂案例：在企業網站首頁

中添加網頁特效224

8．2準備知識：JavaScript網頁

特效225

8．2．1JavaScript的常量和變數225

8．2．2JavaScript的函式225

8．2．3JavaScript的事件226

8．2．4在網頁中嵌入JavaScript

代碼的方法226

8．2．5使用jQuery庫229

8．2．6網頁中的行為231

8．3準備知識：Dreamweaver

中的行為腳本232

8．3．1課堂練習：交換的日曆頁232

8．3．2課堂練習：網頁中彈出信息框234

8．3．3課堂練習：彈出廣告頁235

8．3．4課堂練習：使用拖動AP元素

製作拼圖遊戲236

8．3．5課堂練習：製作電子圖冊240

8．3．6課堂練習：製作跳轉網頁243

8．3．7課堂練習：製作關閉網頁的

按鈕244

8．3．8課堂練習：檢查瀏覽器外掛程式246

8．3．9課堂練習：製作能改變DIV文字

顏色和框線效果的網頁247

8．3．10課堂練習：製作一個有趣的

發帖網頁248

8．4準備知識：Dreamweaver

中的Spry框架251

8．4．1Spry選單欄251

8．4．2Spry選項卡式面板253

8．4．3課堂練習：新聞卡式面板253

8．4．4Spry摺疊式256

8．4．5課堂練習：摺疊選單的製作256

8．4．6Spry可摺疊式258

8．4．7Spry工具提示259

8．5案例實施過程：在企業

網站首頁中添加網頁特效259

8．5．1導航下拉選單的製作259

8．5．2動感焦點圖的製作262

8．5．3橫向滾動產品推薦的製作263

8．6本章小結266

第9章網站測試、發布與推廣267

本章導讀268

知識目標268

技能目標268

9．1網站測試268

9．1．1瀏覽器的兼容性測試268

9．1．2連結測試271

9．1．3全站測試報告272

9．1．4設定【W3C驗證程式】273

9．1．5網頁的完整性檢查274

9．2網站發布275

9．2．1註冊域名275

9．2．2申請虛擬主機278

9．2．3網站發布279

9．3網站推廣285

9．4本章小結287

作者簡介

崔英敏，廣東省私立華聯學院教授，從事計算機教育幾十年，有眾多的教學成果，曾出版多部計算機相關教材。