網(wǎng)頁設(shè)計(jì)基礎(chǔ)教程與上機(jī)指導(dǎo)

第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)
1. 1 Internet基礎(chǔ)
1. 1. 1 了解因特網(wǎng)
1. 1. 2 Web的特性
1. 2 設(shè)計(jì)你的網(wǎng)頁
1. 2. 1 網(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)
1. 2. 2 設(shè)計(jì)元素的合理運(yùn)用
1. 3 上機(jī)指導(dǎo)：優(yōu)秀網(wǎng)站設(shè)計(jì)賞析
1. 4 習(xí)題
第2章 網(wǎng)頁制作常用工具概述
2. 1 DreamweaverMX工作界面功能剖析
2. 1. 1 DreamweaverMX簡述
2. 1. 2 操作界面介紹
2. 1. 3 屬性面板和文檔工具組
2. 1. 4 Sites面板
2. 1. 5 快捷鍵編輯器
2. 2 Photoshop 7. 0工作界面
2. 2. 1 Photoshop 7. 0簡述
2. 2. 2 操作界面介紹
2. 2. 3 工具箱
2. 2. 4 [圖層]面板
2. 2. 5 [通道]面板
2. 2. 6 [路徑]面板
2. 2. 7 [歷史記錄]面板
2. 3 FlashMX工作界面
2. 3. 1 FlashMX簡述
2. 3. 2 操作界面介紹
2. 3. 3 Tools面板
2. 3. 4 Properties面板
2. 3. 5 Timeline面板
2. 3. 6 面板組
2. 4 FireworksMX工作界面
2. 4. 1 FireworksMX簡述
2. 4. 2 操作界面介紹
2. 4. 3 Tools面板
2. 4. 4 與其他應(yīng)用程序的結(jié)合
2. 5 上機(jī)指導(dǎo)
2. 5. 1 制作一個(gè)簡單網(wǎng)頁
2. 5. 2 制作網(wǎng)頁宣傳海報(bào)
2. 5. 3 制作變形動(dòng)畫
2. 6 習(xí)題
第3章 網(wǎng)頁文本的編輯和控制
3. 1 文本編輯
3. 1. 1 文本輸入
3. 1. 2 文章段落
3. 2 文本屬性設(shè)置
3. 2. 1 文本屬性面板
3. 2. 2 文本格式設(shè)置
3. 2. 3 文本列表創(chuàng)建
3. 3 CSS精確控制文檔屬性
3. 3. 1 HTMLStyle應(yīng)用
3. 3. 2 CSS精確定義文字大小
3. 3. 3 CSS修改與刪除
3. 3. 4 文字間距行距控制
3. 3. 5 重新定義HTML標(biāo)簽
3. 3. 6 背景應(yīng)用浮水印效果
3. 3. 7 添加條列式圖案
3. 4 上機(jī)指導(dǎo)：制作多媒體網(wǎng)頁文本
3. 4. 1 網(wǎng)頁中輸入文本
3. 4. 2 文本屬性設(shè)置
3. 5 習(xí)題
第4章 文本編排和表格運(yùn)用
4. 1 插入分隔線
4. 1. 1 分隔線的添加
4. 1. 2 屬性修改
4. 2 表格應(yīng)用
4. 2. 1 表格插入
4. 2. 2 表格設(shè)置面板
4. 2. 3 單元格設(shè)置
4. 2. 4 表格配色模板
4. 2. 5 表格排版應(yīng)用
4. 2. 6 進(jìn)一步美化表格
4. 2. 7 排版視圖工具
4. 2. 8 標(biāo)尺與輔助線
4. 3 框架運(yùn)用
4. 3. 1 建立框架結(jié)構(gòu)
4. 3. 2 設(shè)置框架屬性
4. 3. 3 框架超鏈接
4. 4 上機(jī)指導(dǎo)
4. 4. 1 制作邊框?yàn)?像素的表格
4. 4. 2 無縫表格制作
4. 5 習(xí)題
第5章 在網(wǎng)頁中插入圖片
5. 1 網(wǎng)頁屬性設(shè)置
5. 1. 1 網(wǎng)頁基本設(shè)置
5. 1. 2 插入網(wǎng)頁背景圖像
5. 2 圖像插入與應(yīng)用
5. 2. 1 插入圖像
5. 2. 2 圖像屬性面板介紹
5. 2. 3 圖像文字排列方式
5. 2. 4 文字代替圖像
5. 2. 5 低分辨率到高分辨率圖片顯示
5. 2. 6 圖像超鏈接
5. 2. 7 圖片交替
5. 2. 8 圖像編輯器設(shè)定
5. 3 上機(jī)指導(dǎo)：制作首頁和站點(diǎn)管理器的運(yùn)用
5. 3. 1 制作首頁
5. 3. 2 站點(diǎn)管理器的運(yùn)用
5. 4 習(xí)題
第6章 網(wǎng)頁圖像處理基礎(chǔ)
6. 1 文件與窗口操作
6. 1. 1 文件的創(chuàng)建與畫布尺寸設(shè)置
6. 1. 2 圖像尺寸與分辨率設(shè)置
6. 1. 3 文件保存與打開
6. 1. 4 圖像窗口操作
6. 1. 5 輔助工具使用
6. 2 圖像范圍工具
6. 2. 1 移動(dòng)工具與裁切工具
6. 2. 2 魔術(shù)棒選取工具
6. 2. 3 套索工具
6. 2. 4 羽化選取范圍
6. 2. 5 選區(qū)范圍控制
6. 3 上機(jī)指導(dǎo)合成圖像
6. 3. 1 摳圖
6. 3. 2 筆刷與填充工具運(yùn)用
6. 3. 3 橡皮圖章與減淡. 加深工具運(yùn)用
6. 4 習(xí)題
第7章 網(wǎng)頁圖像色彩調(diào)整
7. 1 關(guān)于顏色
7. 1. 1 顏色調(diào)節(jié)
7. 1. 2 顏色模式
7. 1. 3 選取顏色
7. 2 圖像色調(diào)調(diào)整
7. 2. 1 色階調(diào)整
7. 2. 2 自動(dòng)控制色調(diào)
7. 2. 3 自動(dòng)對(duì)比
7. 2. 4 色調(diào)曲線調(diào)整
7. 3 特殊色調(diào)調(diào)整
7. 3. 1 顏色反相
7. 3. 2 色調(diào)均化
7. 3. 3 色調(diào)分離
7. 3. 4 去色
7. 3. 5 圖像閾值
7. 4 圖像色彩控制
7. 4. 1 色彩平衡控制
7. 4. 2 亮度和對(duì)比度控制
7. 4. 3 色相與飽和度控制
7. 4. 4 替換顏色與可選顏色
7. 4. 5 變換顏色
7. 5 上機(jī)指導(dǎo)：圖像特效處理
7. 5. 1 圖片顏色調(diào)整
7. 5. 2 制作霓虹燈字
7. 6 習(xí)題
第8章 綜合處理圖像
8. 1 酷圖制作范例
8. 1. 1 圖層疊加特效
8. 1. 2 網(wǎng)格線制作
8. 1. 3 羽化效果
8. 1. 4 文字添加
8. 2 導(dǎo)航欄制作范例
8. 2. 1 基本輪廓制作
8. 2. 2 立體底面制作
8. 2. 3 添加按鈕
8. 2. 4 后期處理
8. 3 透明按鈕制作范例
8. 4 上機(jī)指導(dǎo)：復(fù)古式金屬界面制作
8. 4. 1 界面制作前期規(guī)劃
8. 4. 2 頂部裝飾物制作
8. 4. 3 中心工作區(qū)制作
8. 4. 4 寶石裝飾
8. 4. 5 底部支架
8. 5 習(xí)題
第9章 Web圖像與GIF動(dòng)畫
9. 1 ImageReady7. 0簡介
9. 1. 1 ImageReady 7. 0簡介
9. 1. 2 ImageReady 7. 0的操作界面
9. 2 切片
9. 2. 1 切片工具組
9. 2. 2 [切片]面板
9. 2. 3 創(chuàng)建切片
9. 3 圖像映射
9. 3. 1 圖像映射工具
9. 3. 2 [圖像映射]面板
9. 3. 3 創(chuàng)建圖像映射
9. 4 制作動(dòng)畫
9. 5 優(yōu)化和輸出圖像
9. 6 上機(jī)指導(dǎo)
9. 6. 1 制作跑動(dòng)的運(yùn)動(dòng)員
9. 6. 2 制作圖像切片
9. 7 習(xí)題
第10章 Fireworks快速入門
10. 1 Fireworks基礎(chǔ)
10. 1. 1 創(chuàng)建新文檔
10. 1. 2 打開和導(dǎo)入文件
10. 1. 3 保存文件
10. 1. 4 常用工具介紹
10. 1. 5 使用文本
10. 2 文件優(yōu)化和導(dǎo)出
10. 2. 1 關(guān)于優(yōu)化
10. 2. 2 使用導(dǎo)出向?qū)?br />10. 2. 3 快速導(dǎo)出
10. 3 Fireworks與其他程序的結(jié)合
10. 3. 1 與AdobePhotoshop結(jié)合
10. 3. 2 與Macromedia DreamweaverMX結(jié)合
10. 3. 3 與Macromedia Flash MX結(jié)合
10. 4 上機(jī)指導(dǎo)
10. 4. 1 文件優(yōu)化
10. 4. 2 切割圖像
10. 4. 3 網(wǎng)絡(luò)相冊制作范例
10. 5 習(xí)題
第11章 Flash動(dòng)畫制作基礎(chǔ)
11. 1 Flash基礎(chǔ)
11. 1. 1 創(chuàng)建新文檔
11. 1. 2 舞臺(tái)屬性設(shè)定
11. 1. 3 導(dǎo)入圖像和保存文檔
11. 1. 4 預(yù)覽和發(fā)布影片
11. 2 制作基礎(chǔ)動(dòng)畫
11. 2. 1 創(chuàng)建基本元件
11. 2. 2 物體Motion運(yùn)動(dòng)范例
11. 2. 3 制作遮罩動(dòng)畫
11. 2. 4 制作變形動(dòng)畫
11. 2. 5 Shoe節(jié)點(diǎn)精確控制變形動(dòng)畫
11. 2. 6 制作引導(dǎo)線動(dòng)畫
11. 3 上機(jī)指導(dǎo)：完成Banner動(dòng)畫制作
11. 4 習(xí)題
第12章 Flash動(dòng)畫及Action應(yīng)用
12. 1 了解Actions腳本
12. 1. 1 動(dòng)作腳本術(shù)語了解
12. 1. 2 使用動(dòng)作面板
12. 1. 3 為幀指定動(dòng)作
12. 1. 4 為按鈕指定動(dòng)作
12. 2. 5 為影片剪輯指定動(dòng)作
12. 2 鼠標(biāo)行為
12. 2. 1 鼠標(biāo)跟隨
12. 2. 2 自定義鼠標(biāo)
12. 2. 3 獲取鼠標(biāo)位置
12. 3 Action控制殘影效果
12. 3. 1 制作基本元件
12. 3. 2 添加Actions指令
12. 4 上機(jī)指導(dǎo)：制作Loading動(dòng)畫
12. 4. 1 制作Loading下載動(dòng)畫
12. 4. 2 精確顯示Loading下載動(dòng)畫
12. 5 習(xí)題
第13章 交互動(dòng)畫制作
13. 1 Flash按鈕制作范例
13. 1. 1 制作按鈕
13. 1. 2 為按鈕添加行為
13. 2 互動(dòng)菜單制作范例
13. 2. 1 導(dǎo)航菜單制作
13. 2. 2 子菜單制作
13. 2. 3 彈出菜單制作
13. 3 文本滾動(dòng)顯示
13. 3. 1 文本制作
13. 3. 2 滾動(dòng)條制作
13. 4 上機(jī)指導(dǎo)：鼠標(biāo)控制交互游戲范例
13. 5 習(xí)題
第14章 動(dòng)態(tài)網(wǎng)頁制作基礎(chǔ)
14. 1 圖層動(dòng)畫
14. 1. 1 建立圖層
14. 1. 2 圖層屬性
14. 1. 3 嵌套圖層
14. 1. 4 同時(shí)編輯多個(gè)圖層
14. 1. 5 兼容性問題
14. 1. 6 圖層與表格的轉(zhuǎn)換
14. 2 時(shí)間軸動(dòng)畫范例
14. 2. 1 時(shí)間軸簡介
14. 2. 2 圖片置換動(dòng)畫
14. 2. 3 添加動(dòng)畫路徑
14. 3 超強(qiáng)CSS濾鏡應(yīng)用
14. 3. 1 CSS調(diào)整圖片透明度
14. 3. 2 CSS制作文字陰影
14. 3. 3 講解濾鏡的效果和參數(shù)
14. 4 上機(jī)指導(dǎo)：制作在線試鏡浮動(dòng)廣告
14. 5 習(xí)題
第15章 網(wǎng)頁中的交互技術(shù)
15. 1 插入Flash
15. 1. 1 插入DreamweaverMX中自帶的Flash按鈕
15. 1. 2 插入Flash文本對(duì)象
15. 1. 3 插入Flash動(dòng)畫
15. 2 網(wǎng)頁超鏈接
15. 2. 1 超鏈接的路徑
15. 2. 2 超鏈接基礎(chǔ)
15. 2. 3 E-mail超鏈接
15. 2. 4 中文不兼容解決
15. 2. 5 錨點(diǎn)超鏈接
15. 2. 6 圖像映射
15. 2. 7 下載設(shè)置
15. 2. 8 自動(dòng)換頁
15. 3 行為
15. 3. 1 Behaviors簡介
15. 3. 2 基本操作
15. 4 上機(jī)指導(dǎo)：行為運(yùn)用
15. 4. 1 變色網(wǎng)頁
15. 4. 2 打開新窗口
15. 4. 3 顯示或隱藏元件
15. 5 習(xí)題
第16章 動(dòng)態(tài)Web開發(fā)與實(shí)現(xiàn)
16. 1 動(dòng)態(tài)Web應(yīng)用基礎(chǔ)
16. 2 表單的運(yùn)用
16. 2. 1 表單的廣泛應(yīng)用
16. 2. 2 插入文本框
16. 2. 3 插入單選／復(fù)選框
16. 2. 4 插入條列式選單
16. 2. 5 插入按鈕
16. 3 上機(jī)指導(dǎo)：用戶系統(tǒng)的實(shí)現(xiàn)
16. 4 習(xí)題
第17章 完整網(wǎng)站開發(fā)與實(shí)現(xiàn)
17. 1 網(wǎng)站設(shè)計(jì)定位
17. 1. 1 網(wǎng)站定位
17. 1. 2 網(wǎng)站風(fēng)格
17. 1. 3 制作腳本
17. 2 Intro引導(dǎo)頁制作
17. 2. 1 在Photoshop中制作引導(dǎo)頁
17. 2. 2 在Photoshop中切割并輸出圖像
17. 3 主頁面制作
17. 3. 1 界面雛形制作
17. 3. 2 界面深入制作完成
17. 3. 3 切割圖像
17. 4 上機(jī)指導(dǎo)
17. 4. 1 次級(jí)頁面制作
17. 4. 2 利用Dreamweaver上傳文件
17. 5 習(xí)題
附錄 參考答案