网页制作最佳拍档四合一完全教程

目录
第1章 网页设计专业指导
1.1 网页设计行业概述
1.1.1 网页设计职业发展的推动力
1.1.2 网页市场的发展
1.2 网页设计的两种类型
1.2.1 网页的整体筹划
1.2.2 网页的定位
1.3 网页的3种基本功能元素
1.3.1 站标设计要点
1.3.2 导航栏设计要点
1.3.3 广告条设计要点
1.4 网页的基本组成元素
1.4.1 网页中的文本
1.4.2 网页中的图像
1.4.3 网页中的动画
1.5 网页中的色彩搭配
1.5.1 网页色彩搭配的原则
1.5.2 网页色彩搭配的技巧
1.5.3 网页要素色彩的搭配
1.5.4 网页中色彩的心理效应
1.6 网页设计的8点基本原则
1.7 网站的优化、测试与发布
1.7.1 优化网站的8种方式
1.7.2 测试网站的5种方式
1.7.3 发布网站的具体步骤
1.8 网站的上传
1.8.1 使用IE直接上传
1.8.2 使用FTP工具上传
1.8.3 使用Dreamweaver上传
1.8.4 查看、维护与更新网页
第2章 网页制作软件入门
2.1 Flash 8在网页设计中的应用
2.1.1 Flash 8的工作界面
2.1.2 常用绘图工具
2.1.3 重要面板
2.1.4 重要元件
2.1.5 帧
2.2 Fireworks 8在网页设计中的应用
2.2.1 Fireworks 8的工作界面
2.2.2 蒙版的应用
2.2.3 重要面板
2.2.4 帧的应用
2.2.5 常用滤镜
2.3 Dreamweaver 8在网页设计中的应用
2.3.1 Dreamweaver 8的工作界面
2.3.2 表格的应用
2.3.3 层的应用
2.3.4 框架的应用
2.3.5 表单的应用
2.4 Photoshop CS3在网页设计中的应用
2.4.1 Photoshop CS3的工作界面
2.4.2 常用工具
2.4.3 重要面板
2.4.4 常用图层样式
第3章 文字动画
3.1 跳动字——心随我动
3.1.1 效果欣赏
3.1.2 焦点播报
3.1.3 作品规格——460像素×380像素
3.1.4 实战大步1——制作湖面背景
3.1.5 实战大步2——制作跳动文字
3.1.6 实战大步3——合成影片
3.1.7 范例攻略小结
3.2 滚动字——清凉夏日
3.2.1 效果欣赏
3.2.2 焦点播报
3.2.3 作品规格——500像素×400像素
3.2.4 实战大步1——制作广告语效果
3.2.5 实战大步2——制作滚动字效果
3.2.6 实战大步3——合成影片
3.2.7 范例攻略小结
3.3 晃动字——圣诞快乐
3.3.1 效果欣赏
3.3.2 焦点播报
3.3.3 作品规格——460像素×340像素
3.3.4 实战大步1——制作广告背景
3.3.5 实战大步2——制作晃动字效果
3.3.6 实战大步3——合成影片
3.3.7 范例攻略小结
3.4 遮罩字——星城世家
3.4.1 效果欣赏
3.4.2 焦点播报
3.4.3 作品规格——360像素×440像素
3.4.4 实战大步1——制作广告背景内容
3.4.5 实战大步2——制作遮罩文字效果
3.4.6 实战大步3——合成影片剪辑
3.4.7 范例攻略小结
第4章 网站LOGO动画
4.1 房地产网站LOGO——美典集团
4.1.1 效果欣赏
4.1.2 焦点播报
4.1.3 作品规格——480像素×240像素
4.1.4 实战大步1——置入LOGO内容
4.1.5 实战大步2——制作动画效果
4.1.6 范例攻略小结
4.2 数码网站LOGO——海星数码
4.2.1 效果欣赏
4.2.2 焦点播报
4.2.3 作品规格——352像素×124像素
4.2.4 实战大步1——绘制LOGO标志
4.2.5 实战大步2——创建LOGO动画
4.2.6 范例攻略小结
4.3 医院网站LOGO——美康集团
4.3.1 效果欣赏
4.3.2 焦点播报
4.3.3 作品规格——240像素×180像素
4.3.4 实战大步1——导入标志素材
4.3.5 实战大步2——制作标志动画
4.3.6 范例攻略小结
4.4 手机网站LOGO——博能手机
4.4.1 效果欣赏
4.4.2 焦点播报
4.4.3 作品规格——240像素×180像素
4.4.4 实战大步1——绘制标识形状
4.4.5 实战大步2——制作旋转动画
4.4.6 范例攻略小结
第5章 网络广告
5.1 擎天柱广告——摄像机广告
5.1.1 效果欣赏
5.1.2 焦点播报
5.1.3 作品规格——212像素×350像素
5.1.4 实战大步1——制作广告的背景内容
5.1.5 实战大步2——制作文字和数码动画
5.1.6 实战大步3——合成影片
5.1.7 范例攻略小结
5.2 画中画广告——房地产广告
5.2.1 效果欣赏
5.2.2 焦点播报
5.2.3 作品规格——720像素×550像素
5.2.4 实战大步1——制作广告背景元件
5.2.5 实战大步2——制作图片动画效果
5.2.6 实战大步3——合成影片
5.2.7 范例攻略小结
5.3 大屏幕广告——汽车广告
5.3.1 效果欣赏
5.3.2 焦点播报
5.3.3 作品规格——800像素×500像素
5.3.4 实战大步1——导入广告背景素材
5.3.5 实战大步2——创建广告影片
5.3.6 实战大步3——合成影片
5.3.7 范例攻略小结
5.4 Banner广告——手机广告
5.4.1 效果欣赏
5.4.2 焦点播报
5.4.3 作品规格——468像素×60像素
5.4.4 实战大步1——导入元件素材
5.4.5 实战大步2——制作手机动画
5.4.6 实战大步3——合成影片
5.4.7 范例攻略小结
第6章 按钮效果
6.1 翡翠按钮
6.1.1 效果欣赏
6.1.2 焦点播报
6.1.3 作品规格——300像素×150像素
6.1.4 实战大步1——绘制圆角矩形
6.1.5 实战大步2——制作翡翠按钮
6.1.6 范例攻略小结
6.2 水晶按钮
6.2.1 效果欣赏
6.2.2 焦点播报
6.2.3 作品规格——200像素×150像素
6.2.4 实战大步1——绘制按钮形状
6.2.5 实战大步2——制作按钮阴影
6.2.6 范例攻略小结
6.3 导航按钮
6.3.1 效果欣赏
6.3.2 焦点播报
6.3.3 作品规格——300像素×100像素
6.3.4 实战大步1——编辑按钮图形
6.3.5 实战大步2——绘制搜索图形
6.3.6 范例攻略小结
6.4 图形按钮
6.4.1 效果欣赏
6.4.2 焦点播报
6.4.3 作品规格——300像素×150像素
6.4.4 实战大步1——绘制按钮元素
6.4.5 实战大步2——组合按钮元素
6.4.6 范例攻略小结
第7章 文字效果
7.1 立体文字
7.1.1 效果欣赏
7.1.2 焦点播报
7.1.3 作品规格——400像素×120像素
7.1.4 实战大步1——编辑特效文字
7.1.5 实战大步2——添加滤镜效果
7.1.6 范例攻略小结
7.2 旋转文字
7.2.1 效果欣赏
7.2.2 焦点播报
7.2.3 作品规格——400像素×300像素
7.2.4 实战大步1——输入渐变文字
7.2.5 实战大步2——编辑文字动画
7.2.6 范例攻略小结
7.3 遮罩文字
7.3.1 效果欣赏
7.3.2 焦点播报
7.3.3 作品规格——720像素×160像素
7.3.4 实战大步1——设置图片动画
7.3.5 实战大步2——设置蒙版动画
7.3.6 范例攻略小结
7.4 残影文字
7.4.1 效果欣赏
7.4.2 焦点播报
7.4.3 作品规格——350像素×200像素
7.4.4 实战大步1——创建动画元件
7.4.5 实战大步2——编辑各帧动画
7.4.6 范例攻略小结
第8章 图片效果
8.1 邮票效果
8.1.1 效果欣赏
8.1.2 焦点播报
8.1.3 作品规格——400像素×300像素
8.1.4 实战大步1——绘制邮票边框
8.1.5 实战大步2——编辑邮票内容
8.1.6 范例攻略小结
8.2 广告效果
8.2.1 效果欣赏
8.2.2 焦点播报
8.2.3 作品规格——600像素×400像素
8.2.4 实战大步1——绘制广告的背景和音乐条
8.2.5 实战大步2——设计广告文字和图片内容
8.2.6 范例攻略小结
8.3 滚动效果
8.3.1 效果欣赏
8.3.2 焦点播报
8.3.3 作品规格——720像素×108像素
8.3.4 实战大步1——绘制动画胶片
8.3.5 实战大步2——编辑动画元件
8.3.6 范例攻略小结
8.4 雨点效果
8.4.1 效果欣赏
8.4.2 焦点播报
8.4.3 作品规格——400像素×300像素
8.4.4 实战大步1——绘制雨点效果
8.4.5 实战大步2——制作下雨效果
8.4.6 范例攻略小结
第9章 表单效果
9.1 E-mail留言表单
9.1.1 效果欣赏
9.1.2 焦点播报
9.1.3 作品规格——768像素×377像素
9.1.4 实战大步1——输入E-mai1留言表单内容
9.1.5 实战大步2——插入和设置表单属性
9.1.6 范例攻略小结
9.2 注册表单
9.2.1 效果欣赏
9.2.2 焦点播报
9.2.3 作品规格——768像素×403像素
9.2.4 实战大步1——编辑注册表单布局
9.2.5 实战大步2——插入注册表单元素
9.2.6 范例攻略小结
9.3 信息反馈表单
9.3.1 效果欣赏
9.3.2 焦点播报
9.3.3 作品规格——768像素×555像素
9.3.4 实战大步1——输入和编辑文本内容
9.3.5 实战大步2——插入并编辑表单
9.3.6 范例攻略小结
9.4 网站调查表单
9.4.1 效果欣赏
9.4.2 焦点播报
9.4.3 作品规格——768像素×638像素
9.4.4 实战大步1——编辑调查表单内容
9.4.5 实战大步2——插入调查表单元素
9.4.6 范例攻略小结
第10章 导航条
10.1 水平导航
10.1.1 效果欣赏
10.1.2 焦点播报
10.1.3 作品规格——768像素×585像素
10.1.4 实战大步1——设计网页图片内容
10.1.5 实战大步2——制作网页文字导航
10.1.6 范例攻略小结
10.2 动态导航
10.2.1 效果欣赏
10.2.2 焦点播报
10.2.3 作品规格——770像素×436像素
10.2.4 实战大步1——设计动态导航布局
10.2.5 实战大步2——制作导航的动态效果
10.2.6 范例攻略小结
10.3 按钮导航
10.3.1 效果欣赏
10.3.2 焦点播报
10.3.3 作品规格——768像素×500像素
10.3.4 实战大步1——设计按钮导航布局
10.3.5 实战大步2——制作鼠标经过图像导航
10.3.6 范例攻略小结
10.4 竖直导航
10.4.1 效果欣赏
10.4.2 焦点播报
10.4.3 作品规格——781像素×535像素
10.4.4 实战大步1——设计竖直导航布局
10.4.5 实战大步2——制作竖直导航条效果
10.4.6 范例攻略小结
第11章 网页框架
11.1 上下型框架——建筑网页
11.1.1 效果欣赏
11.1.2 焦点播报
11.1.3 作品规格——768像素×612像素
11.1.4 实战大步1——制作上下型框架布局
11.1.5 实战大步2——制作建筑类网页效果
11.1.6 范例攻略小结
11.2 左T型框架——学院网页
11.2.1 效果欣赏
11.2.2 焦点播报
11.2.3 作品规格——768像素×512像素
11.2.4 实战大步1——制作左T型框架布局
11.2.5 实战大步2——制作学院网站导航
11.2.6 范例攻略小结
11.3 右T型框架——化妆品网页
11.3.1 效果欣赏
11.3.2 焦点播报
11.3.3 作品规格——768像素×520像素
11.3.4 实战大步1——制作右T型框架布局
11.3.5 实战大步2——制作右框架导航效果
11.3.6 范例攻略小结
11.4 左右型框架——服饰网页
11.4.1 效果欣赏
11.4.2 焦点播报
11.4.3 作品规格——772像素×570像素
11.4.4 实战大步1——制作左右型框架布局
11.4.5 实战大步2——制作左框架的导航效果
11.4.6 范例攻略小结
第12章 网站导航
12.1 变色导航
12.1.1 效果欣赏
12.1.2 焦点播报
12.1.3 作品规格——1536像素×300像素
12.1.4 实战大步1——绘制导航按钮
12.1.5 实战大步2——制作变色导航
12.1.6 范例攻略小结
12.2 七彩导航
12.2.1 效果欣赏
12.2.2 焦点播报
12.2.3 作品规格——1350像素×166像素
12.2.4 实战大步1——绘制渐变导航按钮
12.2.5 实战大步2——制作七彩导航
12.2.6 范例攻略小结
12.3 图像导航
12.3.1 效果欣赏
12.3.2 焦点播报
12.3.3 作品规格——1536像素×300像素
12.3.4 实战大步1——绘制导航背景图像
12.3.5 实战大步2——制作导航条的内容
12.3.6 范例攻略小结
12.4 透明按钮导航
12.4.1 效果欣赏
12.4.2 焦点播报
12.4.3 作品规格——1350像素×268像素
12.4.4 实战大步1——绘制透明按钮
12.4.5 实战大步2--制作按钮导航
12.4.6 范例攻略小结
第13章 企业LOGO
13.1 海航物流LOGO
13.1.1 效果欣赏
13.1.2 焦点播报
13.1.3 作品规格——300像素×225像素
13.1.4 实战大步1——勾画海航标识
13.1.5 实战大步2——制作标识名称
13.1.6 范例攻略小结
13.2 思奈尔LOGO
13.2.1 效果欣赏
13.2.2 焦点播报
13.2.3 作品规格——360像素×180像素
13.2.4 实战大步1——绘制思奈尔标识
13.2.5 实战大步2——制作水滴效果
13.2.6 范例攻略小结
13.3 隆鑫科技LOGO
13.3.1 效果欣赏
13.3.2 焦点播报
13.3.3 作品规格——360像素×270像素
13.3.4 实战大步1——制作隆鑫标识
13.3.5 实战大步2——绘制艺术名称
13.3.6 范例攻略小结
13.4 网络视听网LOGO
13.4.1 效果欣赏
13.4.2 焦点播报
13.4.3 作品规格——540像素×405像素
13.4.4 实战大步1——勾画视听网标识
13.4.5 实战大步2——编辑LOGO内容
13.4.6 范例攻略小结
第14章 Banner广告
14.1 Banner广告——酷书吧
14.1.1 效果欣赏
14.1.2 焦点播报
14.1.3 作品规格——702像素×120像素
14.1.4 实战大步1——设计酷书吧广告背景
14.1.5 实战大步2——设计酷书吧广告内容
14.1.6 范例攻略小结
14.2 Banner广告——购物中心
14.2.1 效果欣赏
14.2.2 焦点播报
14.2.3 作品规格——468像素×120像素
14.2.4 实战大步1——设计购物中心广告背景
14.2.5 实战大步2——设计广告宣传内容
14.2.6 范例攻略小结
14.3 Banner广告——首饰情缘
14.3.1 效果欣赏
14.3.2 焦点播报
14.3.3 作品规格——768像素×250像素
14.3.4 实战大步1——设计广告星闪效果
14.3.5 实战大步2——设计广告主体内容
14.3.6 范例攻略小结
14.4 Banner广告——化妆品
14.4.1 效果欣赏
14.4.2 焦点播报
14.4.3 作品规格——650像素×250像素
14.4.4 实战大步1——设计广告宣传主体
14.4.5 实战大步2——设计广告宣传语
14.4.6 范例攻略小结
第15章 四剑合璧——龙城图书网
15.1 使用Flash制作两组动态广告条幅
15.1.1 效果欣赏
15.1.2 焦点播报
15.1.3 作品规格——584像素×150像素
15.1.4 制作动态条幅一：龙城图书网有空来看看
15.1.5 制作动态条幅二：以市场为导向以读者为中心
15.2 使用Flash制作三组特色文字动画
15.2.1 效果欣赏
15.2.2 焦点播报
15.2.3 作品规格——432像素×25像素
15.2.4 制作文字动画一：从右至左滚动式
15.2.5 制作文字动画二：左右来回滚动式
15.2.6 制作文字动画三：旋转并向两侧移动式
15.3 使用Fireworks制作一组滚动式动态图片
15.3.1 效果欣赏
15.3.2 焦点播报
15.3.3 作品规格——588像素×140像素
15.3.4 实战大步1——导入图片素材
15.3.5 实战大步2——编辑动画元件
15.4 使用Fireworks制作一组简易导航图标
15.4.1 效果欣赏
15.4.2 焦点播报
15.4.3 作品规格——152像素×24像素
15.4.4 实战大步——制作导航图标1
15.4.5 实战大步2——制作导航图标2
15.5 使用Photoshop制作企业网站LOGO
15.5.1 效果欣赏
15.5.2 焦点播报
15.5.3 作品规格——200像素×150像素
15.5.4 实战大步1——绘制图像
15.5.5 实战大步2——输入文本
15.6 使用Photoshop制作一组水晶导航按钮
15.6.1 效果欣赏
15.6.2 焦点播报
15.6.3 作品规格——96像素×33像素
15.6.4 实战大步1——制作导航按钮1
15.6.5 实战大步2——制作导航按钮2
15.7 使用Photoshop制作一组导航图片
15.7.1 效果欣赏
15.7.2 焦点播报
15.7.3 作品规格——196像素×484像素
15.7.4 实战大步1——制作导航图片
15.7.5 实战大步2——输入文本内容
15.8 使用Dreamweaver制作网页
15.8.1 效果欣赏
15.8.2 焦点播报
15.8.3 作品规格——789像素×789像素
15.8.4 主页布局
15.8.5 制作页眉区
15.8.6 制作导航区
15.8.7 制作内容区
15.8.8 制作版权区
15.8.9 制作子页
15.8.10 设置链接
15.9 网页完善与测试
15.9.1 网页的完善
15.9.2 兼容性测试
15.9.3 链接性测试