《邊做邊學Dreamweaver CS3網頁設計案例教程》全面系統地介紹Dreamweaver CS3的基本操作方法和網頁設計制作技巧,包括初識Dreamweaver CS3、文本與文檔、圖像和多媒體、超鏈接、使用表格、使用框架、使用層和時間軸、CSS樣式、模板和庫、使用表單、使用行為和網頁代碼。
《邊做邊學Dreamweaver CS3網頁設計案例教程》內容以課堂案例為主線,通過各案例的實際操作,學生可以快速上手,熟悉軟件功能和藝術設計思路。書中的軟件功能解析部分使學生能夠更深入地學習軟件功能。課堂實戰演練和課后綜合演練,可以拓展學生的實際應用能力,提高學生的軟件使用技巧。本書配套光盤中包含了書中所有案例的素材及效果文件,以利于教師授課,學生練習。
《邊做邊學Dreamweaver CS3網頁設計案例教程》可作為職業學校藝術類專業課程的教材,也可作為Dreamweaver CS3自學者的參考用書。
根據現代職業學校的教學方向和教學特色,我們對《邊做邊學Dreamweaver CS3網頁設計案例教程》的編寫體系做了精心的設計。每章按照“課堂實訓案例-軟件相關功能-課堂實戰演練-課后綜合演練”這一思路進行編排,力求通過課堂實訓案例演練,使學生快速熟悉網頁設計理念和軟件功能;通過軟件相關功能解析使學生深入學習軟件功能和制作特色;通過課堂實戰演練和課后綜合演練,拓展學生的實際應用能力。在內容編寫方面,力求細致全面、重點突出;在文字敘述方面,注意言簡意賅、通俗易懂;在案例選取方面,強調案例的針對性和實用性。
DreamweaverCS3是由Adobe公司開發的網頁設計與制作軟件。它的功能強大、易學易用,深受網頁制作者和網頁設計師的喜愛,已經成為這一領域最流行的軟件之一。目前,我國很多職業學校的藝術類專業,都將Dreamweaver列為一門重要的專業課程。為了幫助職業學校的教師全面、系統地講授這門課程,使學生能夠熟練地使用Dreamweaver來進行網頁設計,我們幾位長期在職業學校從事Dreamweaver教學的教師和專業網頁設計公司經驗豐富的設計師合作,共同編寫了本書。
根據現代職業學校的教學方向和教學特色,我們對本書的編寫體系做了精心的設計。每章按照“課堂實訓案例-軟件相關功能-課堂實戰演練-課后綜合演練”這一思路進行編排,力求通過課堂實訓案例演練,使學生快速熟悉網頁設計理念和軟件功能;通過軟件相關功能解析使學生深入學習軟件功能和制作特色;通過課堂實戰演練和課后綜合演練,拓展學生的實際應用能力。
在內容編寫方面,力求細致全面、重點突出;在文字敘述方面,注意言簡意賅、通俗易懂;在案例選取方面,強調案例的針對性和實用性。
初識Dreamweaver CS
1.1 操作界面
1.1.1 【操作目的】
1.1.2 【操作步驟】
1.1.3 【相關工具】
1.開始頁面
2.不同風格的界面
3.伸縮自如的功能面板
4.多文檔的編輯界面
5.插入面板
6.更完整的CSS功能
1.2 創建網站框架
1.2.1 【操作目的】
1.2.2 【操作步驟】
1.2.3 【相關工具】
1.創建和保存網頁
2.在站點地圖中創建網頁
3.在文件列表中創建網頁
1.3 管理站點
1.3.1 【操作目的】
1.3.2 【操作步驟】
1.3.3 【相關工具】
1.站點管理器
2.創建文件夾
3.定義新站點
1.4 網頁文件頭設置
1.4.1 【操作目的】
1.4.2 【操作步驟】
1.4.3 【相關工具】
1.插入搜索關鍵字
2.插入作者和版權信息
3.設置刷新時間
4.設置描述信息
5.設置頁面中所有鏈接的基準鏈接
6.設置當前文件與其他文件的關聯性
第2章 文本與文檔
2.1 植物香水網頁
2.1.1 【案例分析】
2.1.2 【設計理念】
2.1.3 【操作步驟】
1.設置頁面屬性
2.輸入空格和文字
2.1.4 【相關工具】
1.輸入文本
2.設置文本屬性
3.輸入連續的空格
4.設置是否顯示不可見元素
5.設置頁邊距
6.設置網頁的標題
7.設置網頁的默認格式
2.1.5 【實戰演練】--數碼產品專賣網頁
2.2 美味西點網頁
2.2.1 【案例分析】
2.2.2 【設計理念】
2.2.3 【操作步驟】
2.2.4 【相關工具】
1.改變文本的大小
2.改變文本的顏色
3.改變文本的字體
4.改變文本的對齊方式
5.設置文本樣式
6.段落文本
7.插入換行符
2.2.5 【實戰演練】--美顏知識網頁
2.3 兒童漫畫網頁
2.3.1 【案例分析】
2.3.2 【設計理念】
2.3.3 【操作步驟】
1.創建項目列表
2.插入版權符號
2.3.4 【相關工具】
1.設置項目符號或編號
2.修改項目符號或編號
3.設置文本縮進格式
4.插入日期
5.特殊字符
2.3.5 【實戰演練】--時尚咖啡網頁
2.4 綠色食品網頁
2.4.1 【案例分析】
2.4.2 【設計理念】
2.4.3 【操作步驟】
2.4.4 【相關工具】
1.水平線
2.顯示和隱藏網格
3.標尺
2.4.5 【實戰演練】--電子產品網頁
2.5 綜合演練--鮮花速遞網頁
2.6 綜合演練--精品購物網頁
第3章 圖像和多媒體
3.1 卡通素材網頁
3.1.1 【案例分析】
3.1.2 【設計理念】
3.1.3 【操作步驟】
3.1.4 【相關工具】
1.網頁中的圖像格式
2.插入圖像
3.設置圖像屬性
4.插入圖像占位符
5.跟蹤圖像
3.1.5 【實戰演練】--家居時尚網頁
3.2 購房中心網頁
3.2.1 【案例分析】
3.2.2 【設計理念】
3.2.3 【操作步驟】
3.2.4 【相關工具】
1.調整圖像與文本的相對位置
2.創建網站相冊
3.2.5 【實戰演練】--健康水果網頁
3.3 營養美食網頁
3.3.1 【案例分析】
3.3.2 【設計理念】
3.3.3 【操作步驟】
3.3.4 【相關工具】
1.插入Flash動畫
2.插入Flash文本
3.插入Flash按鈕
4.插入Shockwave影片
5.影片插入Applet程序
6.插入ActiveX控件
3.3.5 【實戰演練】--動感音樂網頁
3.4 綜合演練--商務在線網頁
3.5 綜合演練--化妝品網頁
第4章 超鏈接
4.1 創業在線網頁
4.1.1 【案例分析】
4.1.2 【設計理念】
4.1.3 【操作步驟】
1.制作特殊的文字超級鏈接
2.制作下載文件鏈接
4.1.4 【相關工具】
1.超鏈接的概念與路徑知識
2.創建文本鏈接
3.文本鏈接的狀態
4.下載文件鏈接
5.電子郵件鏈接
4.1.5 【實戰演練】--精品家具網頁
4.2 戀之語素材模板網頁
4.2.1 【案例分析】
4.2.2 【設計理念】
4.2.3 【操作步驟】
1.制作鼠標經過
2.創建熱點鏈接
4.2.4 【相關工具】
1.圖像超鏈接
2.鼠標經過圖像鏈接
3.命名錨記鏈接
4.創建熱區鏈接
4.2.5 【實戰演練】--旅游資訊網頁
4.3 綜合演練--流行音樂網頁
4.4 綜合演練--數碼相機網頁
第5章 使用表格
5.1 咖啡機專賣網頁
5.1.1 【案例分析】
5.1.2 【設計理念】
5.1.3 【操作步驟】
5.1.4 【相關工具】
1.表格的組成
2.插入表格
3.表格各元素的屬性
4.在表格中插入內容
5.選擇表格元素
6.復制、粘貼表格
7.刪除表格和表格內容
8.縮放表格
9.合并和拆分單元格
10.增加和刪除表格的行和列
5.1.5 【實戰演練】--音樂世界網頁
5.2 設計師家園網頁
5.2.1 【案例分析】
5.2.2 【設計理念】
5.2.3 【操作步驟】
1.導入表格式數據
2.排序表格
5.2.4 【相關工具】
1.導入和導出表格的數據
2.排序表格
3.利用表格的布局模式實現復雜的頁面布局
5.2.5 【實戰演練】--旅游渡假網頁
5.3 綜合演練--時尚戒指網頁
5.4 綜合演練--家具天地網頁
第6章 使用框架
6.1 辦公用品網頁
6.1.1 【案例分析】
6.1.2 【設計理念】
6.1.3 【操作步驟】
1.新建框架并修改框架
2.在框架中插入內容
6.1.4 【相關工具】
1.建立框架集
2.為框架添加內容
3.保存框架
4.框架的選擇
5.修改框架的大小
6.拆分框架
7.刪除框架
6.1.5 【實戰演練】--房產信息網頁
6.2 兒童玩具網頁
6.2.1 【案例分析】
6.2.2 【設計理念】
6.2.3 【操作步驟】
1.設置保存文檔
2.添加框架元素
6.2.4 【相關工具】
1.框架屬性
2.框架集的屬性
3.框架中的鏈接
6.2.5 【實戰演練】--汽車資訊網頁
6.3 綜合演練--沙發購物網頁
6.4 綜合演練--電子商務網頁
第7章 使用層和時間軸
7.1 綠色植物網頁
7.1.1 【案例分析】
7.1.2 【設計理念】
7.1.3 【操作步驟】
7.1.4 【相關工具】
1.創建層
2.選擇層
3.設置層的默認屬性
4.AP元素面板
5.更改層的堆疊順序
6.更改層的可見性
7.調整層的大小
8.嵌套層
9.移動層
10.對齊層
11.層靠齊到網格
7.1.5 【實戰演練】--數碼科技前線網頁
7.2 現代家居購物網頁
7.2.1 【案例分析】
7.2.2 【設計理念】
7.2.3 【操作步驟】
7.2.4 【相關工具】
1.將AP Div轉換為表格
2.將表格轉換為AP Div
7.2.5 【實戰演練】--數碼科技前線網頁
7.3 禮品盒專賣網頁
7.3.1 【案例分析】
7.3.2 【設計理念】
7.3.3 【操作步驟】
7.3.4 【相關工具】
1.“時間軸”面板
2.使用時間軸移動層
3.錄制層路徑
4.控制動畫播放
5.修改關鍵幀
6.添加、刪除幀
7.用時間軸改變圖像與層的屬性
7.3.5 【實戰演練】--美容護膚網頁
7.4 綜合演練--無公害水果網頁
7.5 綜合演練--數碼世界網頁
第8章 CSS樣式
8.1 兒童教育網頁
8.1.1 【案例分析】
8.1.2 【設計理念】
8.1.3 【操作步驟】
8.1.4 【相關工具】
1.CSS樣式的概念
2.“CSS樣式”控制面板
3.CSS樣式的類型
4.創建重定義HTML標簽樣式
5.創建CSS選擇器
6.創建和應用自定義樣式
7.創建和引用外部樣式
8.編輯樣式
8.1.5 【實戰演練】--女士香水網頁
8.2 時尚彩妝網頁
8.2.1 【案例分析】
8.2.2 【設計理念】
8.2.3 【操作步驟】
1.插入表格并輸入文字
2.設置CSS屬性
8.2.4 【相關工具】
1.類型
2.背景
3.區塊
4.方框
5.邊框
6.列表
7.定位
8.擴展
8.2.5 【實戰演練】--數碼照片沖印網頁
8.3 最新電影網頁
8.3.1 【案例分析】
8.3.2 【設計理念】
8.3.3 【操作步驟】
8.3.4 【相關工具】
1.可應用過濾的HTML標簽
2.CSS的靜態過濾器
3.CSS的動態過濾器
8.3.5 【實戰演練】--兒童玩具人偶網頁
8.4 綜合演練--精品房產網頁
8.5 綜合演練--時尚前風網頁
第9章 模板和庫
9.1 家居資訊網頁
9.1.1 【案例分析】
9.1.2 【設計理念】
9.1.3 【操作步驟】
1.創建模板
2.創建可編輯區域
9.1.4 【相關工具】
1.“資源”控制面板
2.創建模板
3.定義和取消可編輯區域
4.創建基于模板的網頁
5.管理模板
9.1.5 【實戰演練】--數碼配件網頁
9.2 健康瑜珈網頁
9.2.1 【案例分析】
9.2.2 【設計理念】
9.2.3 【操作步驟】
1.創建庫項目
2.利用庫中注冊的項目制作網頁文檔
9.2.4 【相關工具】
1.創建庫文件
2.向頁面添加庫項目
3.更新庫文件
9.2.5 【實戰演練】--茶文化網頁
9.3 綜合演練--個人網頁
9.4 綜合演練--新品家居網頁
第10章 使用表單
10.1 咖啡廳會員注冊網頁
10.1.1 【案例分析】
10.1.2 【設計理念】
10.1.3 【操作步驟】
1.插入表單和表格并設置表格的屬性
2.插入文本域
10.1.4 【相關工具】
1.創建表單
2.表單的屬性
3.單行文本域
4.隱藏域
5.單選按鈕
6.單選按鈕組
7.復選框
10.1.5 【實戰演練】--化妝品用戶登錄網頁
10.2 兒童會員注冊網頁
10.2.1 【案例分析】
10.2.2 【設計理念】
10.2.3 【操作步驟】
10.2.4 【相關工具】
1.創建列表和菜單
2.創建跳轉菜單
3.創建文件域
4.創建圖像域
5.提交、無、重置按鈕
10.2.5 【實戰演練】--旅游用戶登錄網頁
10.3 綜合演練--星運奇緣網頁
10.4 綜合演練--家居購物訂單網頁
第11章 使用行為
11.1 美麗女人購物網頁
11.1.1 【案例分析】
11.1.2 【設計理念】
11.1.3 【操作步驟】
11.1.4 【相關工具】
1.行為
2.事件
3.“行為”控制面板
4.應用行為
11.1.5 【實戰演練】--兒童美食網頁
11.2 車行天下網頁
11.2.1 【案例分析】
11.2.2 【設計理念】
11.2.3 【操作步驟】
11.2.4 【相關工具】
1.調用JavaScript
2.打開瀏覽器窗口
3.轉到 URL
4.播放聲音
5.控制Shockwave或Flash
6.檢查瀏覽器
7.檢查插件
8.檢查表單
9.設置導航欄圖像
10.交換圖像
11.顯示隱藏層
12.拖動層
13.設置容器的文本
14.設置狀態欄文本
15.設置文本域文字
16.設置框架文本
17.跳轉菜單
18.跳轉菜單開始
11.2.5 【實戰演練】--企業宣傳公告網頁
11.3 綜合演練--精品汽車網頁
11.4 綜合演練--美容購物網頁
第12章 網頁代碼
12.1 運動鞋網頁
12.1.1 【案例分析】
12.1.2 【設計理念】
12.1.3 【操作步驟】
12.1.4 【相關工具】
1.使用“參考”面板
2.代碼提示功能
3.使用標簽庫插入標簽
4.使用標簽選擇器插入標簽
5.使用標簽檢查器編輯代碼
6.使用標簽編輯器編輯代碼
12.1.5 【實戰演練】--在線試聽網頁
12.2 健康蔬菜網頁
12.2.1 【案例分析】
12.2.2 【設計理念】
12.2.3 【操作步驟】
1.制作禁止網頁另存為
2.制作禁止使用單擊右鍵
12.2.4 【相關工具】
1.常用的HTML標簽
2.腳本語言
3.響應HTML事件
12.2.5 【實戰演練】--燈具購物網頁
12.3 綜合演練--在線電影網頁
12.4 綜合演練--兒童用品專賣網