Dreamweaver+Photoshop+Flash網(wǎng)頁設(shè)計(jì)全方位學(xué)習(xí)

第1部分 網(wǎng)絡(luò)知識基礎(chǔ)篇
第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)概述
1.1 全面認(rèn)識網(wǎng)頁
1.1.1 網(wǎng)站、網(wǎng)頁和主頁
1.1.2 HTML的組成及語法
1.1.3 網(wǎng)頁設(shè)計(jì)的基本原則
1.2 網(wǎng)頁制作的常用軟件
1.2.1 網(wǎng)頁布局軟件Dreamweaver CS
1.2.2 圖形圖像處理軟件Photoshop CS
1.2.3 動(dòng)畫制作軟件Flash CS
1.2.4 軟件間的相互關(guān)系
1.3 網(wǎng)站設(shè)計(jì)的流程
1.3.1 注冊域名與申請空間
1.3.2 新建站點(diǎn)與收集資源
1.3.3 實(shí)現(xiàn)FTP服務(wù)器的上傳與下載
1.4 網(wǎng)頁的基本組成元素
1.4.1 網(wǎng)頁中的文本
1.4.2 網(wǎng)頁中的圖片與動(dòng)畫
1.4.3 網(wǎng)頁中的動(dòng)畫
1.5 申請免費(fèi)空間與發(fā)布網(wǎng)站
1.5.1 申請免費(fèi)空間流程
1.5.2 在免費(fèi)空間發(fā)布網(wǎng)站
1.5.3 網(wǎng)站的宣傳與推廣
1.6 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第2章 網(wǎng)頁配色基礎(chǔ)知識
2.1 網(wǎng)頁配色基礎(chǔ)
2.1.1 網(wǎng)頁中的顏色搭配與原理
2.1.2 RGB顏色和色環(huán)
2.1.3 不同顏色的含義
2.2 按網(wǎng)站風(fēng)格進(jìn)行配色
2.2.1 清爽風(fēng)格
2.2.2 活潑風(fēng)格
2.2.3 商業(yè)風(fēng)格
2.2.4 古典風(fēng)格
2.2.5 科技金屬風(fēng)格
2.3 網(wǎng)站配色的一些參考
2.3.1 按企業(yè)形象進(jìn)行配色
2.3.2 按顏色對比進(jìn)行配色
2.3.3 配色后的修飾
2.4 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第2部分 網(wǎng)頁編輯基礎(chǔ)篇
第3章 Dreamweaver CS3使用基礎(chǔ)
3.1 Dreamweaver CS3的工作界面
3.1.1 標(biāo)題欄、工具欄和菜單欄
3.1.2 “屬性”面板和右側(cè)面板組
3.1.3 文檔窗口和狀態(tài)欄
3.2 網(wǎng)頁文檔的基本操作
3.2.1 創(chuàng)建網(wǎng)頁文檔
3.2.2 打開網(wǎng)頁文檔
3.2.3 保存網(wǎng)頁文檔
3.2.4 預(yù)覽網(wǎng)頁
3.2.5 設(shè)置頁面屬性
3.3 網(wǎng)站規(guī)劃和站點(diǎn)創(chuàng)建
3.3.1 站點(diǎn)規(guī)劃
3.3.2 創(chuàng)建本地站點(diǎn)
3.3.3 管理本地站點(diǎn)
3.3.4 站點(diǎn)地圖
3.4 文本和表格的應(yīng)用
3.4.1 輸入和編輯文本
3.4.2 設(shè)置文本屬性
3.4.3 插入表格和修改表格
3.4.4 表格屬性的設(shè)置
3.4.5 嵌套表格
3.4.6 通過表格構(gòu)造網(wǎng)頁布局
3.5 Dreamweaver CS3中的表單應(yīng)用
3.5.1 創(chuàng)建HTML表單
3.5.2 設(shè)計(jì)一個(gè)用戶注冊頁面的完整表單
3.5.3 跳轉(zhuǎn)菜單的設(shè)計(jì)
3.6 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第4章 Dreamweaver CS3應(yīng)用詳解
4.1 框架與框架集
4.1.1 創(chuàng)建保存框架與框架集
4.1.2 制作框架頁面
4.1.3 Iframe標(biāo)記功能
4.2 在Dreamweaver CS3中創(chuàng)建超鏈接
4.2.1 設(shè)置頁面超鏈接
4.2.2 設(shè)置下載文件超鏈接
4.2.3 設(shè)置E-mail超鏈接
4.2.4 設(shè)置圖片超鏈接
4.2.5 在網(wǎng)頁中使用錨記
4.3 應(yīng)用CSS樣式表
4.3.1 新CSS樣式表的創(chuàng)建
4.3.2 定義CSS樣式表的參數(shù)
4.3.3 應(yīng)用CSS樣式
4.4 在網(wǎng)頁中使用層和行為
4.4.1 層與“層”面板
4.4.2 層的創(chuàng)建與基本操作
4.4.3 轉(zhuǎn)換層與表格
4.4.4 應(yīng)用行為
4.4.5 Dreamweaver CS3中的內(nèi)置行為
4.5 模板和庫的應(yīng)用
4.5.1 模板概述
4.5.2 模板的使用
4.5.3 定制庫項(xiàng)目
4.5.4 編輯和使用庫
4.6 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第5章 Photoshop CS3使用基礎(chǔ)
5.1 Photoshop CS3中的常用工具
5.1.1 選擇工具
5.1.2 裁剪和切片工具
5.1.3 修飾工具
5.1.4 其他常用工具
5.2 Photoshop CS3中的常用面板
5.2.1 “圖層”面板與“樣式”面板
5.2.2 “通道”面板
5.2.3 “歷史記錄”面板
5.2.4 “路徑”面板
5.3 Photoshop CS3中的常見濾鏡
5.3.1 扭曲濾鏡組
5.3.2 模糊濾鏡組
5.3.3 渲染濾鏡組
5.3.4 素描濾鏡組
5.3.5 紋理濾鏡組
5.3.6 風(fēng)格化濾鏡組
5.3.7 視頻濾鏡組
5.3.8 雜色濾鏡組
5.3.9 數(shù)字水印濾鏡組
5.3.10 其他濾鏡組
5.4 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第6章 應(yīng)用文字和圖層
6.1 在Photoshop CS3中創(chuàng)建文字
6.1.1 文字工具
6.1.2 創(chuàng)建文字
6.1.3 創(chuàng)建文字選區(qū)
6.1.4 文字的變形
6.1.5 實(shí)例：特殊文字效果
6.2 Photoshop CS3中圖層的應(yīng)用
6.2.1 圖層的基本操作
6.2.2 圖層的混合模式
6.2.3 實(shí)例：背景特效制作
6.3 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第7章 應(yīng)用路徑、色彩和通道
7.1 在Photoshop CS3中創(chuàng)建路徑
7.1.1 路徑的概念
7.1.2 使用路徑工具
7.1.3 編輯路徑
7.1.4 實(shí)例：繪制網(wǎng)站Logo
7.2 調(diào)整圖像色彩和色調(diào)
7.2.1 調(diào)整圖像的色彩
7.2.2 調(diào)整圖像的色調(diào)
7.2.3 實(shí)例：校正網(wǎng)頁中的偏色圖片
7.3 應(yīng)用通道
7.3.1 通道的概念
7.3.2 通道的操作
7.3.3 專色通道
7.3.4 實(shí)例：對網(wǎng)頁中的圖片進(jìn)行處理
7.4 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第8章 Flash CS3使用基礎(chǔ)
8.1 熟悉Flash CS3的工作界面
8.1.1 Flash動(dòng)畫概述
8.1.2 Flash的動(dòng)畫類型
8.1.3 標(biāo)題欄、菜單欄和工具欄
8.1.4 繪圖工具箱
8.1.5 “時(shí)間軸”面板
8.1.6 舞臺(tái)和工作區(qū)
8.1.7 “屬性”面板
8.2 Flash CS3中的常用工具
8.2.1 線條工具、橢圓工具和矩形工具
8.2.2 鉛筆工具、鋼筆工具和橡皮擦工具
8.2.3 填充圖形
8.2.4 文本的添加與編輯
8.2.5 對象的變形
8.3 元件、實(shí)例與元件庫
8.3.1 元件的類型與創(chuàng)建
8.3.2 元件庫的類型
8.3.3 將元件庫中的元件添加到舞臺(tái)中
8.3.4 元件庫面板操作
8.3.5 編輯舞臺(tái)中的實(shí)例
8.4 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第9章 Flash CS3動(dòng)畫制作
9.1 時(shí)間軸和幀
9.1.1 什么是時(shí)間軸和幀
9.1.2 添加、選擇并移動(dòng)幀
9.1.3 幀的刪除與清除
9.1.4 轉(zhuǎn)換關(guān)鍵幀為普通幀
9.1.5 翻轉(zhuǎn)幀與更改幀頻
9.1.6 洋蔥皮與時(shí)間軸特效
9.2 ActionScript腳本應(yīng)用
9.2.1 ActionScript簡介
9.2.2 將ActionScript建立在幀中
9.2.3 將ActionScript建立在影片剪輯中
9.3 Flash CS3中的影音特效
9.3.1 添加聲音元件至按鈕
9.3.2 拖動(dòng)圖庫中的聲音元件至舞臺(tái)
9.3.3 設(shè)置聲音的淡入淡出
9.3.4 設(shè)置聲音的同步
9.4 測試與發(fā)布影片
9.4.1 優(yōu)化與測試影片
9.4.2 Flash CS3文檔的導(dǎo)出格式
9.4.3 發(fā)布Flash CS3文檔
9.5 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第10章 在Dreamweaver CS3中插入動(dòng)畫
10.1 插入Flash對象
10.1.1 插入Flash按鈕
10.1.2 插入Flash文本
10.1.3 插入Flash動(dòng)畫
10.1.4 插入Flash視頻
10.1.5 插入FlashPaper
10.2 插入其他媒體對象
10.2.1 插入Shockwave
10.2.2 插入ActiveX
10.2.3 插入JavaApplet
10.2.4 插入插件
10.3 插入聲音
10.3.1 嵌入聲音文件
10.3.2 鏈接到聲音文件
10.4 總結(jié)與經(jīng)驗(yàn)積累
知識問答
第3部分 綜合網(wǎng)站實(shí)戰(zhàn)篇
第11章 構(gòu)建房地產(chǎn)類網(wǎng)站
11.1 實(shí)例分析
11.1.1 背景概述
11.1.2 實(shí)例簡介
11.2 主要知識點(diǎn)
11.3 設(shè)計(jì)流程
11.3.1 收集資料
11.3.2 網(wǎng)站規(guī)劃
11.3.3 制作網(wǎng)站
11.4 在Photoshop CS3中設(shè)計(jì)頁面效果
11.4.1 設(shè)置背景圖片
11.4.2 添加廣告語
11.4.3 制作網(wǎng)站的Logo
11.4.4 對圖片進(jìn)行裁剪
11.4.5 制作新聞元素
11.5 在Flash CS3中編輯網(wǎng)頁動(dòng)畫
11.5.1 制作網(wǎng)頁導(dǎo)航欄
11.5.2 設(shè)計(jì)文字滾動(dòng)效果
11.5.3 制作Flash動(dòng)畫
11.6 在Dreamweaver CS3中編輯網(wǎng)頁
11.6.1 創(chuàng)建并設(shè)置站點(diǎn)
11.6.2 設(shè)置頁面屬性
11.6.3 布局網(wǎng)頁
11.6.4 添加Flash CS3動(dòng)畫
11.6.5 添加圖片和文字
11.6.6 添加新聞資訊
11.6.7 網(wǎng)頁底部制作
11.6.8 創(chuàng)建超鏈接
11.7 總結(jié)與經(jīng)驗(yàn)積累
知識問答
實(shí)例拓展
第12章 構(gòu)建IT類商務(wù)網(wǎng)站
12.1 實(shí)例分析
12.1.1 背景概述
12.1.2 實(shí)例簡介
12.2 主要知識點(diǎn)
12.3 設(shè)計(jì)流程
12.3.1 收集資料
12.3.2 網(wǎng)站規(guī)劃
12.3.3 制作網(wǎng)站
12.4 在Photoshop CS3中設(shè)計(jì)頁面效果
12.4.1 設(shè)計(jì)頁面頂部顯示部分
12.4.2 設(shè)置導(dǎo)航欄和Banner效果圖
12.4.3 設(shè)計(jì)用戶登錄面板
12.4.4 設(shè)置商品鏈接面板
12.4.5 設(shè)計(jì)新聞面板
12.4.6 設(shè)計(jì)公告欄面板
12.4.7 制作頁面底部效果
12.4.8 對圖片進(jìn)行裁剪
12.5 在Flash CS3中編輯網(wǎng)頁動(dòng)畫
12.5.1 設(shè)計(jì)圖片動(dòng)畫展示效果
12.5.2 在Flash CS3中設(shè)計(jì)Banner動(dòng)畫
12.6 在Dreamweaver CS3中編輯網(wǎng)頁
12.6.1 添加Logo與頂部導(dǎo)航
12.6.2 添加Flash動(dòng)畫
12.6.3 添加其他鏈接和欄目
12.6.4 添加圖片與文字
12.6.5 添加友情鏈接
12.7 總結(jié)與經(jīng)驗(yàn)積累
知識問答
實(shí)例拓展
第13章 構(gòu)建公益類愛心100網(wǎng)站
13.1 實(shí)例分析
13.1.1 背景概述
13.1.2 實(shí)例簡介
13.2 主要知識點(diǎn)
13.3 設(shè)計(jì)流程
13.3.1 收集資料
13.3.2 網(wǎng)站規(guī)劃
13.3.3 制作網(wǎng)站
13.4 在Photoshop CS3中設(shè)計(jì)頁面效果
13.4.1 設(shè)計(jì)頁面背景和頂部顯示部分
13.4.2 設(shè)計(jì)Logo、Banner和導(dǎo)航欄
13.4.3 設(shè)計(jì)公告欄面板
13.4.4 設(shè)計(jì)欄目圖片元素
13.4.5 對圖片進(jìn)行裁剪
13.5 在Flash CS3中編輯網(wǎng)頁動(dòng)畫
13.5.1 設(shè)計(jì)圖片動(dòng)畫展示效果
13.5.2 設(shè)計(jì)廣告語效果
13.6 在Dreamweaver CS3中編輯網(wǎng)頁
13.6.1 添加Logo與頂部導(dǎo)航
13.6.2 添加左側(cè)表格
13.6.3 添加Flash動(dòng)畫和廣告語
13.6.4 添加右側(cè)表格
13.6.5 添加底部導(dǎo)航和版權(quán)信息
13.7 總結(jié)與經(jīng)驗(yàn)積累
知識問答
實(shí)例拓展