網頁設計殿堂之路：Dreamweaver網頁設計全程揭秘

第1章　Dreamweaver CS6入門
1.1　認識網頁
1.1.1　網頁與網站
1.1.2　網頁的類型
1.1.3　靜態(tài)網頁與動態(tài)網頁
1.1.4　網頁的基本構成元素
1.2　初識Dreamweaver CS6
1.2.1　安裝Dreamweaver CS6的系統(tǒng)要求
實戰(zhàn)01+視頻：安裝Dreamweaver CS6
1.2.2　Dreamweaver CS6概述
實戰(zhàn)02+視頻：啟動Dreamweaver CS6
1.3　Dreamweaver CS6新增功能
1.3.1　全新的"管理站點"對話框
1.3.2　Business Catalyst站點
1.3.3　Business Catalyst面板
1.3.4　流體網格的CSS布局
1.3.5　為單個元素應用多個CSS樣式
1.3.6　CSS過渡效果
1.3.7　Web字體
1.3.8　優(yōu)化圖像功能
1.3.9　支持jQuery 1.6.4和jQuery Mobile 1.0
1.3.10　新增jQuery Mobile色板
1.3.11　集成PhoneGap Build
1.4　認識Dreamweaver CS6
1.4.1　Dreamweaver CS6工作界面
1.4.2　菜單欄
實戰(zhàn)03+視頻：新建和保存網頁
1.4.3　文檔工具欄
實戰(zhàn)04+視頻：打開和預覽網頁
1.4.4　狀態(tài)欄
1.4.5　"插入"面板
1.4.6　"屬性"面板
1.4.7　其他浮動面板
1.5　本章小結
第2章　創(chuàng)建站點
2.1　使用Dreamweaver CS6創(chuàng)建站點
2.1.1　創(chuàng)建本地靜態(tài)站點
實戰(zhàn)05+視頻：創(chuàng)建本地靜態(tài)站點
2.1.2　遠程服務器選項
實戰(zhàn)06+視頻：創(chuàng)建站點并設置遠程服務器
2.1.3　版本控制
2.1.4　本地信息
2.1.5　遮蓋
2.1.6　設計備注
2.1.7　文件視圖列
2.1.8　Contribute
2.1.9　模板
2.1.10　Spry
2.1.11　Web字體
2.2　Business Catalyst站點
2.2.1　什么是Business Catalyst
2.2.2　Business Catalyst面板
實戰(zhàn)07+視頻：創(chuàng)建Business Catalyst站點
2.3　站點的操作與管理
2.3.1　站點對話框
實戰(zhàn)08+視頻：站點的導入與導出
2.3.2　站點的切換
實戰(zhàn)09+視頻：在站點中創(chuàng)建文件夾和文件
2.3.3　使用"文件"面板對站點進行管理
實戰(zhàn)10+視頻：站點中文件夾和文件的操作
2.4　本章小結
第3章　Dreamweaver CS6中的源代碼與網頁基礎設置
3.1　HTML語言
3.1.1　HTML概述
3.1.2　HTML的基本結構
實戰(zhàn)11+視頻：編寫第一個HTML頁面
3.1.3　HTML中的普通標簽與空標簽
3.2　使用Dreamweaver CS6編輯源代碼
3.2.1　Dreamweaver CS6代碼視圖
3.2.2　快速編寫標簽
3.2.3　代碼優(yōu)化
3.2.4　在源代碼中添加注釋
3.3　了解HTML 5
3.3.1　HTML 5的優(yōu)勢
實戰(zhàn)12+視頻：使用HTML 5實現(xiàn)在網頁中繪圖
3.3.2　HTML 5標簽
實戰(zhàn)13+視頻：HTML 5為網頁添加背景音樂
3.3.3　HTML 5與HTML 4的不同
實戰(zhàn)14+視頻：HTML 5在網頁中播放視頻
3.4　網頁頭信息設置
3.4.1　設置META信息
實戰(zhàn)15+視頻：設置網頁作者信息
3.4.2　添加網頁關鍵字
實戰(zhàn)16+視頻：為網頁設置關鍵字
3.4.3　添加網頁說明
實戰(zhàn)17+視頻：為網頁設置說明
3.4.4　添加網頁刷新
實戰(zhàn)18+視頻：實現(xiàn)網頁的自動刷新
3.5　網頁整體屬性設置
3.5.1 "外觀（CSS）"與"外觀（HTML）"選項
實戰(zhàn)19+視頻：制作網站歡迎頁面
3.5.2　"鏈接（CSS）"選項
實戰(zhàn)20+視頻：美化網頁中的超鏈接
3.5.3　"標題（CSS）"選項
實戰(zhàn)21+視頻：設置網頁中的標題文字
3.5.4　"標題/編碼"選項
實戰(zhàn)22+視頻：設置網頁標題
3.5.5　"跟蹤圖像"選項
實戰(zhàn)23+視頻：設置網頁輔助圖像
3.6　本章小結
第4章　制作圖文基礎網頁
4.1　在網頁中輸入文本
4.1.1　輸入文本
實戰(zhàn)24+視頻：制作文本頁面
4.1.2　設置文本屬性
實戰(zhàn)25+視頻：為網頁中的文本分行或分段
4.2　在網頁中實現(xiàn)特殊文本效果
4.2.1　項目列表
實戰(zhàn)26+視頻：制作新聞欄目
4.2.2　編號列表
實戰(zhàn)27+視頻：制作音樂排行
4.2.3　特殊字符
實戰(zhàn)28+視頻：插入特殊字符
4.2.4　水平線
實戰(zhàn)29+視頻：插入水平線
4.2.5　時間和注釋
實戰(zhàn)30+視頻：插入時間和注釋
4.2.6　滾動文本
實戰(zhàn)31+視頻：制作網站滾動公告
4.3　在網頁中插入圖像
4.3.1　了解網頁中常用圖像格式
實戰(zhàn)32+視頻：制作圖像頁面
4.3.2　設置圖像屬性
實戰(zhàn)33+視頻：編輯網頁圖像
4.4　在網頁中插入其他圖像元素
4.4.1　圖像占位符
實戰(zhàn)34+視頻：插入圖像占位符
4.4.2　鼠標經過圖像
實戰(zhàn)35+視頻：制作網站導航欄
4.5　本章小結
第5章　制作多媒體網頁
5.1　在網頁中插入動畫
5.1.1　在網頁中插入Flash動畫
實戰(zhàn)36+視頻：制作Flash歡迎頁面
5.1.2　設置SWF動畫屬性
實戰(zhàn)37+視頻：插入Shockwave動畫
5.2　在網頁中插入聲音與視頻
5.2.1　網頁支持的音頻格式
實戰(zhàn)38+視頻：為網頁添加背景音樂
5.2.2　使用插件實現(xiàn)嵌入的音頻
實戰(zhàn)39+視頻：在網頁中嵌入音頻
5.2.3　網頁支持的視頻格式
實戰(zhàn)40+視頻：實現(xiàn)網頁中視頻播放
5.2.4　"插入FLV"對話框
實戰(zhàn)41+視頻：在網頁中插入FLV視頻
5.3　在網頁中實現(xiàn)其他多媒體效果
5.3.1　插入Applet小程序
實戰(zhàn)42+視頻：實現(xiàn)網頁特效
5.3.2　插入ActiveX控件
5.4　本章小結
第6章　使用CSS樣式控制頁面元素
6.1　應用CSS樣式
6.1.1　CSS樣式的優(yōu)勢
實戰(zhàn)43+視頻：內聯(lián)CSS樣式
6.1.2　CSS樣式的不足
實戰(zhàn)44+視頻：內部CSS樣式
6.1.3　CSS樣式的基本語法
實戰(zhàn)45+視頻：鏈接與導入CSS樣式
6.2　CSS樣式的類型
6.2.1　標簽CSS樣式
實戰(zhàn)46+視頻：創(chuàng)建標簽CSS樣式
6.2.2　類CSS樣式
實戰(zhàn)47+視頻：創(chuàng)建類CSS樣式
6.2.3　ID CSS樣式
實戰(zhàn)48+視頻：創(chuàng)建ID CSS樣式
6.2.4　復合CSS樣式
實戰(zhàn)49+視頻：創(chuàng)建復合CSS樣式
6.3　使用"CSS規(guī)則定義"對話框
6.3.1　文本樣式選項
實戰(zhàn)50+視頻：設置網頁文本樣式
6.3.2　背景樣式選項
實戰(zhàn)51+視頻：設置網頁背景樣式
6.3.3　區(qū)塊樣式選項
實戰(zhàn)52+視頻：設置網頁區(qū)塊樣式
6.3.4　方框樣式選項
實戰(zhàn)53+視頻：設置網頁方框樣式
6.3.5　邊框樣式選項
實戰(zhàn)54+視頻：設置網頁邊框樣式
6.3.6　列表樣式選項
實戰(zhàn)55+視頻：設置網頁列表樣式
6.3.7　定位樣式選項
實戰(zhàn)56+視頻：設置網頁定位樣式
6.3.8　擴展樣式選項
實戰(zhàn)57+視頻：設置網頁擴展樣式
6.3.9　過渡樣式選項
6.4　CSS樣式的特殊應用
6.4.1　CSS類選區(qū)
實戰(zhàn)58+視頻：應用CSS類選區(qū)
6.4.2　Web字體
實戰(zhàn)59+視頻：在網頁中實現(xiàn)特殊字體
6.5　CSS 3 實用屬性
6.5.1　border-radius屬性
實戰(zhàn)60+視頻：在網頁中實現(xiàn)圓角邊框
6.5.2　box-shadow屬性
實戰(zhàn)61+視頻：為網頁元素添加陰影效果
6.5.3　Opacity屬性
實戰(zhàn)62+視頻：實現(xiàn)網頁元素半透明效果
6.5.4　column屬性
實戰(zhàn)63+視頻：在網頁中實現(xiàn)文本分欄顯示
6.6　本章小結
第7章　制作表單網頁
7.1　常用表單元素
7.1.1　認識表單元素
7.1.2　表單域
實戰(zhàn)64+視頻：插入表單域
7.1.3　文本字段
實戰(zhàn)65+視頻：插入文本字段
7.1.4　圖像域
實戰(zhàn)66+視頻：插入圖像域
7.1.5　選擇（列表/菜單）
實戰(zhàn)67+視頻：制作搜索欄
7.1.6　單選按鈕與單選按鈕組
實戰(zhàn)68+視頻：制作網站投票
7.1.7　復選框與復選框組
實戰(zhàn)69+視頻：制作網站調查
7.2　其他表單元素
7.2.1　跳轉菜單
實戰(zhàn)70+視頻：制作友情鏈接欄目
7.2.2　文件域
實戰(zhàn)71+視頻：制作上傳照片
7.2.3　隱藏域與按鈕
實戰(zhàn)72+視頻：制作用戶注冊頁面
7.3　Spry 驗證表單
7.3.1　Spry 驗證文本域
7.3.2　Spry 驗證密碼域
實戰(zhàn)73+視頻：使用Spry驗證用戶登錄
7.3.3　其他Spry驗證選項
7.4　本章小結
第8章　制作框架頁面
8.1　框架頁面的制作
8.1.1　創(chuàng)建框架和框架集
實戰(zhàn)74+視頻：使用預設創(chuàng)建框架集
8.1.2　保存框架和框架集
實戰(zhàn)75+視頻：保存框架集和框架頁面
8.1.3　設置框架屬性
實戰(zhàn)76+視頻：制作框架頁面
8.2　IFrame框架
8.2.1　在網頁中插入IFrame框架
實戰(zhàn)77+視頻：創(chuàng)建IFrame框架頁面
8.2.2　設置IFrame框架鏈接
實戰(zhàn)78+視頻：完成IFrame框架頁面制作
8.3　本章小結
第9章 創(chuàng)建網頁鏈接
9.1　創(chuàng)建網頁中的基礎鏈接
9.1.1　相對路徑
實戰(zhàn)79+視頻：創(chuàng)建內部鏈接
9.1.2　絕對路徑與根路徑
實戰(zhàn)80+視頻：創(chuàng)建URL絕對地址鏈接
9.1.3　超級鏈接對話框
實戰(zhàn)81+視頻：創(chuàng)建圖像鏈接
9.2　網頁中特殊鏈接的創(chuàng)建
9.2.1　空鏈接與下載鏈接
實戰(zhàn)82+視頻：為網站的內容創(chuàng)建空鏈接和下載鏈接
9.2.2　腳本鏈接
實戰(zhàn)83+視頻：創(chuàng)建腳本鏈接
9.2.3　錨記鏈接
實戰(zhàn)84+視頻：創(chuàng)建錨記鏈接
9.2.4　E-mail 鏈接
實戰(zhàn)85+視頻：創(chuàng)建E-mail 鏈接
9.2.5　熱點鏈接
實戰(zhàn)86+視頻：創(chuàng)建熱點鏈接
9.3　本章小結
第10章　使用模板和庫提高網頁制作效率
10.1　創(chuàng)建模板
10.1.1　3種創(chuàng)建模板頁面的方法
實戰(zhàn)87+視頻：創(chuàng)建模板頁面
10.1.2 "另存模板"對話框
10.1.3　可編輯區(qū)域
實戰(zhàn)88+視頻：在模板頁面中創(chuàng)建可編輯區(qū)域
10.1.4　可選區(qū)域
實戰(zhàn)89+視頻：在模板頁面中創(chuàng)建可選區(qū)域
10.1.5　可編輯可選區(qū)域
實戰(zhàn)90+視頻：在模板頁面中創(chuàng)建可編輯可選區(qū)域
10.1.6　 重復區(qū)域
10.2　應用模板
10.2.1　新建基于模板頁面
實戰(zhàn)91+視頻：創(chuàng)建基于模板的頁面
10.2.2　更新模板
10.3　創(chuàng)建與應用庫項目
10.3.1　創(chuàng)建庫項目
實戰(zhàn)92+視頻：將網站導航菜單創(chuàng)建為庫項目
10.3.2　應用庫項目
實戰(zhàn)93+視頻：應用網站版底庫項目
10.3.3　編輯庫項目
實戰(zhàn)94+視頻：自動更新網站導航
10.4　本章小結
第11章　表格與Spry特效的應用
11.1　表格的基本操作
11.1.1　"表格"對話框
實戰(zhàn)95+視頻：插入表格
11.1.2　表格屬性
實戰(zhàn)96+視頻：選擇表格
11.1.3　單元格屬性
實戰(zhàn)97+視頻：選擇單元格
11.2　網頁中表格應用技巧
11.2.1　排序表格
實戰(zhàn)98+視頻：對網頁中的表格數(shù)據(jù)排序
11.2.2　導入表格數(shù)據(jù)
實戰(zhàn)99+視頻：將外部數(shù)據(jù)導入到網頁中
11.3　創(chuàng)建網頁常見Spry特效
11.3.1　Spry菜單欄
實戰(zhàn)100+視頻：制作網站導航菜單
11.3.2　Spry選項卡式面板
實戰(zhàn)101+視頻：制作網站新聞模塊
11.3.3　Spry折疊式面板
實戰(zhàn)102+視頻：制作可自由伸縮的新聞公告
11.3.4　Spry可折疊
實戰(zhàn)103+視頻：制作可折疊欄目
11.3.5　Spry工具提示
實戰(zhàn)104+視頻：制作商品展示頁面
11.4　本章小結
第12章　AP Div與行為在網頁中的應用
12.1　AP Div的基礎操作
12.1.1　"AP元素"面板
實戰(zhàn)105+視頻：使用AP Div排版
12.1.2　設置AP Div屬性
實戰(zhàn)106+視頻：使用AP Div溢出制作多行文本框
12.2　使用行為實現(xiàn)網頁特效
12.2.1　交換圖像
實戰(zhàn)107+視頻：制作翻轉圖像
12.2.2　彈出信息
實戰(zhàn)108+視頻：為網頁添加彈出信息
12.2.3　打開瀏覽器窗口
實戰(zhàn)109+視頻：為網頁添加彈出廣告
12.2.4　拖動AP元素
實戰(zhàn)110+視頻：實現(xiàn)網頁中可拖動元素
12.2.5　 改變屬性
實戰(zhàn)111+視頻：在網頁中實現(xiàn)鼠標交互
12.2.6　添加效果
實戰(zhàn)112+視頻：添加網頁過渡效果
12.2.7　 顯示/隱藏元素
實戰(zhàn)113+視頻：控制網頁元素的顯示
12.2.8　 檢查插件
實戰(zhàn)114+視頻：判斷瀏覽器插件
12.2.9　 檢查表單
實戰(zhàn)115+視頻：使用行為實現(xiàn)表單驗證
12.2.10　 設置文本
實戰(zhàn)116+視頻：添加瀏覽器狀態(tài)欄文本
12.2.11　 調用JavaScript
實戰(zhàn)117+視頻：實現(xiàn)JavaScript特效
12.2.12　轉到URL
實戰(zhàn)118+視頻：網頁跳轉
12.3　本章小結
第13章　測試與上傳網站
13.1　測試網站頁面
13.1.1　瀏覽器兼容性
實戰(zhàn)119+視頻：檢查網頁在不同瀏覽器中的兼容性
13.1.2　鏈接檢查
實戰(zhàn)120+視頻：檢查網頁中的鏈接
13.1.3　W3C驗證
實戰(zhàn)121+視頻：驗證網頁是否符合W3C規(guī)范
13.2　上傳網站頁面
13.2.1　申請域名和空間
實戰(zhàn)122+視頻：使用Dreamweaver上傳網站文件
13.2.2　網站維護
實戰(zhàn)123+視頻：使用其他工具上傳網站文件
13.3　本章小結
第14章　制作兒童類網站頁面
14.1　設計分析
14.1 設計分析
14.2　色彩分析
14.3　制作步驟
14.4　本章小結
第15章　制作游戲類網站頁面
15.1　設計分析
15.2　色彩分析
15.3　制作步驟
15.4　本章小結