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

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

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

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

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

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

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

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

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

第9章 模板和庫
9.1 食用菌類網(wǎng)頁
9.1.1 【案例分析】
9.1.2 【設(shè)計理念】
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)頁
5．管理模板
9.1.5 【實戰(zhàn)演練】室內(nèi)設(shè)計網(wǎng)頁
9.2 鮮果批發(fā)網(wǎng)頁
9.2.1 【案例分析】
9.2.2 【設(shè)計理念】
9.2.3 【操作步驟】
1．把經(jīng)常用的圖標注冊到庫中
2．利用庫中注冊的項目制作網(wǎng)頁文檔
9.2.4 【相關(guān)工具】
1．創(chuàng)建庫文件
2．向頁面添加庫項目
3．更新庫文件
9.2.5 【實戰(zhàn)演練】珍美禮品網(wǎng)頁
9.3 綜合演練——美女購物網(wǎng)頁
9.4 綜合演練——精品沙發(fā)網(wǎng)頁

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

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