Dreamweaver CS6網(wǎng)頁制作

第 1 章 網(wǎng)頁設計基礎
1.1 認識網(wǎng)頁設計
學習1小時
1.1.1 網(wǎng)頁設計背景
1.1.2 常見網(wǎng)頁的組成元素
1.1.3 設計工具及設計方法簡介
1.1.4 網(wǎng)頁布局方式
1.1.5 網(wǎng)頁色彩要素搭配
1.1.6 網(wǎng)站制作的一般步驟
1. 需求分析、欄目設計
2. 設計制作效果圖
3. 切片、生成HTML文檔
4. 修正、加工HTML文檔
上機1小時：特色網(wǎng)站觀摩學習
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”屬性的區(qū)別
3. 通過“HTML”屬性面板設置屬性
4. 通過“CSS”屬性面板設置屬性
1.2.6 不同風格的界面
上機1小時:自定義Dreamweaver CS6工作界面
1.3 練習1小時自定義操作界面

第 2 章 Dreamweaver CS6操作基礎
2.1 站點管理
學習1小時
2.1.1 為什么要創(chuàng)建站點
2.1.2 創(chuàng)建站點
2.1.3 編輯站點
2.1.4 復制與刪除站點
2.1.5 導入和導出站點
1. 導入站點
2. 導出站點
上機1小時：創(chuàng)建和管理新建站點
2.2 網(wǎng)頁操作
學習1小時
2.2.1 創(chuàng)建并保存網(wǎng)頁文檔
2.2.2 設置網(wǎng)頁屬性
1. 關(guān)于“頁面屬性”對話框
2. 修改“頁面”屬性
2.2.3 預覽網(wǎng)頁
1. 使用Dreamweaver CS6預覽網(wǎng)頁
2. 在瀏覽器中進行預覽
上機1小時：創(chuàng)建網(wǎng)頁文檔并設置頁面屬性
2.3 練習1小時
1. 導入站點并管理
2. 創(chuàng)建并保存網(wǎng)頁文檔

第 3 章 初識網(wǎng)頁布局
3.1 表格的基本操作
學習1小時
3.1.1 插入表格
3.1.2 設置表格屬性
1. 整個表格的屬性設置
2. 選中并設置行和列的屬性
3. 選中并設置單元格的屬性
3.1.3 在表格中添加內(nèi)容
3.1.4 操作行或列
1. 插入行或列
2. 刪除行或列
3.1.5 拆分與合并單元格
1. 拆分單元格
2. 合并單元格
3.1.6 插入嵌套表格
3.1.7 擴展表格模式
3.1.8 表格中所使用的屬性
3.1.9 使用表格進行網(wǎng)頁布局
上機1小時：制作蛋糕網(wǎng)頁布局
3.2 框架布局
學習1小時
3.2.1 框架集和框架的概念
3.2.2 框架集和框架的基本操作
1. 創(chuàng)建框架集
2. 保存框架集和框架
3. 修改框架集結(jié)構(gòu)
4. 刪除框架
3.2.3 設置框架集和框架的屬性
1. 設置框架集的屬性
2. 設置框架的屬性
3.2.4 內(nèi)嵌式框架的應用
1. 創(chuàng)建內(nèi)嵌式框架
2. IFrame框架的屬性設置
上機1小時：制作后臺管理
3.3 練習1小時
制作“臺歷”頁面

第 4 章 添加網(wǎng)頁元素
4.1 在網(wǎng)頁中添加文本
學習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小 時：編輯我的空間網(wǎng)頁
4.2 在網(wǎng)頁中添加段落
學習1小時
4.2.1 將文本設置為段落
1. 段落設置
2. 設置換行符
4.2.2 將文本設置為標題
4.2.3 設置空格和段落縮進
1. 插入空格
2. 設置段落縮進
4.2.4 編輯文本列表
1. 項目列表
2. 編號列表
上機1小時：制作網(wǎng)頁中的列表區(qū)域
4.3 在網(wǎng)頁中添加圖像
學習1小時
4.3.1 了解圖像格式
4.3.2 插入并設置圖像
1. 插入圖像
2. 設置圖像屬性
4.3.3 插入并設置圖像占位符
1. 插入圖像占位符
2. 設置圖像占位符
4.3.4 插入鼠標經(jīng)過圖像
4.3.5 添加背景圖像
上機1小時：制作動畫片網(wǎng)頁
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 為現(xiàn)有文本添加超級鏈接
5.1.4 添加電子郵件超級鏈接
5.1.5 添加錨記
1. 命名錨記
2. 鏈接命名的錨記
5.1.6 添加腳本鏈接和空鏈接
1. 添加腳本鏈接
2. 添加空鏈接
5.1.7 添加圖像超級鏈接
5.1.8 熱點鏈接應用
1. 熱點鏈接分類
2. 繪制熱點
3. 熱點的屬性設置
4. 熱點右鍵功能
上機1小時：制作超級鏈接圖文混排網(wǎng)頁
5.2 Spry菜單
學習1小時
5.2.1 關(guān)于Spry菜單欄Widget
1. Widget的概念
2. Widget的分類
5.2.2 插入和編輯菜單欄Widget
1. 插入菜單欄Widget
2. 編輯菜單欄Widget
5.2.3 更改菜單欄Widget的方向
5.2.4 更改菜單欄Widget的尺寸
上機1小時：制作網(wǎng)頁導航欄
5.3 練習1小時
制作Spry導航并完成網(wǎng)頁鏈接

第 6 章 利用多媒體對象豐富頁面
效果
6.1 在頁面中使用Flash對象
學習1小時
6.1.1 插入SWF格式的Flash文件
6.1.2 調(diào)整Flash文件顯示的大小
6.1.3 Flash相關(guān)信息設置
6.1.4 Flash播放控制
6.1.5 Flash邊距調(diào)整
6.1.6 對齊方式及背景顏色設置
6.1.7 Flash附加參數(shù)設置
1. Wmode參數(shù)
2. “參數(shù)”對話框
上機1小時：插入Flash對象并設置
6.2 插入其他多媒體對象
學習1小時
6.2.1 插入并設置FLV視頻文件
1. 插入FLV視頻文件
2. 設置FLV視頻的屬性
6.2.2 認識并插入Shockwave影片
1. 認識Shockwave影片
2. 插入Shockwave影片
6.2.3 在網(wǎng)頁中插入背景音樂
1. 插入背景音樂
2. 在“屬性”面板中設置背景音樂
6.2.4 插入其他媒體對象
1. 插入傳統(tǒng)視頻文件
2. 插入APPLET
3. 插入ActiveX
上機1小時：制作游戲界面
6.3 練習1小時
制作游戲宣傳網(wǎng)頁

第 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. 環(huán)繞標簽模式
上機1小時：制作“樂購網(wǎng)”網(wǎng)頁
7.2 CSS
學習1小時
7.2.1 CSS樣式的概念
7.2.2 認識CSS的基本語法
1. 了解CSS樣式規(guī)則
2. CSS樣式規(guī)則分類
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美化網(wǎng)頁背景
7.2.9 使用CSS樣式制作特效
1. 制作光標效果
2. 制作濾鏡效果
上機1小時：制作手機頁面
7.3 練習2小時
1. 練習1小時：制作“個人藝術(shù)”網(wǎng)頁
2. 練習1小時：制作“科技公司網(wǎng)站”首頁

第 8 章 使用Div+CSS布局網(wǎng)頁
8.1 Div的相關(guān)操作
學習1小時
8.1.1 Div對象的插入和設置
1. 插入Div對象
2. 設置Div對象
8.1.2 用Div+CSS布局網(wǎng)頁
1. Div+CSS布局網(wǎng)頁的優(yōu)缺點
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. 調(diào)整AP Div元素的大小
2. 移動AP Div元素
3. 對齊AP Div元素
8.1.6 AP Div與表格的相互轉(zhuǎn)換
1. 將AP Div元素轉(zhuǎn)換為表格
2. 將表格轉(zhuǎn)換為AP Div元素
上機1小時：制作“留言板”網(wǎng)頁
8.2 Div+CSS靈活布局
學習1小時
8.2.1 Div+CSS盒模型
1. Margin（邊界）
2. Border（邊框）
3. Padding（填充）
4. Content（內(nèi)容）
8.2.2 CSS+Div定位
1. Relative（相對定位）
2. absolute（**定位）
3. fixed（懸浮定位）
8.2.3 使用Div+CSS布局設計
1. 居中布局
2. 浮動布局
上機1小時：制作化工材料公司網(wǎng)站首頁
8.3 練習1小時
制作“卡片墻”網(wǎng)頁

第 9 章 用表單實現(xiàn)用戶交互性
9.1 使用表單
學習1小時
9.1.1 認識表單和表單標簽
9.1.2 表單標簽的插入及屬性設置
1. 插入表單標簽
2. 設置表單標簽屬性
9.1.3 插入表單元素
9.1.4 設置表單元素的屬性
1. 文本域
2. 按鈕
3. 單選按鈕和單選按鈕組
4. 復選框
5. 選擇“（列表/菜單）”對象
6. 跳轉(zhuǎn)菜單
上機1小時：制作具有復合功能的搜索條
9.2 使用Spry表單
學習1小時
9.2.1 了解Spry表單構(gòu)件
9.2.2 Spry驗證文本域
1. 插入Spry驗證文本域
2. 設置Spry驗證文本域
9.2.3 Spry驗證文本區(qū)域
9.2.4 Spry驗證復選框
9.2.5 Spry驗證選擇對象
1. 插入Spry驗證選擇對象
2. 設置Spry驗證選擇對象的屬性
上機1小時：制作注冊頁面
9.3 練習1小時
制作社區(qū)調(diào)查表單網(wǎng)頁

第 10 章 使用行為和Spry面板
10.1 添加和設置行為
學習1小時
10.1.1 認識事件和設置行為
10.1.2 “行為”浮動面板
10.1.3 行為的基本操作
10.1.4 綁定行為
1. 綁定“交換圖像”行為
2. 綁定“顯示隱藏元素”行為
3. 綁定“彈出信息”窗口行為
4. 綁定“打開瀏覽器窗口”行為
5. 綁定“拖動AP元素”行為
6. 綁定“設置文本”和“調(diào)用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 章 提高網(wǎng)頁制作效率
11.1 網(wǎng)頁模板的應用
學習1小時
11.1.1 網(wǎng)頁模板的作用和使用方法
1. 網(wǎng)頁模板的作用
2. 模板的使用方法
11.1.2 創(chuàng)建和編輯網(wǎng)頁模板
1. 創(chuàng)建網(wǎng)頁模板
2. 編輯網(wǎng)頁模板
11.1.3 網(wǎng)頁模板的維護與更新
11.1.4 將模板應用到現(xiàn)有網(wǎng)頁文檔
11.1.5 從模板分離網(wǎng)頁文檔
上機1小時：創(chuàng)建基于模板的網(wǎng)頁
11.2 庫項目和擴展管理的應用
學習1小時
11.2.1 什么是庫和庫項目
1. 認識“庫”面板
2. 能轉(zhuǎn)換為庫項目的網(wǎng)頁元素
11.2.2 創(chuàng)建庫項目
11.2.3 插入和修改庫項目
1. 插入庫項目
2. 修改庫項目
11.2.4 更新庫項目
11.2.5 Dreamweaver CS6擴展管理
1. 擴展管理的概念
2. “ 擴展管理器”界面
上機1小時：庫項目的管理和使用
11.3 練習2小時
1. 練習1小時：利用模板和庫提高網(wǎng)頁設計效率
2. 練習1小時：常用擴展的安裝和使用

第 12 章 動態(tài)網(wǎng)站基礎
12.1 動態(tài)網(wǎng)頁的基本操作
學習1小時
12.1.1 什么是動態(tài)網(wǎng)站
12.1.2 動態(tài)網(wǎng)站的開發(fā)流程
12.1.3 配置IIS和服務器站點
1. 配置IIS服務器
2. 配置服務器站點
12.1.4 數(shù)據(jù)庫的應用
1. 數(shù)據(jù)庫結(jié)構(gòu)設計
2. 數(shù)據(jù)源設置
上機1小時：動態(tài)網(wǎng)站服務器環(huán)境配置
12.2 制作動態(tài)網(wǎng)頁
學習1小時
12.2.1 連接數(shù)據(jù)庫
12.2.2 定義記錄集
12.2.3 創(chuàng)建動態(tài)表格
12.2.4 創(chuàng)建動態(tài)文本
12.2.5 添加顯示區(qū)域和重復區(qū)域
1. 添加顯示區(qū)域
2. 添加重復區(qū)域
12.2.6 設置記錄集分頁
12.2.7 轉(zhuǎn)到詳細頁面
上機1小時：制作“員工名單”列表頁面
12.3 練習2小時
1. 練習1小時：制作“動態(tài)插入數(shù)據(jù)”功能
2. 練習1小時：制作“查詢數(shù)據(jù)”功能

第 13 章 綜合實例演練
13.1 上機2小時：制作美食網(wǎng)站
13.1.1 實例目標
13.1.2 制作思路
13.1.3 制作過程
1. 創(chuàng)建網(wǎng)站站點
2. 制作網(wǎng)站首頁
3. 制作子網(wǎng)頁
4. 保存模板網(wǎng)頁并新建網(wǎng)頁
5. 鏈接各個網(wǎng)頁
13.2 上機2小時：制作后臺管理網(wǎng)頁
13.2.1 實例目標
13.2.2 制作思路
13.2.3 制作過程
1. 配置IIS和服務器
2. 創(chuàng)建數(shù)據(jù)庫并選擇數(shù)據(jù)源
3. 制作網(wǎng)頁并添加相應元素
4. 連接數(shù)據(jù)源并設置功能
5. 制作底部信息
13.3 練習1小時
1. 制作美食網(wǎng)的留言頁面
2. 制作科技網(wǎng)頁面

附錄A 秘技連連看
一、網(wǎng)頁制作的基本操作
1. 網(wǎng)頁色彩的搭配方法
2. 網(wǎng)頁導航的制作技巧
3. 自定義Dreamweaver CS6的工作界面
4. 新建文檔默認參數(shù)的設置
5. 使用標簽選擇器選擇對象
6. 新建站點的幾種方法
7. 定義網(wǎng)頁的關(guān)鍵字
8. 使用表格布局消除分辨率的差異
9. 為網(wǎng)頁添加背景圖片
10. 為表格添加背景圖片
二、網(wǎng)頁元素設置技巧
1. 為文本添加橫線
2. 設置水平線的顏色
3. 設置文本滾動效果
4. 設置首字下沉效果
5. 為圖片添加提示信息
6. 為圖片添加指定顏色的邊框
7. 去掉圖片和表格間的空隙
8. 為鏈接添加提示信息
9. 添加空格的技巧
10. 使日期自動更新
11. 設置Flash的背景
12. 通過源代碼添加背景音樂
13. 設置文本段落首行縮進
14. 設置字符間距
15. 插入鼠標經(jīng)過的圖片效果
三、布局及Div+CSS的設置
1. 使用表格的技巧
2. 隱藏表格
3. 快速增加行
4. 導入Excel表格數(shù)據(jù)
5. 設置框架集的標題
6. 設置層的透明度
7. 定義多重類（class）
8. 清除浮動
9. 調(diào)整AP Div的大小
10. 快速選中表格
11. 快速選中單元格
12. 設置表格邊框的顏色
13. 分割框架
14. 設置框架的邊框
15. 嵌套選擇器
16. CSS控制HTML頁面效果的幾種方法
17. 添加圖片編輯器
18. 通過跟蹤圖像來定位網(wǎng)頁中元素的位置
19. 設置圖片鏈接無邊框
20. 顯示/隱藏AP Div
21. 創(chuàng)建基于模板的網(wǎng)頁
22. 刪除可編輯區(qū)域
23. 更新頁面
24. 圖像管理
25. 控制文本域的字符長度
26. 使用圖形按鈕
27. 添加標簽
28. 跳轉(zhuǎn)網(wǎng)頁的設置
29. 同時鏈接兩個網(wǎng)頁
30. 定義彈出窗口
四、制作動態(tài)網(wǎng)站技巧
1. 選擇數(shù)據(jù)庫的技巧
2. 開發(fā)語言與數(shù)據(jù)庫的搭配技巧
3. 修改DSN數(shù)據(jù)源
4. 增加數(shù)據(jù)庫的安全
5. 編輯記錄集
6. 使用翻頁按鈕替換翻頁超級鏈接文本
附錄B 72小時后該如何提升
1. 加強實際操作
2. 總結(jié)經(jīng)驗和教訓
3. 吸取他人經(jīng)驗
4. 加強交流與溝通
5. 通過網(wǎng)上提供的視頻進行學習
6. 上技術(shù)論壇進行學習
7. 還可以找我們