Dreamweaver+Photoshop+Flash網(wǎng)頁設(shè)計(jì)從入門到精通

第1篇 網(wǎng)頁制作基礎(chǔ)知識(shí)
第1章 網(wǎng)頁設(shè)計(jì)的一般步驟
1.1 網(wǎng)站的發(fā)布條件
1.2 網(wǎng)站的CI形象設(shè)計(jì)
1.3 規(guī)劃網(wǎng)站的欄目與版塊
1.4 規(guī)劃網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)
1.5 制作頁面效果圖
1.6 制作Flash動(dòng)畫
1.7 切圖
1.8 制作靜態(tài)Web頁面
1.9 添加程序
1.10 發(fā)布Web站點(diǎn)
1.11 推廣和維護(hù)
1.12 小結(jié)
1.13 習(xí)題與思考
第2章 網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)
2.1 萬維網(wǎng)簡(jiǎn)介
2.2 網(wǎng)頁的本質(zhì)
2.3 常用的網(wǎng)頁瀏覽器
2.4 構(gòu)成網(wǎng)頁的文本元素
2.5 構(gòu)成網(wǎng)頁的圖像元素
2.5.1 矢量圖和位圖
2.5.2 網(wǎng)頁設(shè)計(jì)中常用的圖片格式
2.5.3 使用圖片
2.6 構(gòu)成網(wǎng)頁的多媒體元素
2.7 構(gòu)成網(wǎng)頁的互動(dòng)元素
2.8 網(wǎng)頁制作的常用軟件
2.9 小結(jié)
2.10 習(xí)題與思考
第3章 網(wǎng)頁中的色彩
3.1 色彩的基本常識(shí)
3.2 色彩的心情
3.3 網(wǎng)頁色彩搭配的方法
3.3.1 同種色彩的搭配
3.3.2 對(duì)比色彩的搭配
3.3.3 暖色色彩搭配
3.3.4 冷色色彩搭配
3.4 網(wǎng)頁色彩搭配原則
3.4.1 色彩的鮮明性
3.4.2 色彩的獨(dú)特性
3.4.3 色彩的藝術(shù)性
3.4.4 色彩搭配的合理性
3.5 網(wǎng)頁色彩搭配技巧
3.6 網(wǎng)頁色彩搭配的注意事項(xiàng)
3.7 小結(jié)
3.8 習(xí)題與思考
第2篇 Photoshop CS5使用精解
第4章 Photoshop CS5界面與基本操作
4.1 Photoshop CS5界面介紹
4.1.1 菜單欄
4.1.2 工具箱
4.1.3 工具選項(xiàng)欄
4.1.4 調(diào)板
4.1.5 畫布窗口
4.2 Photoshop CS5基本操作
4.2.1 新建文件
4.2.2 打開文件
4.2.3 存儲(chǔ)文件
4.2.4 使用標(biāo)尺、參考線和網(wǎng)格
4.3 選取圖像
4.3.1 選區(qū)的基礎(chǔ)知識(shí)
4.3.2 使用選框工具
4.3.3 使用套索工具
4.3.4 使用魔棒工具
4.3.5 選區(qū)的相加、相減和交叉
4.4 圖像處理
4.4.1 圖像的模式
4.4.2 圖像和畫布的大小
4.4.3 旋轉(zhuǎn)畫布和裁剪圖像
4.4.4 調(diào)整色階
4.4.5 調(diào)整曲線
4.4.6 調(diào)整色彩平衡
4.4.7 調(diào)整色相/飽和度
4.4.8 調(diào)整亮度/對(duì)比度
4.4.9 復(fù)制、粘貼、移動(dòng)圖像
4.5 使用圖層
4.5.1 圖層的基本操作
4.5.2 圖層的分組
4.5.3 圖層的混合模式
4.5.4 圖層的樣式
4.5.5 圖層蒙板
4.6 使用繪圖與圖像編輯工具
4.6.1 畫筆工具
4.6.2 圖章工具
4.6.3 填充工具
4.7 處理文本
4.7.1 文本工具
4.7.2 使用字體
4.7.3 字符和段落調(diào)板
4.8 使用路徑
4.8.1 形狀工具
4.8.2 路徑面板
4.8.3 鋼筆工具
4.8.4 制作路徑文字
4.9 通道
4.10 使用濾鏡
4.10.1 濾鏡工具的操作
4.10.2 濾鏡的使用
4.11 制作GIF動(dòng)畫
4.11.1 動(dòng)畫面板和動(dòng)畫原理
4.11.2 制作GIF動(dòng)畫
4.12 小結(jié)
4.13 習(xí)題與思考
第5章 制作網(wǎng)站Logo
5.1 網(wǎng)站Logo的一般形式
5.2 制作時(shí)尚空間感的文字Logo
5.2.1 制作背景
5.2.2 制作文字內(nèi)容
5.2.3 制作立體感文字
5.2.4 為文字添加空間背景
5.3 制作圖案Logo
5.3.1 制作背景
5.3.2 制作方形效果圖案
5.3.3 調(diào)節(jié)背景顏色和效果
5.3.4 整體調(diào)節(jié)
5.4 圖文結(jié)合Logo
5.5 小結(jié)
5.6 習(xí)題與思考
第6章 制作網(wǎng)站Banner
6.1 制作英文Banner
6.1.1 制作背景
6.1.2 制作文本
6.1.3 制作文本倒影效果
6.1.4 添加背景紋理
6.2 制作中文Banner
6.2.1 制作背景
6.2.2 制作傾斜紋理
6.2.3 制作圖案
6.2.4 制作文字
6.3 小結(jié)
6.4 習(xí)題與思考
第7章 制作網(wǎng)頁導(dǎo)航條
7.1 網(wǎng)頁導(dǎo)航條簡(jiǎn)介
7.2 制作橫向?qū)Ш綏l
7.2.1 制作背景
7.2.2 制作空間效果
7.2.3 添加文本
7.3 制作縱向?qū)Ш綏l
7.3.1 勾勒形狀
7.3.2 制作木板底紋效果
7.3.3 制作其他木板條
7.3.4 繪制文本
7.4 小結(jié)
7.5 習(xí)題與思考
第8章 制作網(wǎng)頁按鈕
8.1 制作文字為主的按鈕
8.1.1 制作背景
8.1.2 制作時(shí)尚漸變圖案
8.1.3 添加文本
8.2 制作圖文結(jié)合的按鈕
8.2.1 制作背景
8.2.2 繪制圖案
8.2.3 添加文本
8.3 小結(jié)
8.4 習(xí)題與思考
第9章 制作區(qū)域框和分隔線
9.1 制作區(qū)域框、分隔線和虛線
9.1.1 制作區(qū)域框
9.1.2 制作分隔線
9.1.3 制作虛線
9.2 制作復(fù)雜邊框
9.3 小結(jié)
9.4 習(xí)題與思考
第10章 制作個(gè)人博客頁面效果圖
10.1 大致構(gòu)架
10.2 制作時(shí)尚標(biāo)題
10.3 制作博客主頭像
10.4 制作導(dǎo)航菜單
10.5 制作搜索欄和分隔符
10.6 制作分欄文本內(nèi)容和日志
10.7 小結(jié)
10.8 習(xí)題與思考
第3篇 Dreamweaver CS5使用精解
第11章 Dreamweaver CS5基礎(chǔ)
11.1 Dreamweaver CS5界面介紹
11.1.1 標(biāo)題欄
11.1.2 菜單欄
11.1.3 文檔窗口
11.1.4 “屬性”面板
11.1.5 面板和面板組
11.2 管理站點(diǎn)
11.2.1 新建站點(diǎn)
11.2.2 管理和編輯站點(diǎn)
11.3 文檔管理與定義頁面屬性
11.3.1 新建文檔
11.3.2 定義頁面屬性
11.3.3 保存和顯示文檔
11.3.4 定義首選參數(shù)
11.4 小結(jié)
11.5 習(xí)題與思考
第12章 使用表格
12.1 表格的基礎(chǔ)知識(shí)
12.2 創(chuàng)建表格
12.3 選擇表格
12.3.1 選擇整個(gè)表格
12.3.2 選擇表格的行或列
12.3.3 選擇單元格
12.4 定義表格屬性
12.4.1 表格的整體屬性
12.4.2 表格的行、列或單元格屬性
12.5 處理表格內(nèi)部元素
12.5.1 添加或刪除行和列
12.5.2 合并和拆分單元格
12.5.3 處理表格元素
12.6 調(diào)整表格的大小
12.6.1 調(diào)整表格的整體大小
12.6.2 調(diào)整表格行或列的大小
12.6.3 清除寬度和高度
12.6.4 沖突的寬度和高度
12.7 嵌套的表格
12.8 使用表格布局
12.9 表格與代碼
12.9.1 表格結(jié)構(gòu)與代碼
12.9.2 表格屬性與代碼
12.10 小結(jié)
12.11 習(xí)題與思考
第13章 文本與圖像
13.1 插入文本
13.1.1 設(shè)置復(fù)制/粘貼參數(shù)
13.1.2 輸入或復(fù)制/粘貼文本
13.1.3 導(dǎo)入Word或者Excel文本
13.2 設(shè)置文本的格式
13.2.1 設(shè)置段落格式
13.2.2 對(duì)齊和縮進(jìn)文本
13.2.3 使用水平分隔線
13.3 定義列表
13.4 定義文本的格式
13.4.1 定義文本的字體和大小
13.4.2 定義文本的顏色
13.4.3 定義文本的格式
13.5 插入日期和字符
13.5.1 插入日期
13.5.2 插入特殊字符
13.6 使用圖像
13.6.1 插入圖像
13.6.2 插入圖像占位符
13.6.3 定義圖像的屬性
13.6.4 定義背景圖像
13.7 小結(jié)
13.8 習(xí)題與思考
第14章 使用表單
14.1 創(chuàng)建表單
14.2 創(chuàng)建表單對(duì)象并定義相關(guān)屬性
14.2.1 創(chuàng)建文本域
14.2.2 創(chuàng)建按鈕
14.2.3 單選按鈕
14.2.4 復(fù)選框
14.2.5 文件域
14.2.6 圖像域
14.2.7 列表/菜單
14.2.8 文本區(qū)域
14.2.9 隱藏域
14.2.10 跳轉(zhuǎn)菜單
14.3 小結(jié)
14.4 習(xí)題與思考
第15章 超鏈接
15.1 鏈接和路徑
15.1.1 超鏈接的概念
15.1.2 路徑
15.2 創(chuàng)建超鏈接
15.2.1 創(chuàng)建到其他文檔的鏈接
15.2.2 創(chuàng)建文檔內(nèi)部的鏈接
15.2.3 創(chuàng)建電子郵件鏈接
15.3 創(chuàng)建圖像鏈接
15.3.1 創(chuàng)建圖像鏈接
15.3.2 創(chuàng)建圖像熱點(diǎn)鏈接
15.4 鏈接管理
15.4.1 定義更新鏈接的首選參數(shù)和緩存
15.4.2 修改和刪除鏈接
15.4.3 檢查鏈接
15.5 小結(jié)
15.6 習(xí)題與思考
第16章 使用Div元素
16.1 插入Div標(biāo)簽
16.2 編輯Div標(biāo)簽
16.3 相鄰和嵌套的Div標(biāo)簽
16.4 AP Div簡(jiǎn)介
16.5 定義AP Div的首選參數(shù)
16.6 插入AP Div
16.7 定義AP Div的屬性
16.7.1 單個(gè)AP Div的屬性
16.7.2 多個(gè)AP Div的屬性
16.8 使用“AP元素”面板
16.9 編輯AP Div
16.10 定義AP Div的層次
16.11 AP Div和表格之間的轉(zhuǎn)換
16.11.1 將AP Div轉(zhuǎn)換為表格
16.11.2 將表格轉(zhuǎn)換為AP Div
16.12 小結(jié)
16.13 習(xí)題與思考
第17章 使用樣式表
17.1 樣式表簡(jiǎn)介
17.1.1 樣式表的概念
17.1.2 樣式表的作用
17.1.3 W3C推薦的頁面布局
17.2 新建CSS樣式
17.2.1 新建CSS樣式
17.2.2 使用類
17.2.3 使用標(biāo)簽
17.2.4 使用ID
17.2.5 使用復(fù)合內(nèi)容
17.3 新建CSS樣式文件和附加樣式
17.3.1 新建CSS樣式文件
17.3.2 使用附加樣式
17.4 使用“CSS樣式”面板
17.5 設(shè)置CSS屬性
17.5.1 類型屬性
17.5.2 背景屬性
17.5.3 區(qū)塊屬性
17.5.4 方框?qū)傩?br /> 17.5.5 邊框?qū)傩?br /> 17.5.6 列表屬性
17.5.7 定位屬性
17.5.8 擴(kuò)展屬性
17.5.9 CSS濾鏡
17.6 定義鏈接的樣式
17.7 小結(jié)
17.8 習(xí)題與思考
第18章 使用行為
18.1 行為簡(jiǎn)介
18.2 創(chuàng)建、修改和刪除行為
18.3 使用行為
18.3.1 交換圖像
18.3.2 打開瀏覽器窗口
18.3.3 拖動(dòng)AP元素
18.3.4 改變屬性
18.3.5 效果
18.3.6 設(shè)置狀態(tài)欄文本
18.4 小結(jié)
18.5 習(xí)題與思考
第19章 使用媒體
19.1 插入Flash
19.2 插入FLV
19.3 插入Shockwave影片
19.4 插入程序和控件
19.5 小結(jié)
19.6 習(xí)題與思考
第4篇 Flash CS5使用精解
第20章 Flash CS5簡(jiǎn)介和基本操作
20.1 Flash CS5界面介紹
20.1.1 舞臺(tái)
20.1.2 時(shí)間軸
20.1.3 圖層
20.1.4 工具箱
20.1.5 “屬性”面板
20.1.6 “顏色”和“樣本”面板
20.1.7 “庫”面板
20.1.8 定義首選參數(shù)
20.2 Flash CS5基本操作
20.2.1 新建和保存文檔
20.2.2 新建圖形元件
20.2.3 新建按鈕元件
20.2.4 新建影片剪輯元件
20.2.5 編輯和刪除元件
20.2.6 創(chuàng)建和編輯元件的實(shí)例
20.2.7 創(chuàng)建補(bǔ)間動(dòng)畫
20.2.8 創(chuàng)建補(bǔ)間形狀
20.2.9 在關(guān)鍵幀中添加動(dòng)作
20.2.10 在元件實(shí)例中添加動(dòng)作
20.2.11 測(cè)試影片
20.2.12 發(fā)布和導(dǎo)出影片
20.3 制作動(dòng)畫
20.3.1 制作引導(dǎo)層動(dòng)畫
20.3.2 制作遮罩層動(dòng)畫
20.3.3 制作逐幀動(dòng)畫
20.4 繪圖和處理圖片
20.4.1 繪圖模型
20.4.2 使用鉛筆和刷子工具
20.4.3 使用線條和形狀工具
20.4.4 使用鋼筆工具
20.4.5 使用選取和選區(qū)工具
20.4.6 定義邊框和填充顏色
20.4.7 定義漸變顏色
20.4.8 導(dǎo)入圖像
20.4.9 設(shè)置和編輯位圖
20.4.10 分離位圖和將位圖轉(zhuǎn)換為矢量圖
20.4.11 組合對(duì)象
20.4.12 處理對(duì)象
20.5 使用文本
20.5.1 創(chuàng)建文本
20.5.2 定義文本的屬性
20.5.3 拼寫設(shè)置
20.5.4 分離文本
20.6 使用聲音
20.6.1 添加聲音
20.6.2 控制聲音的播放
20.6.3 壓縮聲音
20.7 使用視頻
20.8 小結(jié)
20.9 習(xí)題與思考
第21章 制作網(wǎng)頁Logo
21.1 制作殘影文字Logo
21.1.1 制作殘影效果
21.1.2 制作閃光效果
21.2 制作滾動(dòng)文字Logo
21.3 環(huán)繞圖案Logo
21.3.1 制作按鈕
21.3.2 制作影片剪輯
21.3.3 制作影片
21.4 小結(jié)
21.5 習(xí)題與思考
第22章 制作Banner
22.1 制作舞臺(tái)Banner
22.1.1 制作圖像顯示效果
22.1.2 制作文本效果
22.2 制作下雪Banner
22.2.1 制作雪花動(dòng)畫
22.2.2 制作動(dòng)畫
22.3 制作產(chǎn)品Banner
22.4 小結(jié)
22.5 習(xí)題與思考
第23章 制作導(dǎo)航條
23.1 制作垂直導(dǎo)航條
23.1.1 制作導(dǎo)航條背景
23.1.2 制作導(dǎo)航動(dòng)畫
23.1.3 制作動(dòng)畫中的腳本
23.1.4 完成動(dòng)畫
23.2 制作橫向?qū)Ш綑?br /> 23.2.1 制作導(dǎo)航按鈕
23.2.2 制作動(dòng)畫
23.3 制作含有二級(jí)菜單的導(dǎo)航條
23.3.1 制作影片剪輯
23.3.2 制作動(dòng)畫
23.4 小結(jié)
23.5 習(xí)題與思考
第24章 制作Loading
24.1 制作Loading的原理
24.2 制作百分比進(jìn)度條的Loading
24.3 制作逐漸顯示的Loading
24.4 制作顯示動(dòng)畫的Loading
24.5 小結(jié)
24.6 習(xí)題與思考
第25章 制作廣告動(dòng)畫
25.1 制作節(jié)日廣告
25.1.1 制作背景動(dòng)畫
25.1.2 制作燈籠動(dòng)畫
25.1.3 制作爆竹動(dòng)畫
25.1.4 制作文本動(dòng)畫
25.1.5 完成動(dòng)畫
25.2 制作對(duì)聯(lián)廣告
25.3 制作產(chǎn)品廣告
25.3.1 制作汽車動(dòng)畫
25.3.2 制作遮罩動(dòng)畫
25.3.3 完成動(dòng)畫
25.4 小結(jié)
25.5 習(xí)題與思考
第5篇 綜合應(yīng)用--首頁的制作
第26章 制作企業(yè)站點(diǎn)
26.1 制作站點(diǎn)效果圖
26.1.1 制作背景
26.1.2 制作頂部?jī)?nèi)容
26.1.3 制作頁面導(dǎo)航
26.1.4 制作中部導(dǎo)航
26.1.5 制作左側(cè)導(dǎo)航和列表
26.1.6 制作右側(cè)欄內(nèi)容
26.1.7 制作底部?jī)?nèi)容
26.2 制作Flash動(dòng)畫
26.2.1 Loading部分
26.2.2 背景部分
26.2.3 制作文字部分動(dòng)畫
26.2.4 按鈕部分
26.2.5 導(dǎo)航條的制作
26.2.6 導(dǎo)入音頻完成動(dòng)畫
26.3 制作Web頁面
26.3.1 切圖和規(guī)劃站點(diǎn)
26.3.2 制作頁面背景和基礎(chǔ)樣式
26.3.3 制作頁面內(nèi)容
26.3.4 制作頁面底部
26.4 小結(jié)