Dreamweaver CS6網頁製作

《Dreamweaver CS6網頁製作》是2015年10月清華大學出版社出版的圖書，作者是九州書源。

基本介紹

• 中文名：Dreamweaver CS6網頁製作
• 作者：九州書源
• ISBN：9787302379591
• 定價：69.80元
• 出版社：清華大學出版社
• 出版時間：2015年10月

內容簡介

《Dreamweaver CS6網頁製作》一書詳細而又全面地介紹了使用Dreamweaver CS6製作網頁的相關知識，主要內容包括網頁設計基礎，Dreamweaver CS6的基本操作，認識網頁布局，網頁元素的添加，超級連結和Spry選單的使用，多媒體對象的使用，認識HTML和CSS，使用Div+CSS布局網頁，表單的互動性，行為和Spry面板的使用，模板、庫和擴展的管理套用以及動態網站的套用等。最後一章還通過製作靜態網頁和動態網頁對網頁製作的相關知識和操作進行了綜合演練。

《Dreamweaver CS6網頁製作》內容全面，圖文對應，講解深淺適宜，敘述條理清晰，並配有多媒體教學光碟，對網頁製作初、中級用戶有很大的幫助。《Dreamweaver CS6網頁製作》適用於公司職員、在校學生、教師以及各行各業相關人員進行學習和參考，也可作為設計類培訓班的網頁設計培訓教材。

圖書目錄

第 1 章 網頁設計基礎

1.1 認識網頁設計

學習1小時

1.1.1 網頁設計背景

1.1.2 常見網頁的組成元素

1.1.3 設計工具及設計方法簡介

1.1.4 網頁布局方式

1.1.5 網頁色彩要素搭配

1.1.6 網站製作的一般步驟

1. 需求分析、欄目設計

2. 設計製作效果圖

3. 切片、生成HTML文檔

4. 修正、加工HTML文檔

上機1小時：特色網站觀摩學習

1.2 認識Dreamweaver CS6工作界面

學習1小時

1.2.1 友善的工作界面及視圖

1.2.2 標題欄和選單欄

1.2.3 多文檔視窗編輯界面

1.2.4 面板組

1. “插入”浮動面板

2. 收藏夾管理

1.2.5 “屬性”面板

1. “HTML”屬性與“CSS”屬性切換

2. “HTML”屬性與“CSS”屬性的區別

3. 通過“HTML”屬性面板設定屬性

4. 通過“CSS”屬性面板設定屬性

1.2.6 不同風格的界面

上機1小時:自定義Dreamweaver CS6工作界面

1.3 練習1小時自定義操作界面

第 2 章 Dreamweaver CS6操作基礎

2.1 站點管理

學習1小時

2.1.1 為什麼要創建站點

2.1.2 創建站點

2.1.3 編輯站點

2.1.4 複製與刪除站點

2.1.5 導入和導出站點

1. 導入站點

2. 導出站點

上機1小時：創建和管理新建站點

2.2 網頁操作

學習1小時

2.2.1 創建並保存網頁文檔

2.2.2 設定網頁屬性

1. 關於“頁面屬性”對話框

2. 修改“頁面”屬性

2.2.3 預覽網頁

1. 使用Dreamweaver CS6預覽網頁

2. 在瀏覽器中進行預覽

上機1小時：創建網頁文檔並設定頁面屬性

2.3 練習1小時

1. 導入站點並管理

2. 創建並保存網頁文檔

第 3 章 初識網頁布局

3.1 表格的基本操作

學習1小時

3.1.1 插入表格

3.1.2 設定表格屬性

1. 整個表格的屬性設定

2. 選中並設定行和列的屬性

3. 選中並設定單元格的屬性

3.1.3 在表格中添加內容

3.1.4 操作行或列

1. 插入行或列

2. 刪除行或列

3.1.5 拆分與合併單元格

1. 拆分單元格

2. 合併單元格

3.1.6 插入嵌套表格

3.1.7 擴展表格模式

3.1.8 表格中所使用的屬性

3.1.9 使用表格進行網頁布局

上機1小時：製作蛋糕網頁布局

3.2 框架布局

學習1小時

3.2.1 框架集和框架的概念

3.2.2 框架集和框架的基本操作

1. 創建框架集

2. 保存框架集和框架

3. 修改框架集結構

4. 刪除框架

3.2.3 設定框架集和框架的屬性

1. 設定框架集的屬性

2. 設定框架的屬性

3.2.4 內嵌式框架的套用

1. 創建內嵌式框架

2. IFrame框架的屬性設定

上機1小時：製作後台管理

3.3 練習1小時

製作“檯曆”頁面

第 4 章 添加網頁元素

4.1 在網頁中添加文本

學習1小時

4.1.1 添加文本

4.1.2 文本的基本操作

4.1.3 設定文本字型和大小

1. 編輯字型

2. 設定字型和大小

4.1.4 設定文本顏色

4.1.5 設定文本樣式

4.1.6 設定文本對齊方式

4.1.7 插入和設定水平線

4.1.8 插入特殊符號、時間和注釋

1. 插入特殊符號

2. 插入時間

3. 插入注釋

上機1小 時：編輯我的空間網頁

4.2 在網頁中添加段落

學習1小時

4.2.1 將文本設定為段落

1. 段落設定

2. 設定換行符

4.2.2 將文本設定為標題

4.2.3 設定空格和段落縮進

1. 插入空格

2. 設定段落縮進

4.2.4 編輯文本列表

1. 項目列表

2. 編號列表

上機1小時：製作網頁中的列表區域

4.3 在網頁中添加圖像

學習1小時

4.3.1 了解圖像格式

4.3.2 插入並設定圖像

1. 插入圖像

2. 設定圖像屬性

4.3.3 插入並設定圖像占位符

1. 插入圖像占位符

2. 設定圖像占位符

4.3.4 插入滑鼠經過圖像

4.3.5 添加背景圖像

上機1小時：製作卡通片網頁

4.4 練習2小時

1. 練習1小時：製作圖文混排頁面

2. 練習1小時：製作左圖右文頁面

第 5 章 超級連結和Spry選單

5.1 認識及套用超級連結

學習1小時

5.1.1 認識超級連結

1. 超級連結的概念

2. 超級連結的分類

5.1.2 添加超級連結

1. 通過選單命令添加超級連結

2. 通過插入按鈕添加超級連結

5.1.3 為現有文本添加超級連結

5.1.4 添加電子郵件超級連結

5.1.5 添加錨記

1. 命名錨記

2. 連結命名的錨記

5.1.6 添加腳本連結和空連結

1. 添加腳本連結

2. 添加空連結

5.1.7 添加圖像超級連結

5.1.8 熱點連結套用

1. 熱點連結分類

2. 繪製熱點

3. 熱點的屬性設定

4. 熱點右鍵功能

上機1小時：製作超級連結圖文混排網頁

5.2 Spry選單

學習1小時

5.2.1 關於Spry選單欄Widget

1. Widget的概念

2. Widget的分類

5.2.2 插入和編輯選單欄Widget

1. 插入選單欄Widget

2. 編輯選單欄Widget

5.2.3 更改選單欄Widget的方向

5.2.4 更改選單欄Widget的尺寸

上機1小時：製作網頁導航欄

5.3 練習1小時

製作Spry導航並完成網頁連結

第 6 章 利用多媒體對象豐富頁面

效果

6.1 在頁面中使用Flash對象

學習1小時

6.1.1 插入SWF格式的Flash檔案

6.1.2 調整Flash檔案顯示的大小

6.1.3 Flash相關信息設定

6.1.4 Flash播放控制

6.1.5 Flash邊距調整

6.1.6 對齊方式及背景顏色設定

6.1.7 Flash附加參數設定

1. Wmode參數

2. “參數”對話框

上機1小時：插入Flash對象並設定

6.2 插入其他多媒體對象

學習1小時

6.2.1 插入並設定FLV視頻檔案

1. 插入FLV視頻檔案

2. 設定FLV視頻的屬性

6.2.2 認識並插入Shockwave影片

1. 認識Shockwave影片

2. 插入Shockwave影片

6.2.3 在網頁中插入背景音樂

1. 插入背景音樂

2. 在“屬性”面板中設定背景音樂

6.2.4 插入其他媒體對象

1. 插入傳統視頻檔案

2. 插入APPLET

3. 插入ActiveX

上機1小時：製作遊戲界面

6.3 練習1小時

製作遊戲宣傳網頁

第 7 章 HTML和CSS

7.1 HTML

學習1小時

7.1.1 什麼是HTML

7.1.2 認識HTML的基本語法

7.1.3 常用HTML標記

1. 基本標記

2. 格式標記

3. 文本標記

4. 圖像標記

5. 表格標記

6. 連結標記

7. 表單標記

7.1.4 HTML編輯器

1. 認識Dreamweaver CS6的HTML代碼編輯器

2. “代碼”視圖的工具列

7.1.5 插入HTML代碼

7.1.6 編輯HTML代碼

1. 插入HTML模式

2. 編輯標籤模式

3. 環繞標籤模式

上機1小時：製作“樂購網”網頁

7.2 CSS

學習1小時

7.2.1 CSS樣式的概念

7.2.2 認識CSS的基本語法

1. 了解CSS樣式規則

2. CSS樣式規則分類

3. CSS樣式的語法

7.2.3 CSS的定義和引用方法

1. CSS的定義方法

2. 引用CSS樣式

7.2.4 認識“CSS樣式”浮動面板

7.2.5 CSS美化文本

7.2.6 CSS美化圖像

7.2.7 CSS定義連結樣式

1. 定義連結樣式

2. 定義局部連結樣式

7.2.8 CSS美化網頁背景

7.2.9 使用CSS樣式製作特效

1. 製作游標效果

2. 製作濾鏡效果

上機1小時：製作手機頁面

7.3 練習2小時

1. 練習1小時：製作“個人藝術”網頁

2. 練習1小時：製作“科技公司網站”首頁

第 8 章 使用Div+CSS布局網頁

8.1 Div的相關操作

學習1小時

8.1.1 Div對象的插入和設定

1. 插入Div對象

2. 設定Div對象

8.1.2 用Div+CSS布局網頁

1. Div+CSS布局網頁的優缺點

2. Div+CSS布局的具體操作

8.1.3 AP Div對象的繪製和設定

1. AP Div對象的布局

2. 插入AP Div元素

3. 插入重疊AP Div 對象

4. 設定AP Div 對象的屬性

8.1.4 AP Div管理

1. 認識“AP元素”浮動面板

2. 選擇AP Div元素

3. 更改AP Div元素的層疊順序

4. 更改AP Div元素的可見性

8.1.5 操作AP Div元素

1. 調整AP Div元素的大小

2. 移動AP Div元素

3. 對齊AP Div元素

8.1.6 AP Div與表格的相互轉換

1. 將AP Div元素轉換為表格

2. 將表格轉換為AP Div元素

上機1小時：製作“留言板”網頁

8.2 Div+CSS靈活布局

學習1小時

8.2.1 Div+CSS盒模型

1. Margin（邊界）

2. Border（框線）

3. Padding（填充）

4. Content（內容）

8.2.2 CSS+Div定位

1. Relative（相對定位）

2. absolute（絕對定位）

3. fixed（懸浮定位）

8.2.3 使用Div+CSS布局設計

1. 居中布局

2. 浮動布局

上機1小時：製作化工材料公司網站首頁

8.3 練習1小時

製作“卡片牆”網頁

第 9 章 用表單實現用戶互動性

9.1 使用表單

學習1小時

9.1.1 認識表單和表單標籤

9.1.2 表單標籤的插入及屬性設定

1. 插入表單標籤

2. 設定表單標籤屬性

9.1.3 插入表單元素

9.1.4 設定表單元素的屬性

1. 文本域

2. 按鈕

3. 單選按鈕和單選按鈕組

4. 複選框

5. 選擇“（列表/選單）”對象

6. 跳轉選單

上機1小時：製作具有複合功能的搜尋條

9.2 使用Spry表單

學習1小時

9.2.1 了解Spry表單構件

9.2.2 Spry驗證文本域

1. 插入Spry驗證文本域

2. 設定Spry驗證文本域

9.2.3 Spry驗證文本區域

9.2.4 Spry驗證複選框

9.2.5 Spry驗證選擇對象

1. 插入Spry驗證選擇對象

2. 設定Spry驗證選擇對象的屬性

上機1小時：製作註冊頁面

9.3 練習1小時

製作社區調查表單網頁

第 10 章 使用行為和Spry面板

10.1 添加和設定行為

學習1小時

10.1.1 認識事件和設定行為

10.1.2 “行為”浮動面板

10.1.3 行為的基本操作

10.1.4 綁定行為

1. 綁定“交換圖像”行為

2. 綁定“顯示隱藏元素”行為

3. 綁定“彈出信息”視窗行為

4. 綁定“打開瀏覽器視窗”行為

5. 綁定“拖動AP元素”行為

6. 綁定“設定文本”和“調用JavaScript”行為

10.1.5 套用行為效果

1. “增大/收縮”行為效果

2. “擠壓”和“晃動”行為效果

3. “顯示/漸隱”行為效果

4. “滑動”和“遮簾”行為效果

5. “高亮顏色”行為效果

上機1小時：製作隨機驗證碼的文本域

10.2 使用Spry面板

學習1小時

10.2.1 認識Spry面板

10.2.2 插入並設定Spry面板

1. 插入並設定Spry選項卡式面板

2. 插入並設定Spry摺疊式面板

3. 插入並設定Spry可摺疊面板

上機1小時：製作QQ軟體面板

10.3 練習2小時

1. 練習1小時：製作“DIY模組式”首頁

2. 練習1小時：製作HTML線上編輯器頁面

第 11 章 提高網頁製作效率

11.1 網頁模板的套用

學習1小時

11.1.1 網頁模板的作用和使用方法

1. 網頁模板的作用

2. 模板的使用方法

11.1.2 創建和編輯網頁模板

1. 創建網頁模板

2. 編輯網頁模板

11.1.3 網頁模板的維護與更新

11.1.4 將模板套用到現有網頁文檔

11.1.5 從模板分離網頁文檔

上機1小時：創建基於模板的網頁

11.2 庫項目和擴展管理的套用

學習1小時

11.2.1 什麼是庫和庫項目

1. 認識“庫”面板

2. 能轉換為庫項目的網頁元素

11.2.2 創建庫項目

11.2.3 插入和修改庫項目

1. 插入庫項目

2. 修改庫項目

11.2.4 更新庫項目

11.2.5 Dreamweaver CS6擴展管理

1. 擴展管理的概念

2. “ 擴展管理器”界面

上機1小時：庫項目的管理和使用

11.3 練習2小時

1. 練習1小時：利用模板和庫提高網頁設計效率

2. 練習1小時：常用擴展的安裝和使用

第 12 章 動態網站基礎

12.1 動態網頁的基本操作

學習1小時

12.1.1 什麼是動態網站

12.1.2 動態網站的開發流程

12.1.3 配置IIS和伺服器站點

1. 配置IIS伺服器

2. 配置伺服器站點

12.1.4 資料庫的套用

1. 資料庫結構設計

2. 數據源設定

上機1小時：動態網站伺服器環境配置

12.2 製作動態網頁

學習1小時

12.2.1 連線資料庫

12.2.2 定義記錄集

12.2.3 創建動態表格

12.2.4 創建動態文本

12.2.5 添加顯示區域和重複區域

1. 添加顯示區域

2. 添加重複區域

12.2.6 設定記錄集分頁

12.2.7 轉到詳細頁面

上機1小時：製作“員工名單”列表頁面

12.3 練習2小時

1. 練習1小時：製作“動態插入數據”功能

2. 練習1小時：製作“查詢數據”功能

第 13 章 綜合實例演練

13.1 上機2小時：製作美食網站

13.1.1 實例目標

13.1.2 製作思路

13.1.3 製作過程

1. 創建網站站點

2. 製作網站首頁

3. 製作子網頁

4. 保存模板網頁並新建網頁

5. 連結各個網頁

13.2 上機2小時：製作後台管理網頁

13.2.1 實例目標

13.2.2 製作思路

13.2.3 製作過程

1. 配置IIS和伺服器

2. 創建資料庫並選擇數據源

3. 製作網頁並添加相應元素

4. 連線數據源並設定功能

5. 製作底部信息

13.3 練習1小時

1. 製作美食網的留言頁面

2. 製作科技網頁面

附錄A 秘技連連看

一、網頁製作的基本操作

1. 網頁色彩的搭配方法

2. 網頁導航的製作技巧

3. 自定義Dreamweaver CS6的工作界面

4. 新建文檔默認參數的設定

5. 使用標籤選擇器選擇對象

6. 新建站點的幾種方法

7. 定義網頁的關鍵字

8. 使用表格布局消除解析度的差異

9. 為網頁添加背景圖片

10. 為表格添加背景圖片

二、網頁元素設定技巧

1. 為文本添加橫線

2. 設定水平線的顏色

3. 設定文本滾動效果

4. 設定首字下沉效果

5. 為圖片添加提示信息

6. 為圖片添加指定顏色的框線

7. 去掉圖片和表格間的空隙

8. 為連結添加提示信息

9. 添加空格的技巧

10. 使日期自動更新

11. 設定Flash的背景

12. 通過原始碼添加背景音樂

13. 設定文本段落首行縮進

14. 設定字元間距

15. 插入滑鼠經過的圖片效果

三、布局及Div+CSS的設定

1. 使用表格的技巧

2. 隱藏表格

3. 快速增加行

4. 導入Excel表格數據

5. 設定框架集的標題

6. 設定層的透明度

7. 定義多重類（class）

8. 清除浮動

9. 調整AP Div的大小

10. 快速選中表格

11. 快速選中單元格

12. 設定表格框線的顏色

13. 分割框架

14. 設定框架的框線

15. 嵌套選擇器

16. CSS控制HTML頁面效果的幾種方法

17. 添加圖片編輯器

18. 通過跟蹤圖像來定位網頁中元素的位置

19. 設定圖片連結無框線

20. 顯示/隱藏AP Div

21. 創建基於模板的網頁

22. 刪除可編輯區域

23. 更新頁面

24. 圖像管理

25. 控制文本域的字元長度

26. 使用圖形按鈕

27. 添加標籤

28. 跳轉網頁的設定

29. 同時連結兩個網頁

30. 定義彈出視窗

四、製作動態網站技巧

1. 選擇資料庫的技巧

2. 開發語言與資料庫的搭配技巧

3. 修改DSN數據源

4. 增加資料庫的安全

5. 編輯記錄集

6. 使用翻頁按鈕替換翻頁超級連結文本

附錄B 72小時後該如何提升

1. 加強實際操作

2. 總結經驗和教訓

3. 吸取他人經驗

4. 加強交流與溝通

5. 通過網上提供的視頻進行學習

6. 上技術論壇進行學習

7. 還可以找我們