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

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