邊做邊學(xué)：Dreamweaver CS4 網(wǎng)頁(yè)設(shè)計(jì)案例教程

第1章 初識(shí)Dreamweaver CS
1.1 操作界面
1.1.1 【操作目的】
1.1.2 【操作步驟】
1.1.3 【相關(guān)工具】
1．開(kāi)始頁(yè)面
2．不同風(fēng)格的界面
3．伸縮自如的功能面板
4．多文檔的編輯界面
5．插入面板
6．更完整的CSS功能
1.2 創(chuàng)建網(wǎng)站框架
1.2.1 【操作目的】
1.2.2 【操作步驟】
1.2.3 【相關(guān)工具】
1.3 管理站點(diǎn)
1.3.1 【操作目的】
1.3.2 【操作步驟】
1.3.3 【相關(guān)工具】
1．站點(diǎn)管理器
2．創(chuàng)建文件夾
3．定義新站點(diǎn)
1.4 網(wǎng)頁(yè)文件頭設(shè)置
1.4.1 【操作目的】
1.4.2 【操作步驟】
1.4.3 【相關(guān)工具】
1．插入搜索關(guān)鍵字
2．插入作者和版權(quán)信息
3．設(shè)置刷新時(shí)間
4．設(shè)置描述信息
5．設(shè)置頁(yè)面中所有鏈接的基準(zhǔn)鏈接
6．設(shè)置當(dāng)前文件與其他文件的關(guān)聯(lián)性

第2章 文本與文檔
2.1 精裝別墅網(wǎng)頁(yè)
2.1.1 【案例分析】
2.1.2 【設(shè)計(jì)理念】
2.1.3 【操作步驟】
1．設(shè)置頁(yè)面屬性
2．輸入空格和文字
2.1.4 【相關(guān)工具】
1．輸入文本
2．設(shè)置文本屬性
3．輸入連續(xù)的空格
4．設(shè)置是否顯示不可見(jiàn)元素
5．設(shè)置頁(yè)邊距
6．設(shè)置網(wǎng)頁(yè)的標(biāo)題
7．設(shè)置網(wǎng)頁(yè)的默認(rèn)格式
2.1.5 【實(shí)戰(zhàn)演練】美容精油網(wǎng)頁(yè)
2.2 西點(diǎn)美食網(wǎng)頁(yè)
2.2.1 【案例分析】
2.2.2 【設(shè)計(jì)理念】
2.2.3 【操作步驟】
1．添加字體
2．改變文字外觀(guān)
2.2.4 【相關(guān)工具】
1．改變文本的大小
2．改變文本的顏色
3．改變文本的字體
4．改變文本的對(duì)齊方式
5．設(shè)置文本樣式
6．段落文本
7．插入換行符
8．設(shè)置項(xiàng)目符號(hào)或編號(hào)
9．修改項(xiàng)目符號(hào)或編號(hào)
10．設(shè)置文本縮進(jìn)格式
11．插入日期
12．特殊字符
2.2.5 【實(shí)戰(zhàn)演練】頂級(jí)數(shù)碼產(chǎn)品網(wǎng)
2.3 辦公用品網(wǎng)頁(yè)
2.3.1 【案例分析】
2.3.2 【設(shè)計(jì)理念】
2.3.3 【操作步驟】
2.3.4 【相關(guān)工具】
1．水平線(xiàn)
2．顯示和隱藏網(wǎng)格
3．標(biāo)尺
2.3.5 【實(shí)戰(zhàn)演練】美食回味網(wǎng)頁(yè)
2.4 綜合演練——婚禮策劃網(wǎng)頁(yè)
2.5 綜合演練——美味比薩網(wǎng)頁(yè)

第3章 圖像和多媒體
3.1 家具特賣(mài)網(wǎng)頁(yè)
3.1.1 【案例分析】
3.1.2 【設(shè)計(jì)理念】
3.1.3 【操作步驟】
3.1.4 【相關(guān)工具】
1．網(wǎng)頁(yè)中的圖像格式
2．插入圖像
3．設(shè)置圖像屬性
4．插入圖像占位符
5．跟蹤圖像
3.1.5 【實(shí)戰(zhàn)演練】冬季滑雪網(wǎng)頁(yè)
3.2 數(shù)碼相機(jī)網(wǎng)頁(yè)
3.2.1 【案例分析】
3.2.2 【設(shè)計(jì)理念】
3.2.3 【操作步驟】
3.2.4 【相關(guān)工具】
3.2.5 【實(shí)戰(zhàn)演練】休閑時(shí)刻網(wǎng)頁(yè)
3.3 圣誕裝飾網(wǎng)頁(yè)
3.3.1 【案例分析】
3.3.2 【設(shè)計(jì)理念】
3.3.3 【操作步驟】
3.3.4 【相關(guān)工具】
1．插入Flash動(dòng)畫(huà)
2．插入FLV
3．插入Shockwave影片
4．影片插入Applet程序
5．插入ActiveX控件
3.3.5 【實(shí)戰(zhàn)演練】營(yíng)養(yǎng)美食網(wǎng)頁(yè)
3.4 綜合演練——數(shù)碼沖印網(wǎng)頁(yè)
3.5 綜合演練——野生動(dòng)物網(wǎng)頁(yè)

第4章 超鏈接
4.1 咖啡銷(xiāo)售網(wǎng)頁(yè)
4.1.1 【案例分析】
4.1.2 【設(shè)計(jì)理念】
4.1.3 【操作步驟】
1．制作特殊的文字超級(jí)鏈接
2．制作下載文件鏈接
4.1.4 【相關(guān)工具】
1．超鏈接的概念與路徑知識(shí)
2．創(chuàng)建文本鏈接
3．文本鏈接的狀態(tài)
4．下載文件鏈接
5．電子郵件鏈接
4.1.5 【實(shí)戰(zhàn)演練】車(chē)行天下網(wǎng)頁(yè)
4.2 時(shí)尚彩妝網(wǎng)頁(yè)
4.2.1 【案例分析】
4.2.2 【設(shè)計(jì)理念】
4.2.3 【操作步驟】
1．制作鼠標(biāo)經(jīng)過(guò)
2．創(chuàng)建熱點(diǎn)鏈接
4.2.4 【相關(guān)工具】
1．圖像超鏈接
2．鼠標(biāo)經(jīng)過(guò)圖像鏈接
3．命名錨記鏈接
4．創(chuàng)建熱區(qū)鏈接
4.2.5 【實(shí)戰(zhàn)演練】網(wǎng)購(gòu)鮮花網(wǎng)頁(yè)
4.3 綜合演練——藝術(shù)畫(huà)廊網(wǎng)頁(yè)
4.4 綜合演練——首飾珠寶網(wǎng)頁(yè)

第5章 使用表格
5.1 時(shí)尚購(gòu)物網(wǎng)頁(yè)
5.1.1 【案例分析】
5.1.2 【設(shè)計(jì)理念】
5.1.3 【操作步驟】
5.1.4 【相關(guān)工具】
1．表格的組成
2．插入表格
3．表格各元素的屬性
4．在表格中插入內(nèi)容
5．選擇表格元素
6．縮放表格
7．復(fù)制、粘貼表格
8．刪除表格和表格內(nèi)容
9．合并和拆分單元格
10．增加和刪除表格的行和列
5.1.5 【實(shí)戰(zhàn)演練】房產(chǎn)信息網(wǎng)頁(yè)
5.2 電子科技網(wǎng)頁(yè)
5.2.1 【案例分析】
5.2.2 【設(shè)計(jì)理念】
5.2.3 【操作步驟】
1．導(dǎo)入表格式數(shù)據(jù)
2．排序表格
5.2.4 【相關(guān)工具】
1．導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)
2．排序表格
3．復(fù)雜表格的排版
5.2.5 【實(shí)戰(zhàn)演練】設(shè)計(jì)家園網(wǎng)頁(yè)
5.3 綜合演練——百貨折扣網(wǎng)頁(yè)
5.4 綜合演練——手機(jī)頻道網(wǎng)頁(yè)

第6章 使用框架
6.1 快餐訂購(gòu)網(wǎng)頁(yè)
6.1.1 【案例分析】
6.1.2 【設(shè)計(jì)理念】
6.1.3 【操作步驟】
1．新建框架并修改框架
2．插入表格和圖像
6.1.4 【相關(guān)工具】
1．建立框架集
2．為框架添加內(nèi)容
3．保存框架
4．框架的選擇
5．修改框架的大小
6．拆分框架
7．刪除框架
6.1.5 【實(shí)戰(zhàn)演練】吉他網(wǎng)頁(yè)
6.2 禮品商店網(wǎng)頁(yè)
6.2.1 【案例分析】
6.2.2 【設(shè)計(jì)理念】
6.2.3 【操作步驟】
1．設(shè)置保存文檔
2．添加框架元素
6.2.4 【相關(guān)工具】
1．框架屬性
2．框架集的屬性
3．框架中的鏈接
6.2.5 【實(shí)戰(zhàn)演練】摩托車(chē)俱樂(lè)部網(wǎng)頁(yè)
6.3 綜合演練——時(shí)尚素材網(wǎng)頁(yè)
6.4 綜合演練——香茶公司網(wǎng)頁(yè)

第7章 使用層
7.1 沐浴產(chǎn)品網(wǎng)頁(yè)
7.1.1 【案例分析】
7.1.2 【設(shè)計(jì)理念】
7.1.3 【操作步驟】
7.1.4 【相關(guān)工具】
1．創(chuàng)建層
2．選擇層
3．設(shè)置層的默認(rèn)屬性
4．AP元素面板
5．更改層的堆疊順序
6．更改層的可見(jiàn)性
7．調(diào)整層的大小
8．嵌套層
9．移動(dòng)層
10．對(duì)齊層
11．層靠齊到網(wǎng)格
7.1.5 【實(shí)戰(zhàn)演練】無(wú)限音樂(lè)網(wǎng)頁(yè)
7.2 化妝公司網(wǎng)頁(yè)
7.2.1 【案例分析】
7.2.2 【設(shè)計(jì)理念】
7.2.3 【操作步驟】
7.2.4 【相關(guān)工具】
1．將AP Div轉(zhuǎn)換為表格
2．將表格轉(zhuǎn)換為AP Div
7.2.5 【實(shí)戰(zhàn)演練】卡玫攝影網(wǎng)頁(yè)
7.3 綜合演練——家庭汽車(chē)網(wǎng)頁(yè)
7.4 綜合演練——美禮包裝網(wǎng)頁(yè)

第8章 CSS樣式
8.1 旅游出行網(wǎng)頁(yè)
8.1.1 【案例分析】
8.1.2 【設(shè)計(jì)理念】
8.1.3 【操作步驟】
8.1.4 【相關(guān)工具】
1．CSS樣式的概念
2．“CSS樣式”控制面板
3．CSS樣式的類(lèi)型
4．創(chuàng)建重定義HTML標(biāo)簽樣式
5．創(chuàng)建CSS選擇器
6．創(chuàng)建和應(yīng)用自定義樣式
7．創(chuàng)建和引用外部樣式
8．編輯樣式
8.1.5 【實(shí)戰(zhàn)演練】抒情散文網(wǎng)頁(yè)
8.2 電子商務(wù)網(wǎng)頁(yè)
8.2.1 【案例分析】
8.2.2 【設(shè)計(jì)理念】
8.2.3 【操作步驟】
1．插入表格并輸入文字
2．設(shè)置CSS屬性
8.2.4 【相關(guān)工具】
1．類(lèi)型
2．背景
3．區(qū)塊
4．方框
5．邊框
6．列表
7．定位
8．?dāng)U展
8.2.5 【實(shí)戰(zhàn)演練】彩妝美舍網(wǎng)頁(yè)
8.3 地球在線(xiàn)網(wǎng)頁(yè)
8.3.1 【案例分析】
8.3.2 【設(shè)計(jì)理念】
8.3.3 【操作步驟】
1．插入圖片
2．制作圖片黑白效果
8.3.4 【相關(guān)工具】
1．可應(yīng)用過(guò)濾的HTML標(biāo)簽
2．CSS的靜態(tài)過(guò)濾器
3．CSS的動(dòng)態(tài)過(guò)濾器
8.3.5 【實(shí)戰(zhàn)演練】時(shí)尚數(shù)碼技術(shù)網(wǎng)頁(yè)
8.4 綜合演練——綠色食品網(wǎng)頁(yè)
8.5 綜合演練——戶(hù)外攝影網(wǎng)頁(yè)

第9章 模板和庫(kù)
9.1 食用菌類(lèi)網(wǎng)頁(yè)
9.1.1 【案例分析】
9.1.2 【設(shè)計(jì)理念】
9.1.3 【操作步驟】
1．創(chuàng)建模板
2．創(chuàng)建可編輯區(qū)域
9.1.4 【相關(guān)工具】
1．“資源”控制面板
2．創(chuàng)建模板
3．定義和取消可編輯區(qū)域
4．創(chuàng)建基于模板的網(wǎng)頁(yè)
5．管理模板
9.1.5 【實(shí)戰(zhàn)演練】室內(nèi)設(shè)計(jì)網(wǎng)頁(yè)
9.2 鮮果批發(fā)網(wǎng)頁(yè)
9.2.1 【案例分析】
9.2.2 【設(shè)計(jì)理念】
9.2.3 【操作步驟】
1．把經(jīng)常用的圖標(biāo)注冊(cè)到庫(kù)中
2．利用庫(kù)中注冊(cè)的項(xiàng)目制作網(wǎng)頁(yè)文檔
9.2.4 【相關(guān)工具】
1．創(chuàng)建庫(kù)文件
2．向頁(yè)面添加庫(kù)項(xiàng)目
3．更新庫(kù)文件
9.2.5 【實(shí)戰(zhàn)演練】珍美禮品網(wǎng)頁(yè)
9.3 綜合演練——美女購(gòu)物網(wǎng)頁(yè)
9.4 綜合演練——精品沙發(fā)網(wǎng)頁(yè)

第10章 表單與行為
10.1 留言板網(wǎng)頁(yè)
10.1.1 【案例分析】
10.1.2 【設(shè)計(jì)理念】
10.1.3 【操作步驟】
1．插入表單和表格并設(shè)置表格的屬性
2．插入文本域
10.1.4 【相關(guān)工具】
1．創(chuàng)建表單
2．表單的屬性
3．單行文本域
4．隱藏域
5．單選按鈕
6．單選按鈕組
7．復(fù)選框
8．創(chuàng)建列表和菜單
9．創(chuàng)建跳轉(zhuǎn)菜單
10．創(chuàng)建文件域
11．創(chuàng)建圖像域
12．提交、無(wú)、重置按鈕
10.1.5 【實(shí)戰(zhàn)演練】會(huì)員注冊(cè)表網(wǎng)頁(yè)
10.2 數(shù)碼世界網(wǎng)頁(yè)
10.2.1 【案例分析】
10.2.2 【設(shè)計(jì)理念】
10.2.3 【操作步驟】
1．在網(wǎng)頁(yè)中顯示指定大小的彈出窗口
2．添加導(dǎo)航條和菜單欄
10.2.4 【相關(guān)工具】
1．“行為”控制面板
2．應(yīng)用行為
3．調(diào)用JavaScript
4．打開(kāi)瀏覽器窗口
5．轉(zhuǎn)到URL
6．檢查插件
7．檢查表單
8．交換圖像
9．設(shè)置容器的文本
10．設(shè)置狀態(tài)欄文本
11．設(shè)置文本域文字
12．設(shè)置框架文本
10.2.5 【實(shí)戰(zhàn)演練】旅游資訊網(wǎng)頁(yè)
10.3 綜合演練——公告欄界面網(wǎng)頁(yè)
10.4 綜合演練——超酷音樂(lè)網(wǎng)頁(yè)

第11章 網(wǎng)頁(yè)代碼
11.1 商業(yè)公司網(wǎng)頁(yè)
11.1.1 【案例分析】
11.1.2 【設(shè)計(jì)理念】
11.1.3 【操作步驟】
11.1.4 【相關(guān)工具】
1．使用“參考”面板
2．代碼提示功能
3．使用標(biāo)簽庫(kù)插入標(biāo)簽
4．使用標(biāo)簽選擇器插入標(biāo)簽
5．使用標(biāo)簽檢查器編輯代碼
6．使用標(biāo)簽編輯器編輯代碼
11.1.5 【實(shí)戰(zhàn)演練】旅游度假網(wǎng)頁(yè)
11.2 電子商情網(wǎng)頁(yè)
11.2.1 【案例分析】
11.2.2 【設(shè)計(jì)理念】
11.2.3 【操作步驟】
1．制作瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條
2．制作禁止使用單擊右鍵
11.2.4 【相關(guān)工具】
1．常用的HTML標(biāo)簽
2．腳本語(yǔ)言
3．響應(yīng)HTML事件
11.2.5 【實(shí)戰(zhàn)演練】國(guó)畫(huà)藝術(shù)網(wǎng)頁(yè)
11.3 綜合演練——精品房產(chǎn)網(wǎng)頁(yè)
11.4 綜合演練——篝火訂餐網(wǎng)頁(yè)