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

第1部分 網(wǎng)絡(luò)知識(shí)基礎(chǔ)篇
第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)概述
1.1 全面認(rèn)識(shí)網(wǎng)頁(yè)
1.1.1 網(wǎng)站、網(wǎng)頁(yè)和主頁(yè)
1.1.2 HTML的組成及語(yǔ)法
1.1.3 網(wǎng)頁(yè)設(shè)計(jì)的基本原則
1.2 網(wǎng)頁(yè)制作的常用軟件
1.2.1 網(wǎng)頁(yè)布局軟件Dreamweaver CS
1.2.2 圖形圖像處理軟件Photoshop CS
1.2.3 動(dòng)畫(huà)制作軟件Flash CS
1.2.4 軟件間的相互關(guān)系
1.3 網(wǎng)站設(shè)計(jì)的流程
1.3.1 注冊(cè)域名與申請(qǐng)空間
1.3.2 新建站點(diǎn)與收集資源
1.3.3 實(shí)現(xiàn)FTP服務(wù)器的上傳與下載
1.4 網(wǎng)頁(yè)的基本組成元素
1.4.1 網(wǎng)頁(yè)中的文本
1.4.2 網(wǎng)頁(yè)中的圖片與動(dòng)畫(huà)
1.4.3 網(wǎng)頁(yè)中的動(dòng)畫(huà)
1.5 申請(qǐng)免費(fèi)空間與發(fā)布網(wǎng)站
1.5.1 申請(qǐng)免費(fèi)空間流程
1.5.2 在免費(fèi)空間發(fā)布網(wǎng)站
1.5.3 網(wǎng)站的宣傳與推廣
1.6 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
第2章 網(wǎng)頁(yè)配色基礎(chǔ)知識(shí)
2.1 網(wǎng)頁(yè)配色基礎(chǔ)
2.1.1 網(wǎng)頁(yè)中的顏色搭配與原理
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 按顏色對(duì)比進(jìn)行配色
2.3.3 配色后的修飾
2.4 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
第2部分 網(wǎng)頁(yè)編輯基礎(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)頁(yè)文檔的基本操作
3.2.1 創(chuàng)建網(wǎng)頁(yè)文檔
3.2.2 打開(kāi)網(wǎng)頁(yè)文檔
3.2.3 保存網(wǎng)頁(yè)文檔
3.2.4 預(yù)覽網(wǎng)頁(yè)
3.2.5 設(shè)置頁(yè)面屬性
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 通過(guò)表格構(gòu)造網(wǎng)頁(yè)布局
3.5 Dreamweaver CS3中的表單應(yīng)用
3.5.1 創(chuàng)建HTML表單
3.5.2 設(shè)計(jì)一個(gè)用戶注冊(cè)頁(yè)面的完整表單
3.5.3 跳轉(zhuǎn)菜單的設(shè)計(jì)
3.6 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
第4章 Dreamweaver CS3應(yīng)用詳解
4.1 框架與框架集
4.1.1 創(chuàng)建保存框架與框架集
4.1.2 制作框架頁(yè)面
4.1.3 Iframe標(biāo)記功能
4.2 在Dreamweaver CS3中創(chuàng)建超鏈接
4.2.1 設(shè)置頁(yè)面超鏈接
4.2.2 設(shè)置下載文件超鏈接
4.2.3 設(shè)置E-mail超鏈接
4.2.4 設(shè)置圖片超鏈接
4.2.5 在網(wǎng)頁(yè)中使用錨記
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)頁(yè)中使用層和行為
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 模板和庫(kù)的應(yīng)用
4.5.1 模板概述
4.5.2 模板的使用
4.5.3 定制庫(kù)項(xiàng)目
4.5.4 編輯和使用庫(kù)
4.6 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wè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中的常見(jiàn)濾鏡
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)積累
知識(shí)問(wè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)積累
知識(shí)問(wè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)頁(yè)中的偏色圖片
7.3 應(yīng)用通道
7.3.1 通道的概念
7.3.2 通道的操作
7.3.3 專色通道
7.3.4 實(shí)例：對(duì)網(wǎng)頁(yè)中的圖片進(jìn)行處理
7.4 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
第8章 Flash CS3使用基礎(chǔ)
8.1 熟悉Flash CS3的工作界面
8.1.1 Flash動(dòng)畫(huà)概述
8.1.2 Flash的動(dòng)畫(huà)類型
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 對(duì)象的變形
8.3 元件、實(shí)例與元件庫(kù)
8.3.1 元件的類型與創(chuàng)建
8.3.2 元件庫(kù)的類型
8.3.3 將元件庫(kù)中的元件添加到舞臺(tái)中
8.3.4 元件庫(kù)面板操作
8.3.5 編輯舞臺(tái)中的實(shí)例
8.4 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
第9章 Flash CS3動(dòng)畫(huà)制作
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簡(jiǎn)介
9.2.2 將ActionScript建立在幀中
9.2.3 將ActionScript建立在影片剪輯中
9.3 Flash CS3中的影音特效
9.3.1 添加聲音元件至按鈕
9.3.2 拖動(dòng)圖庫(kù)中的聲音元件至舞臺(tái)
9.3.3 設(shè)置聲音的淡入淡出
9.3.4 設(shè)置聲音的同步
9.4 測(cè)試與發(fā)布影片
9.4.1 優(yōu)化與測(cè)試影片
9.4.2 Flash CS3文檔的導(dǎo)出格式
9.4.3 發(fā)布Flash CS3文檔
9.5 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
第10章 在Dreamweaver CS3中插入動(dòng)畫(huà)
10.1 插入Flash對(duì)象
10.1.1 插入Flash按鈕
10.1.2 插入Flash文本
10.1.3 插入Flash動(dòng)畫(huà)
10.1.4 插入Flash視頻
10.1.5 插入FlashPaper
10.2 插入其他媒體對(duì)象
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)積累
知識(shí)問(wèn)答
第3部分 綜合網(wǎng)站實(shí)戰(zhàn)篇
第11章 構(gòu)建房地產(chǎn)類網(wǎng)站
11.1 實(shí)例分析
11.1.1 背景概述
11.1.2 實(shí)例簡(jiǎn)介
11.2 主要知識(shí)點(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ì)頁(yè)面效果
11.4.1 設(shè)置背景圖片
11.4.2 添加廣告語(yǔ)
11.4.3 制作網(wǎng)站的Logo
11.4.4 對(duì)圖片進(jìn)行裁剪
11.4.5 制作新聞元素
11.5 在Flash CS3中編輯網(wǎng)頁(yè)動(dòng)畫(huà)
11.5.1 制作網(wǎng)頁(yè)導(dǎo)航欄
11.5.2 設(shè)計(jì)文字滾動(dòng)效果
11.5.3 制作Flash動(dòng)畫(huà)
11.6 在Dreamweaver CS3中編輯網(wǎng)頁(yè)
11.6.1 創(chuàng)建并設(shè)置站點(diǎn)
11.6.2 設(shè)置頁(yè)面屬性
11.6.3 布局網(wǎng)頁(yè)
11.6.4 添加Flash CS3動(dòng)畫(huà)
11.6.5 添加圖片和文字
11.6.6 添加新聞資訊
11.6.7 網(wǎng)頁(yè)底部制作
11.6.8 創(chuàng)建超鏈接
11.7 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
實(shí)例拓展
第12章 構(gòu)建IT類商務(wù)網(wǎng)站
12.1 實(shí)例分析
12.1.1 背景概述
12.1.2 實(shí)例簡(jiǎn)介
12.2 主要知識(shí)點(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ì)頁(yè)面效果
12.4.1 設(shè)計(jì)頁(yè)面頂部顯示部分
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 制作頁(yè)面底部效果
12.4.8 對(duì)圖片進(jìn)行裁剪
12.5 在Flash CS3中編輯網(wǎng)頁(yè)動(dòng)畫(huà)
12.5.1 設(shè)計(jì)圖片動(dòng)畫(huà)展示效果
12.5.2 在Flash CS3中設(shè)計(jì)Banner動(dòng)畫(huà)
12.6 在Dreamweaver CS3中編輯網(wǎng)頁(yè)
12.6.1 添加Logo與頂部導(dǎo)航
12.6.2 添加Flash動(dòng)畫(huà)
12.6.3 添加其他鏈接和欄目
12.6.4 添加圖片與文字
12.6.5 添加友情鏈接
12.7 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
實(shí)例拓展
第13章 構(gòu)建公益類愛(ài)心100網(wǎng)站
13.1 實(shí)例分析
13.1.1 背景概述
13.1.2 實(shí)例簡(jiǎn)介
13.2 主要知識(shí)點(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ì)頁(yè)面效果
13.4.1 設(shè)計(jì)頁(yè)面背景和頂部顯示部分
13.4.2 設(shè)計(jì)Logo、Banner和導(dǎo)航欄
13.4.3 設(shè)計(jì)公告欄面板
13.4.4 設(shè)計(jì)欄目圖片元素
13.4.5 對(duì)圖片進(jìn)行裁剪
13.5 在Flash CS3中編輯網(wǎng)頁(yè)動(dòng)畫(huà)
13.5.1 設(shè)計(jì)圖片動(dòng)畫(huà)展示效果
13.5.2 設(shè)計(jì)廣告語(yǔ)效果
13.6 在Dreamweaver CS3中編輯網(wǎng)頁(yè)
13.6.1 添加Logo與頂部導(dǎo)航
13.6.2 添加左側(cè)表格
13.6.3 添加Flash動(dòng)畫(huà)和廣告語(yǔ)
13.6.4 添加右側(cè)表格
13.6.5 添加底部導(dǎo)航和版權(quán)信息
13.7 總結(jié)與經(jīng)驗(yàn)積累
知識(shí)問(wèn)答
實(shí)例拓展