網(wǎng)頁設計殿堂之路：Dreamweaver網(wǎng)頁設計全程揭秘

第1章　Dreamweaver CS6入門
1.1　認識網(wǎng)頁
1.1.1　網(wǎng)頁與網(wǎng)站
1.1.2　網(wǎng)頁的類型
1.1.3　靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁
1.1.4　網(wǎng)頁的基本構成元素
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　流體網(wǎng)格的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+視頻：新建和保存網(wǎng)頁
1.4.3　文檔工具欄
實戰(zhàn)04+視頻：打開和預覽網(wǎng)頁
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中的源代碼與網(wǎng)頁基礎設置
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)在網(wǎng)頁中繪圖
3.3.2　HTML 5標簽
實戰(zhàn)13+視頻：HTML 5為網(wǎng)頁添加背景音樂
3.3.3　HTML 5與HTML 4的不同
實戰(zhàn)14+視頻：HTML 5在網(wǎng)頁中播放視頻
3.4　網(wǎng)頁頭信息設置
3.4.1　設置META信息
實戰(zhàn)15+視頻：設置網(wǎng)頁作者信息
3.4.2　添加網(wǎng)頁關鍵字
實戰(zhàn)16+視頻：為網(wǎng)頁設置關鍵字
3.4.3　添加網(wǎng)頁說明
實戰(zhàn)17+視頻：為網(wǎng)頁設置說明
3.4.4　添加網(wǎng)頁刷新
實戰(zhàn)18+視頻：實現(xiàn)網(wǎng)頁的自動刷新
3.5　網(wǎng)頁整體屬性設置
3.5.1 "外觀（CSS）"與"外觀（HTML）"選項
實戰(zhàn)19+視頻：制作網(wǎng)站歡迎頁面
3.5.2　"鏈接（CSS）"選項
實戰(zhàn)20+視頻：美化網(wǎng)頁中的超鏈接
3.5.3　"標題（CSS）"選項
實戰(zhàn)21+視頻：設置網(wǎng)頁中的標題文字
3.5.4　"標題/編碼"選項
實戰(zhàn)22+視頻：設置網(wǎng)頁標題
3.5.5　"跟蹤圖像"選項
實戰(zhàn)23+視頻：設置網(wǎng)頁輔助圖像
3.6　本章小結
第4章　制作圖文基礎網(wǎng)頁
4.1　在網(wǎng)頁中輸入文本
4.1.1　輸入文本
實戰(zhàn)24+視頻：制作文本頁面
4.1.2　設置文本屬性
實戰(zhàn)25+視頻：為網(wǎng)頁中的文本分行或分段
4.2　在網(wǎng)頁中實現(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+視頻：制作網(wǎng)站滾動公告
4.3　在網(wǎng)頁中插入圖像
4.3.1　了解網(wǎng)頁中常用圖像格式
實戰(zhàn)32+視頻：制作圖像頁面
4.3.2　設置圖像屬性
實戰(zhàn)33+視頻：編輯網(wǎng)頁圖像
4.4　在網(wǎng)頁中插入其他圖像元素
4.4.1　圖像占位符
實戰(zhàn)34+視頻：插入圖像占位符
4.4.2　鼠標經(jīng)過圖像
實戰(zhàn)35+視頻：制作網(wǎng)站導航欄
4.5　本章小結
第5章　制作多媒體網(wǎng)頁
5.1　在網(wǎng)頁中插入動畫
5.1.1　在網(wǎng)頁中插入Flash動畫
實戰(zhàn)36+視頻：制作Flash歡迎頁面
5.1.2　設置SWF動畫屬性
實戰(zhàn)37+視頻：插入Shockwave動畫
5.2　在網(wǎng)頁中插入聲音與視頻
5.2.1　網(wǎng)頁支持的音頻格式
實戰(zhàn)38+視頻：為網(wǎng)頁添加背景音樂
5.2.2　使用插件實現(xiàn)嵌入的音頻
實戰(zhàn)39+視頻：在網(wǎng)頁中嵌入音頻
5.2.3　網(wǎng)頁支持的視頻格式
實戰(zhàn)40+視頻：實現(xiàn)網(wǎng)頁中視頻播放
5.2.4　"插入FLV"對話框
實戰(zhàn)41+視頻：在網(wǎng)頁中插入FLV視頻
5.3　在網(wǎng)頁中實現(xiàn)其他多媒體效果
5.3.1　插入Applet小程序
實戰(zhàn)42+視頻：實現(xiàn)網(wǎng)頁特效
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+視頻：設置網(wǎng)頁文本樣式
6.3.2　背景樣式選項
實戰(zhàn)51+視頻：設置網(wǎng)頁背景樣式
6.3.3　區(qū)塊樣式選項
實戰(zhàn)52+視頻：設置網(wǎng)頁區(qū)塊樣式
6.3.4　方框樣式選項
實戰(zhàn)53+視頻：設置網(wǎng)頁方框樣式
6.3.5　邊框樣式選項
實戰(zhàn)54+視頻：設置網(wǎng)頁邊框樣式
6.3.6　列表樣式選項
實戰(zhàn)55+視頻：設置網(wǎng)頁列表樣式
6.3.7　定位樣式選項
實戰(zhàn)56+視頻：設置網(wǎng)頁定位樣式
6.3.8　擴展樣式選項
實戰(zhàn)57+視頻：設置網(wǎng)頁擴展樣式
6.3.9　過渡樣式選項
6.4　CSS樣式的特殊應用
6.4.1　CSS類選區(qū)
實戰(zhàn)58+視頻：應用CSS類選區(qū)
6.4.2　Web字體
實戰(zhàn)59+視頻：在網(wǎng)頁中實現(xiàn)特殊字體
6.5　CSS 3 實用屬性
6.5.1　border-radius屬性
實戰(zhàn)60+視頻：在網(wǎng)頁中實現(xiàn)圓角邊框
6.5.2　box-shadow屬性
實戰(zhàn)61+視頻：為網(wǎng)頁元素添加陰影效果
6.5.3　Opacity屬性
實戰(zhàn)62+視頻：實現(xiàn)網(wǎng)頁元素半透明效果
6.5.4　column屬性
實戰(zhàn)63+視頻：在網(wǎng)頁中實現(xiàn)文本分欄顯示
6.6　本章小結
第7章　制作表單網(wǎng)頁
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+視頻：制作網(wǎng)站投票
7.1.7　復選框與復選框組
實戰(zhàn)69+視頻：制作網(wǎng)站調查
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　在網(wǎng)頁中插入IFrame框架
實戰(zhàn)77+視頻：創(chuàng)建IFrame框架頁面
8.2.2　設置IFrame框架鏈接
實戰(zhàn)78+視頻：完成IFrame框架頁面制作
8.3　本章小結
第9章 創(chuàng)建網(wǎng)頁鏈接
9.1　創(chuàng)建網(wǎ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　網(wǎng)頁中特殊鏈接的創(chuàng)建
9.2.1　空鏈接與下載鏈接
實戰(zhàn)82+視頻：為網(wǎng)站的內容創(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章　使用模板和庫提高網(wǎng)頁制作效率
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+視頻：將網(wǎng)站導航菜單創(chuàng)建為庫項目
10.3.2　應用庫項目
實戰(zhàn)93+視頻：應用網(wǎng)站版底庫項目
10.3.3　編輯庫項目
實戰(zhàn)94+視頻：自動更新網(wǎng)站導航
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　網(wǎng)頁中表格應用技巧
11.2.1　排序表格
實戰(zhàn)98+視頻：對網(wǎng)頁中的表格數(shù)據(jù)排序
11.2.2　導入表格數(shù)據(jù)
實戰(zhàn)99+視頻：將外部數(shù)據(jù)導入到網(wǎng)頁中
11.3　創(chuàng)建網(wǎng)頁常見Spry特效
11.3.1　Spry菜單欄
實戰(zhàn)100+視頻：制作網(wǎng)站導航菜單
11.3.2　Spry選項卡式面板
實戰(zhàn)101+視頻：制作網(wǎng)站新聞模塊
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與行為在網(wǎng)頁中的應用
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)網(wǎng)頁特效
12.2.1　交換圖像
實戰(zhàn)107+視頻：制作翻轉圖像
12.2.2　彈出信息
實戰(zhàn)108+視頻：為網(wǎng)頁添加彈出信息
12.2.3　打開瀏覽器窗口
實戰(zhàn)109+視頻：為網(wǎng)頁添加彈出廣告
12.2.4　拖動AP元素
實戰(zhàn)110+視頻：實現(xiàn)網(wǎng)頁中可拖動元素
12.2.5　 改變屬性
實戰(zhàn)111+視頻：在網(wǎng)頁中實現(xiàn)鼠標交互
12.2.6　添加效果
實戰(zhàn)112+視頻：添加網(wǎng)頁過渡效果
12.2.7　 顯示/隱藏元素
實戰(zhàn)113+視頻：控制網(wǎng)頁元素的顯示
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+視頻：網(wǎng)頁跳轉
12.3　本章小結
第13章　測試與上傳網(wǎng)站
13.1　測試網(wǎng)站頁面
13.1.1　瀏覽器兼容性
實戰(zhàn)119+視頻：檢查網(wǎng)頁在不同瀏覽器中的兼容性
13.1.2　鏈接檢查
實戰(zhàn)120+視頻：檢查網(wǎng)頁中的鏈接
13.1.3　W3C驗證
實戰(zhàn)121+視頻：驗證網(wǎng)頁是否符合W3C規(guī)范
13.2　上傳網(wǎng)站頁面
13.2.1　申請域名和空間
實戰(zhàn)122+視頻：使用Dreamweaver上傳網(wǎng)站文件
13.2.2　網(wǎng)站維護
實戰(zhàn)123+視頻：使用其他工具上傳網(wǎng)站文件
13.3　本章小結
第14章　制作兒童類網(wǎng)站頁面
14.1　設計分析
14.1 設計分析
14.2　色彩分析
14.3　制作步驟
14.4　本章小結
第15章　制作游戲類網(wǎng)站頁面
15.1　設計分析
15.2　色彩分析
15.3　制作步驟
15.4　本章小結