內容簡介

《Adobe Dreamweaver CS6網頁設計與制作案例技能實訓教程》以實操案例為主線，從Dreamweaver最基本的應用知識講起，全面細致地介紹網站建設與網頁制作的方法和設計技巧。全書共9章，實操案例包括企業(yè)站點的創(chuàng)建與管理、網站首頁的制作、宣傳網頁的制作、表單網頁的制作、利用模板制作網頁以及購物網站頁面的制作等；理論知識涉及站點的建立、網頁基本元素的編輯、網頁中圖像的應用、超級鏈接的使用、表格和框架的應用、使用CSS 美化網頁、使用Div+ CSS 布局制作網頁、表單的應用、模板和庫的應用等內容，并通過制作購物網站頁面講解了后臺數(shù)據庫的基本設置方法；每章最后還安排了針對性的項目練習，以供讀者練手。

《Adobe Dreamweaver CS6網頁設計與制作案例技能實訓教程》結構合理，語言通俗，圖文并茂，易教易學，既適合作為高職高專院校和應用型本科院校計算機、多媒體及網頁設計相關專業(yè)的教材，又適合廣大網頁愛好者特別是網頁設計初學者閱讀使用。

前言

Adobe Dreamweaver 是一款功能強大、所見即所得的網頁編輯軟件，自推出以來，備受廣大網頁設計愛好者的追捧。為了滿足新形勢下的教育需求，我們組織了一批富有經驗的設計師和高校教師，共同策劃編寫了本書，以讓讀者能夠更好地掌握設計技能，更好地提升動手能力，更好地與社會相關行業(yè)接軌。

本書以實操案例為主線，介紹各種類型網頁作品的設計方法、制作技巧、理論支撐等內容。全書共9 章，各章內容介紹如下。

章　節(jié)    作品名稱                             知識體系

第1 章  創(chuàng)建小微企業(yè)站點         講解Dreamweaver CS6 的操作界面，

                                                        站點的搭建、管理、上傳等

第2 章   制作一個簡單的網頁      講解網頁的基本構成元素及其編輯方法

第3 章   創(chuàng)建網頁下載鏈接        講解網頁中不同類型鏈接的制作方法

第4 章   制作產品展示網頁        講解表格的插入與編輯，以及使用表格

                                                       進行排版等內容

第5 章   制作公司網站首頁        講解框架的創(chuàng)建與保存、Spry 框架技術的應用等

第6 章   制作圖文混排的網頁      講解CSS 布局的優(yōu)勢、盒模型、CSS 布局方式等

第7 章   制作市場調查頁面        講解各種表單對象的創(chuàng)建方法與技巧

第8 章   利用模板頁制作網頁      講解模板的創(chuàng)建、為網頁應用模板、庫的應用等

第9 章   制作購物網站頁面        講解購物網站頁面的制作，其中涉及前面

                                                      章節(jié)所學內容，以及連接數(shù)據庫的知識

附　錄    認識HTML 語言          講解HTML 語言的基礎知識、HTML5 的

                                                         語法以及各種標記的格式

本書結構合理、講解細致、特色鮮明，內容著眼于專業(yè)性和實用性，符合讀者的認知規(guī)律，也更側重于綜合職業(yè)能力與職業(yè)素養(yǎng)的培養(yǎng)，集“教、學、練”于一體。本書適合應用型本科、職業(yè)院校、培訓機構作為教材使用。

葛磊編寫1 ～ 6 章，李鵬飛編寫7 ～ 9 章，參與本書編寫的人員還有伏銀戀、任海香、李瑞峰、楊繼光、周杰、朱艷秋、劉松云、岳喜龍、吳蓓蕾、王贊贊、李霞麗、周婷婷、張靜、張晨晨、張素花、鄭菁菁、趙瑩琳等。這些老師在長期的工作中積累了大量的經驗，在寫作的過程中始終堅持嚴謹細致的態(tài)度、力求精益求精，但由于時間有限，書中疏漏之處在所難免，希望讀者朋友批評指正。

需要獲取教學課件、視頻、素材的讀者可以發(fā)送郵件到：619831182@QQ.com或添加微信公眾號DSSF007 留言申請，制作者會在第一時間將其發(fā)至您的郵箱。

在學習過程中，歡迎加入讀者交流群(QQ 群：281042761) 進行學習探討！

編 者

 

目錄

第1 章設立新站點——網頁設計入門操作

【跟我學】　創(chuàng)建小微企業(yè)站點     2

【聽我講】        5

1.1 初識Dreamweaver CS6    5

1.1.1　菜單欄          5

1.1.2　文檔工具欄        8

1.1.3　“屬性”面板        8

1.1.4　浮動面板組        9

1.1.5　狀態(tài)欄         11

1.2 網站建設流程      11

1.3 搭建站點       14

1.4 站點的管理       17

1.4.1　編輯站點         18

1.4.2　刪除站點         18

1.4.3　復制站點         18

1.4.4　導出和導入站點       19

1.4.5　訪問站點         19

1.5 站點的上傳       20

1.5.1　測試站點         20

1.5.2　上傳站點         22

【自己練】       24

 

第2 章 制作我的首個網頁——網頁基本元素編輯詳解

【跟我學】　制作一個簡單的網頁   26

【聽我講】       30

2.1 網頁的基本構成元素    30

2.2 文本內容的創(chuàng)建      31

2.2.1　輸入文本         31

2.2.2　設置文本屬性       32

2.3 圖像的插入與編輯     33

2.3.1　網頁圖像的格式       33

2.3.2　插入圖像         34

2.3.3　圖像的屬性設置       35

2.3.4　圖像的對齊方式       36

2.3.5　圖像占位符       37

2.4 多媒體元素的插入     38

2.4.1　SWF 格式文件      38

2.4.2　FLV 格式文件       40

2.5 其他常見元素的插入    42

2.5.1　插入特殊符號       42

2.5.2　插入日期和時間       43

2.5.3　插入注釋         43

2.5.4　插入水平線       44

2.5.5　插入Java Applet 代碼     44

2.5.6　插入ActiveX 控件     44

2.6 頁面屬性的設置      45

2.6.1　外觀（CSS）      45

2.6.2　外觀（HTML）       46

2.6.3　鏈接（CSS）      46

2.6.4　標題（CSS）      47

2.6.5　標題/ 編碼        48

2.6.6　跟蹤圖像         48

【自己練】       50

 

第3 章制作網頁超鏈接——超級鏈接應用詳解

【跟我學】　創(chuàng)建網頁下載鏈接    52

【聽我講】       54

3.1 什么是超級鏈接      54

3.2 超級鏈接的創(chuàng)建      55

3.2.1　創(chuàng)建文本鏈接       55

3.2.2　創(chuàng)建空鏈接       56

3.2.3　制作錨點鏈接       56

3.2.4　創(chuàng)建E-mail 鏈接     58

3.2.5　創(chuàng)建腳本鏈接       58

3.3 在圖像中應用鏈接     59

3.3.1　圖像鏈接         59

3.3.2　圖像熱點鏈接       60

3.4 管理網頁超級鏈接     62

3.4.1　自動更新鏈接       62

3.4.2　在站點范圍內更改鏈接     63

3.4.3　檢查站點中的鏈接錯誤     64

【自己練】       65

第4 章利用表格布局網頁

——表格應用詳解

【跟我學】　制作產品展示網頁    68

【聽我講】       79

4.1 表格的創(chuàng)建       79

4.1.1　插入表格         79

4.1.2　表格的基本代碼       80

4.1.3　選擇表格         81

4.2 表格屬性的設置      83

4.2.1　設置表格屬性       83

4.2.2　設置單元格屬性       84

4.2.3　改變背景顏色       85

4.2.4　表格的屬性代碼       86

4.3 表格的編輯       87

4.3.1　復制和粘貼表格       87

4.3.2　添加行和列       88

4.3.3　刪除行和列       89

4.4 認識表格的相關代碼    90

4.4.1　表格標記及相關屬性代碼   90

4.4.2　行標記及相關屬性代碼     91

4.4.3　單元格標記       91

4.5 表格式數(shù)據的導入/ 導出     91

4.5.1　導入表格式數(shù)據       92

4.5.2　導出表格式數(shù)據       92

【自己練】       94

 

第5 章制作網站首頁——框架技術詳解

【跟我學】 制作公司網站首頁    98

【聽我講】        108

5.1 框架的創(chuàng)建與保存      108

5.1.1 創(chuàng)建框架        108

5.1.2 保存框架集       111

5.2 設置框架屬性      112

5.2.1 框架集屬性        112

5.2.2 框架屬性        112

5.3 Spry 框架技術     113

5.3.1 Spry 效果        113

5.3.2 Spry 控件        117

5.3.3 Spry 菜單欄的插入與設置  118

【自己練】       121

第6 章制作宣傳頁面——Div 與CSS 技術詳解

【跟我學】 制作圖文混排的網頁  124

【聽我講】        135

6.1 認識CSS 樣式表      135

6.2 創(chuàng)建CSS 樣式      136

6.2.1 “CSS 樣式”面板      136

6.2.2 創(chuàng)建樣式表        138

6.2.3 應用內部樣式表      142

6.2.4 鏈接外部CSS 樣式表    142

6.3 定義CSS 樣式      143

6.3.1 定義CSS 樣式的類型    144

6.3.2 定義CSS 樣式的背景    145

6.3.3 區(qū)塊、方框、邊框等的設置  145

6.3.4 設置CSS 樣式的擴展    150

6.3.5 設置CSS 樣式的過渡    150

6.4 管理CSS 樣式表    151

6.4.1 編輯CSS 樣式      151

6.4.2 刪除CSS 樣式      152

6.4.3 復制CSS 樣式      152

6.5 Div+CSS 布局基礎    152

6.5.1 Div 簡介        153

6.5.2 Div+CSS 布局的優(yōu)勢    156

6.5.3 盒子模型        157

6.6 常見的布局方式      159

6.6.1 居中布局        159

6.6.2 浮動布局        161

6.6.3 高度自適應布局      163

【自己練】        165

 

 

第7 章制作表單頁面——表單技術詳解

【跟我學】 制作市場調查頁面   168

【聽我講】        175

7.1 認識表單      175

7.2 創(chuàng)建表單域      176

7.2.1 表單域的創(chuàng)建      176

7.2.2 表單域的屬性設置      176

7.3 插入文本域      177

7.3.1 插入單行文本域      177

7.3.2 插入多行文本域      178

7.3.3 密碼域        179

7.4 插入單選按鈕和復選框     180

7.4.1 插入單選按鈕      180

7.4.2 插入復選框        181

7.5 插入下拉菜單和列表     182

7.6 創(chuàng)建文件域      183

7.7 創(chuàng)建表單按鈕     184

7.8 創(chuàng)建跳轉菜單     185

7.9 檢查表單      186

【自己練】        187

 

第8 章制作多頁面網站——模板與庫詳解

【跟我學】 利用模板頁制作網頁  190

【聽我講】        197

8.1 模板的創(chuàng)建      197

8.1.1 創(chuàng)建新模板        197

8.1.2 將普通網頁保存為模板    198

8.2 模板的編輯      199

8.2.1 可編輯區(qū)域和鎖定區(qū)域    199

8.2.2 創(chuàng)建可編輯區(qū)域      199

8.2.3 選擇可編輯區(qū)域      200

8.2.4 刪除可編輯區(qū)域      201

8.3 模板的實際應用     201

8.3.1 從模板新建文檔      202

8.3.2 使用模板面板創(chuàng)建文檔    203

8.3.3 頁面與模板脫離      205

8.3.4 更新頁面        205

8.4 模板的管理操作     206

8.4.1 重命名模板        206

8.4.2 刪除模板        207

8.5 庫的應用      207

8.5.1 創(chuàng)建和應用庫項目      207

8.5.2 修改庫項目        209

【自己練】        210

第9 章制作購物網站頁面

9.1 購物網站概述      212

9.1.1 購物網站的主要分類    212

9.1.2 購物網站的主要特點    212

9.1.3 購物網站流程      214

9.2 創(chuàng)建數(shù)據庫與數(shù)據庫鏈接    215

9.2.1 創(chuàng)建數(shù)據庫表      215

9.2.2 創(chuàng)建數(shù)據庫鏈接      215

9.3 制作系統(tǒng)前臺頁面    216

9.3.1 制作商品分類展示頁面    216

9.3.2 制作商品詳細信息頁面    220

9.4 制作購物系統(tǒng)后臺管理頁面  221

9.4.1 制作管理員登錄頁面    221

9.4.2 制作添加商品分類頁面    224

9.4.3 制作添加商品頁面      226

9.4.4 制作修改頁面      228

9.4.5 設計刪除頁面      230

附錄認識HTML 語言  233

參考文獻               257