網(wǎng)頁設(shè)計與制作教程（Dreamweaver+Photoshop+Flash版）

出版說明
前言
教學(xué)建議
第1章 網(wǎng)頁設(shè)計基礎(chǔ)
1.1 網(wǎng)頁界面元素
1.1.1 基本概念
1.1.2 網(wǎng)站的主題與風(fēng)格定位
1.2 如何進行網(wǎng)頁設(shè)計
1.2.1 網(wǎng)頁設(shè)計的基本流程
1.2.2 網(wǎng)頁設(shè)計的常用工具
1.2.3 頁面布局的介紹與欣賞
1.3 習(xí)題
第2章 網(wǎng)站設(shè)計基礎(chǔ)語言HTML與XHTML
2.1 HTML與XHTML
2.1.1 HTML概述及其語法
2.1.2 使用記事本創(chuàng)建HTML文檔
2.1.3 XHTML概述
2.1.4 HTML與XHTML有何區(qū)別
2.2 頁面標(biāo)簽
2.2.1 排版標(biāo)簽
2.2.2 超鏈接標(biāo)簽與圖像標(biāo)簽
2.2.3 列表標(biāo)簽
2.2.4 表格標(biāo)簽
2.2.5 表單標(biāo)簽
2.3 課堂綜合練習(xí)——使用“記事本”制作精美網(wǎng)頁
2.3.1 編寫HTML文檔
2.3.2 預(yù)覽并美化文檔
2.4 課堂綜合實訓(xùn)——使用“記事本”制作簡單網(wǎng)頁
2.5 習(xí)題
第3章 Dreamweaver CS5的基本操作
3.1 Dreamweaver CS5界面介紹
3.1.1 工作環(huán)境
3.1.2 常用的工具欄與面板
3.2 Dreamweaver CS5的基本操作
3.2.1 新建站點
3.2.2 新建空白網(wǎng)頁文檔
3.2.3 站點內(nèi)的基本操作
3.3 網(wǎng)頁制作離不開CSS
3.3.1 CSS用來做什么
3.3.2 如何創(chuàng)建CSS文檔
3.3.3 CSS的基本語法
3.3.4 常見的CSS樣式類型
3.3.5 CSS的盒模型
3.4 必須掌握的CSS選擇符
3.4.1 通配符與類型選擇符
3.4.2 類選擇符與ID選擇符
3.4.3 包含選擇符與群組選擇符
3.5 課堂綜合練習(xí)——使用CSS制作簡單網(wǎng)頁
3.5.1 布局分析
3.5.2 制作過程
3.6 課堂綜合實訓(xùn)——使用CSS制作精美網(wǎng)頁
3.7 習(xí)題
第4章 網(wǎng)頁中文本與圖像的控制
4.1 文本控制
4.1.1 插入文本與特殊字符
4.1.2 創(chuàng)建超鏈接
4.1.3 CSS控制文本的常見屬性及其應(yīng)用
4.2 圖像控制
4.2.1 插入圖像
4.2.2 設(shè)置圖像屬性
4.2.3 繪制熱點區(qū)域
4.2.4 插入鼠標(biāo)經(jīng)過圖像
4.2.5 CSS控制圖像的常見屬性及其應(yīng)用
4.3 圖文混排
4.4 課堂綜合練習(xí)——“健康養(yǎng)生網(wǎng)”首頁的制作
4.4.1 布局分析
4.4.2 制作過程
4.5 課堂綜合實訓(xùn)——“餐飲項目網(wǎng)”的制作
4.6 習(xí)題
第5章 列表元素、CSS浮動和定位
5.1 列表元素
5.1.1 列表修飾符的類型
5.1.2 列表項圖像
5.1.3 縱向列表導(dǎo)航
5.2 CSS浮動
5.2.1 浮動的基本概念
5.2.2 浮動的實際應(yīng)用
5.3 CSS定位
5.3.1 相對定位
5.3.2 絕對定位
5.3.3 相對定位與絕對定位的混合使用
5.4 課堂綜合練習(xí)——“牛仔褲專題網(wǎng)”的設(shè)計與制作
5.4.1 布局分析
5.4.2 制作過程
5.5 課堂綜合實訓(xùn)——“宇澤通訊手機專賣網(wǎng)”的制作
5.6 習(xí)題
第6章 表格與表單
6.1 表格控制
6.1.1 表格的創(chuàng)建
6.1.2 表格的屬性設(shè)置
6.1.3 表格的基本操作
6.1.4 表格中常用的CSS屬性
6.1.5 隔行換色CSS表格
6.2 表單控制
6.2.1 創(chuàng)建表單域
6.2.2 插入多種表單對象
6.2.3 表單的美化——CSS登錄框的制作
6.3 課堂綜合練習(xí)——“宇澤品牌設(shè)計網(wǎng)”主頁的制作
6.3.1 布局分析
6.3.2 制作過程
6.4 課堂綜合實訓(xùn)——“宇澤環(huán)保網(wǎng)”主頁的制作
6.5 習(xí)題
第7章 框架與模板
7.1 框架
7.1.1 框架的基本概念
7.1.2 框架的基本操作
7.1.3 框架的具體應(yīng)用
7.2 模板
7.2.1 基本概念與基礎(chǔ)操作
7.2.2 利用模板快速創(chuàng)建頁面
7.2.3 模板的管理與分離
7.3 課堂綜合練習(xí)——“YUZE公司”網(wǎng)站的設(shè)計與制作
7.3.1 布局分析
7.3.2 制作過程
7.4 課堂綜合實訓(xùn)——網(wǎng)站后臺的設(shè)計與制作
7.5 習(xí)題
第8章 Photoshop CS5的基本操作
8.1 認識Photoshop
8.1.1 Photoshop概述與常見術(shù)語
8.1.2 Photoshop CS5工作界面
8.1.3 Photoshop CS5工具箱介紹
8.1.4 Photoshop CS5常用面板介紹
8.2 Photoshop CS5的常用工具與基本操作
8.2.1 新建與打開
8.2.2 選框工具組
8.2.3 套索工具組
8.2.4 魔棒工具
8.2.5 油漆桶工具
8.2.6 漸變工具
8.2.7 鋼筆與文字工具
8.3 圖層
8.3.1 創(chuàng)建與設(shè)置圖層
8.3.2 圖層樣式
8.4 蒙版
8.4.1 圖層蒙版
8.4.2 矢量蒙版
8.4.3 剪貼蒙版
8.5 課堂綜合練習(xí)——專題類網(wǎng)站的效果圖制作
8.6 課堂綜合實訓(xùn)——“小鳥鉆石網(wǎng)”情人節(jié)活動頁面效果圖制作
8.7 習(xí)題
第9章 Photoshop CS5頁面設(shè)計
9.1 色彩的應(yīng)用
9.1.1 相近色與對比色
9.1.2 色彩的選擇與搭配
9.2 網(wǎng)站Logo的設(shè)計與制作
9.2.1 Logo的設(shè)計要點
9.2.2 Logo的制作過程
9.3 導(dǎo)航欄的設(shè)計與制作
9.3.1 導(dǎo)航欄的設(shè)計風(fēng)格
9.3.2 導(dǎo)航欄的制作過程
9.4 廣告位的設(shè)計與制作——GIF動畫
9.4.1 Photoshop中的動畫面板
9.4.2 GIF動畫的實現(xiàn)步驟
9.5 應(yīng)用切片工具生成所需圖像
9.5.1 切片的工具
9.5.2 切片的方法
9.6 課堂綜合練習(xí)——“宇澤”首飾電子商務(wù)網(wǎng)站的效果圖制作
9.7 課堂綜合實訓(xùn)——“上海天眾汽車用品”公司主頁效果圖制作
9.8 習(xí)題
第10章 Flash CS5的基本操作
10.1 認識Flash CS5
10.1.1 常見術(shù)語
10.1.2 Flash CS5工作界面
10.1.3 Flash CS5工具箱
10.1.4 Flash CS5常用面板介紹
10.2 Flash CS5的常用工具與基本操作
10.2.1 新建與打開
10.2.2 時間軸
10.2.3 場景和舞臺
10.2.4 筆觸和填充
10.2.5 多角星形工具
10.2.6 元件
10.3 測試與發(fā)布
10.4 課堂綜合練習(xí)——制作橫向?qū)Ш綏l
10.4.1 導(dǎo)航條簡介
10.4.2 制作過程
10.5 課堂綜合實訓(xùn)——制作導(dǎo)航條
10.6 習(xí)題
第11章 Flash CS5動畫設(shè)計
11.1 逐幀動畫
11.2 補間動畫、傳統(tǒng)補間動畫與補間形狀動畫
11.2.1 補間動畫
11.2.2 什么是傳統(tǒng)補間動畫
11.2.3 什么是補間形狀動畫
11.3 引導(dǎo)層動畫與遮罩動畫
11.3.1 引導(dǎo)層動畫
11.3.2 遮罩動畫
11.4 ActionScript在Flash中的應(yīng)用
11.4.1 ActionScript概述
11.4.2 使用AS制作網(wǎng)頁中圖片切換效果案例
11.5 課堂綜合練習(xí)——使用Flash制作廣告
11.5.1 任務(wù)分析
11.5.2 制作過程
11.6 課堂綜合實訓(xùn)——制作“Come on”網(wǎng)購商城特價廣告
11.7 習(xí)題
第12章 綜合練習(xí)——“宇澤首飾電子購物網(wǎng)站”的制作
12.1 需求分析與布局分析
12.1.1 網(wǎng)站需求分析簡述
12.1.2 根據(jù)效果圖分析布局
12.2 實現(xiàn)過程
12.2.1 主頁的實現(xiàn)
12.2.2 檢索頁的實現(xiàn)
12.2.3 產(chǎn)品信息頁的實現(xiàn)
12.3 習(xí)題
……