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

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