網(wǎng)頁設(shè)計四合一基礎(chǔ)教程與上機指導

第1章 網(wǎng)頁設(shè)計基礎(chǔ)
1.1 網(wǎng)頁設(shè)計的基礎(chǔ)知識
1.1.1 網(wǎng)站和網(wǎng)頁的關(guān)系
1.1.2 Web的特性
1.1.3 HTML簡介
1.2 網(wǎng)頁制作工具簡介
1.2.1 圖片處理工具——Photoshop CS
1.2.2 網(wǎng)頁設(shè)計工具——Dreamweaver MX 2004
1.2.3 圖像制作工具——Fireworks MX 2004
1.2.4 動畫制作工具——Flash MX 2004
1.3 制作網(wǎng)頁的基本條件
1.3.1 主頁題材
1.3.2 規(guī)劃框架
1.3.3 資料收集
1.4 網(wǎng)頁設(shè)計的特點
1.4.1 網(wǎng)頁色采特點
1.4.2 結(jié)構(gòu)方面特點
1.4.3 網(wǎng)頁風格特點
1.5 上機指導
1.6 習題
第2章 網(wǎng)頁文本和網(wǎng)頁超鏈接
2.1 文本編輯
2.1.1 文檔的創(chuàng)建與保存
2.1.2 文本屬性的調(diào)協(xié)與修改
2.1.3 文本列表的使用
2.1.4 文本的輸入
2.2 HTML基礎(chǔ)
2.2.1 語言基礎(chǔ)
2.2.2 HTML樣式
2.3 網(wǎng)頁圖像的設(shè)置
2.3.1 插入圖像
2.3.2 調(diào)協(xié)圖像屬性
2.3.3 交換圖像的使用
2.4 鏈接的設(shè)置
2.4.1 路徑
2.4.2 文本的鏈接
2.4.3 圖像熱點區(qū)域的超鏈接
2.4.4 檢查鏈接
2.5 Dreamweaver的站點設(shè)置
2.5.1 FTP服務(wù)站點的設(shè)置
2.5.2 本地站點的設(shè)置
2.6 上機指導
2.6.1 創(chuàng)作郵件超鏈接
2.6.2 制作一個不帶表格的網(wǎng)頁
2.7 習題
第3章 網(wǎng)頁樣式和網(wǎng)頁表格
3.1 使用樣式
3.1.1 樣式的定義
3.1.2 CSS樣式
3.1.3 樣式應(yīng)用實例
3.2 表格應(yīng)用
3.2.1 創(chuàng)建表格
3.2.2 表格設(shè)置
3.2.3 單元格的處理
3.2.4 套用表格
3.2.5 利用表格排版
3.2.6 表格數(shù)據(jù)處理
3.3 使用模板
3.3.1 創(chuàng)建模板
3.3.2 使用模板
3.4 上機指導
3.5 習題
第4章網(wǎng)頁的布局與編輯
4.1 使用層
4.1.1 插入新并在[屬性]面板上顯示
4.1.2 嵌套圖層
4.1.3 設(shè)置層編號
4.1.4 層與表格的轉(zhuǎn)換
4.2 框架應(yīng)用
4.2.1 創(chuàng)建框架
4.2.2 設(shè)置框架屬性
4.2.3 框架應(yīng)用實例
4.3 網(wǎng)頁布局設(shè)計
4.3.1 布局表格和單元格的建立
4.3.2 設(shè)置布局表格和單元格
4.4 網(wǎng)站建設(shè)技術(shù)
4.4.1 在Internet上建立Web站點
4.4.2 上傳網(wǎng)站
4.4.3 網(wǎng)頁制作注意事項
4.5 上機指導
4.6 習題
第5章 網(wǎng)頁圖像處理基礎(chǔ)
5.1 文件與窗口操作
5.1.1 創(chuàng)建文件與設(shè)置畫布尺寸
5.1.2 圖像尺寸與分辨率設(shè)置
5.1.3 保存與打開文件
5.1.4 使用輔助工具
5.2 使用工具箱工具
5.2.1 移動與裁切工具
5.2.2 幾何形狀選框工具
5.2.3 魔術(shù)棒工具
5.2.4 套索工具
5.2.5 羽化選取范圍
5.2.6 控制選區(qū)范圍
5.2.7 繪圖工具
5.2.8 填充工具
5.2.9 修飾工具
5.3 網(wǎng)頁圖像設(shè)計常用基本概念
5.3.1 像素
5.3.2 關(guān)于矢量圖和點陣圖
5.3.3 網(wǎng)頁圖像格式
5.3.4 圖像分辨率
5.3.5 通道與顏色深度
5.3.6 色彩模式
5.4 上機指導
5.4.1 自定義新畫筆
5.4.2 使用圖案圖章工具
5.4.3 使用顏色替換工具
5.5 習題
第6章 網(wǎng)頁圖像色彩調(diào)整
6.1 選取繪圖顏色
6.1.1 前景色和背景色
6.1.2 使用[拾色器]對話框選取顏色
6.1.3 使用[顏色]面板
6.1.4 使用吸管工具選取顏色
6.2 圖像色調(diào)調(diào)整
6.2.1 色階調(diào)整
6.2.2 自動控制色調(diào)
6.2.3 自動對比度
6.2.4 色調(diào)曲線調(diào)整
6.3 特殊色調(diào)調(diào)整
6.3.1 顏色反相
6.3.2 色調(diào)均化
6.3.3 色調(diào)分離
6.3.4 圖像閾值
6.4 圖像色彩控制
6.4.1 色彩平衡控制
6.4.2 亮度和對比度控制
6.4.3 色相/飽和度控制
6.4.4 替換與可選顏色
6.4.5 變化
6.5 上機指導
6.5.1 調(diào)整圖片顏色
6.5.2 制作霓虹燈字
6.6 習題
第7章 設(shè)計網(wǎng)頁復合圖像
7.1 使用圖層
7.1.1 創(chuàng)建圖層
7.1.2 設(shè)置圖層順序
7.1.3 復制圖層
7.1.4 刪除圖層
7.1.5 創(chuàng)建及轉(zhuǎn)換背景圖層
7.1.6 鏈接圖層
7.1.7 合并圖層
7.1.8 創(chuàng)建圖層組
7.1.9 圖層混合模式
7.1.10 圖層屬性調(diào)節(jié)
7.2 通道
7.2.1 [通道]面板
7.2.2 分離與合并通道
7.2.3 新建與復制通道
7.3 蒙版
7.3.1 創(chuàng)建臨時蒙版
7.3.2 設(shè)置快速蒙版
7.3.3 存儲蒙版選區(qū)
7.4 使用濾鏡效果
7.4.1 濾鏡使用方法
7.4.2 [像素化]濾鏡組
7.4.3 [扭曲]濾鏡組
7.4.4 [渲染]濾鏡組
7.4.5 [風格化]濾鏡組
7.4.6 [藝術(shù)效果]濾鏡組
7.5 上機指導
7.5.1 制作水晶文字
7.5.2 制作透明按鈕
7.5.3 制作火焰字特效
7.6 習題
第8章 圖像綜合處理
8.1 制作炫目光彩特效
8.2 導航欄特效制作
8.2.1 網(wǎng)格線制作
8.2.2 基本輪廊制作
8.2.3 立體底面制作
8.2.4 添加按鈕
8.2.5 后期制作
8.3 上機指導
8.3.1 繪制蛺面效果的基本形狀
8.3.2 設(shè)置界面外觀
8.3.3 給界面添加元素
8.3.4 為界面添加文字及按鈕
8.4 習題
第9章 Fireworks MX 2004應(yīng)用
9.1 Fireworks基礎(chǔ)
9.1.1 創(chuàng)建新文檔
9.1.2 打開和導入文件
9.1.3 保存文件
9.2 常用工具的使用
9.2.1 選取工具
9.2.2 變形工具
9.2.3 繪制矢量對象
9.2.4 使用文本
9.2.5 實例練習
9.3 筆觸和填充
9.3.1 筆觸
9.3.2 填充
9.4 Fireworks MX 2004動畫
9.4.1 動畫制作基礎(chǔ)
9.4.2 幀面板的使用
9.4.3 泣蔥皮效果
9.4.4 動畫制作工具
9.4.5 文字變換至動畫
9.4.6 導出動畫
9.5 上機指導
9.5.1 批處理網(wǎng)頁源圖像文件
9.5.2 飛動的鳥
9.6 習題
第10章 網(wǎng)頁動畫的制作工具
10.1 創(chuàng)建、打開文檔及設(shè)置文檔屬性
10.1.1 創(chuàng)建文檔
10.1.2 打開文檔并設(shè)置它的屬性
10.2 使用網(wǎng)格、輔助線與標尺
10.3 使用項目面板
10.4 繪圖工具的使用
10.4.1 矩形工具
10.4.2 套索工具
10.4.3 部分選取工具
10.4.4 任意變形工具
10.4.5 刷子工具
10.4.6 滴管工具
10.5 創(chuàng)建文本與設(shè)置顏色效果
10.5.1 創(chuàng)建文本
10.5.2 設(shè)置效果效果
10.6 編輯圖形
10.6.1 橡皮擦工具
10.6.2 擴展填充
10.6.3 曲線的優(yōu)化
10.7 上機指導
10.8 習題
第11章 動畫的制作
11.1 元件與實例
11.1.1 元件類型
11.1.2 創(chuàng)建與編輯元件
11.1.3 創(chuàng)建與編輯實例
11.1.4 導入圖形
11.1.5 導入Fireworks的PNG文件
11.2 圖層的使用
11.2.1 創(chuàng)建、編輯圖層
11.2.2 使用引導層
11.2.3 使用遮罩層
11.3 編輯對象
11.3.1 移動、復制和編輯對象
11.3.2 扭曲與封套對象
11.3.3 群組與疊法對象
11.4 使用按鈕元件
11.4.1 使用按鈕元件
11.4.2 啟用與測試按鈕
11.5 創(chuàng)建動畫
11.5.1 創(chuàng)建幀-幀動畫
11.5.2 創(chuàng)建補間動畫
11.6 上機指導
11.7 習題
第12章 導入聲音與添加動作腳本
12.1 動畫聲音
12.1.1 導入聲音文件
12.1.2 聲音屬性設(shè)置
12.1.3 導出時壓縮聲音
12.2 了解Actions腳本
12.2.1 常用的腳本術(shù)語
12.2.2 使用 [動作]面板
12.2.3 動作腳本的編寫
12.2.4 為時間軸指定動作
12.2.5 為影片剪輯指定動作
12.3 Actions的使用
12.3.1 獲取鼠標位置
12.3.2 設(shè)置顏色值
12.3.3 跳到某一幀或場景
12.3.4 組件的使用
12.4 上機指導
12.4.1 用Dreamweaver導入動畫
12.4.2 星星跟我走
12.5 習題
附錄 參考答案