网页设计与制作教程

第1章基础知识

1.1认识网页

1.1.1网站和网页

1.1.2静态网页和动态网页

1.1.3形象页、主页和栏目页

1.2网页的主要设计元素

1.2.1网页标识设计

1.2.2网页导航设计

1.2.3网页版式设计

1.2.4网页色彩设计

1.2.5网页音效设计

1.3网页设计原则

1.4网页设计流程

1.5网页设计的主要软件

1.5.1PhotoshopCS3网页页面设计软件

1.5.2Firworks8网页图像设计软件

1.5.3Flash8网页动画制作软件

1.5.4Dreamweaver8网页页面制作软件

小结

习题

第2章走进Photoshop

2.1Photoshop的应用

2.1.1图像处理和图像合成

2.1.2平面设计

2.1.3产品设计

2.1.4网页设计

2.2PhotoshopCS3基本环境

2.2.1菜单栏

2.2.2工具箱

2.2.3工具状态栏

2.2.4图像窗口

2.2.5调板

2.3PhotoshopCS3基本概念

2.3.1像素

2.3.2位图和矢量图

2.3.3网页设计中常用的图像格式

2.3.4图像分辨率

2.3.5颜色模式

2.4PhotoshopCS3基本操作

2.4.1新建、打开图像文件

2.4.2保存图像文件

2.4.3图像显示比例控制

2.4.4单位和标尺的设置

2.4.5参考线、网格和切片

2.4.6后退命令和历史记录调板

2.4.7图层

小结

习题

第3章图像处理

3.1修饰修复图像

3.1.1仿制图章工具

3.1.2污点修复画笔工具

3.1.3修复画笔工具

3.1.4修补工具

3.1.5红眼工具

3.1.6模糊/锐化工具

3.1.7减淡/加深工具

3.1.8海绵工具

3.2裁剪图像

3.3变换图像

3.3.1缩放

3.3.2旋转

3.3.3斜切

3.3.4扭曲

3.3.5透视

3.3.6变形

3.4选取图像与抠图

3.4.1快速选择工具

3.4.2魔棒工具

3.4.3魔术橡皮擦工具

3.4.4钢笔工具

3.4.5抽出滤镜

3.5调整图像色彩

3.5.1创建灰度效果图像

3.5.2增强图像的色彩饱和度

3.5.3创建反相效果的图像

3.5.4创建黑白图像

3.5.5使用【色调分离】命令创建特殊效果图像

3.5.6使用【渐变映射】命令创建渐变色彩效果图像

3.5.7使用【匹配颜色】命令改变图像色彩

3.5.8调整图像的亮度和对比度

3.6使用滤镜创建特殊效果的图像

3.6.1风格化

3.6.2画笔描边

3.6.3模糊

3.6.4素描

3.6.5纹理

3.6.6像素化

3.6.7渲染

3.7使用图层蒙版合成图像

3.7.1创建图层蒙版

3.7.2删除图层蒙版

3.7.3编辑图层蒙版

3.8批处理图像

3.8.1动作

3.8.2批处理

实例一：使用批处理命令修改图像大小

实例二：使用批处理命令重命名图像

3.8.3Web照片画廊

小结

习题

第4章常见网页元素设计

4.1网页背景图案的制作

4.1.1斜线图案的制作

实例一：细斜线图案的制作

实例二：粗斜线图案的制作

4.1.2立体图案的制作

4.1.3文字图案的制作

4.1.4其他类型图案的制作

4.2LOGO设计制作

4.2.1iDM网站LOGO设计制作

4.2.2iDM网站论坛标签设计制作

4.2.3以图形为主的网站LOGO制作

4.3按钮设计制作

4.3.1iDM网站的导航按钮制作

4.3.2水晶按钮设计制作

4.3.3具有凹槽效果的按钮制作

4.4Banner和导航菜单的设计制作

4.4.1iDM网站的Banner设计

4.4.2iDM网站的导航设计

小结

习题

第5章Flash8软件概述及基本操作

5.1Flash8软件概述

5.1.1Flash8特点

5.1.2软件界面

5.1.3工具栏

5.1.4面板

5.2Flash8绘图操作

5.2.1Flash文档创建

5.2.2文档属性设置

5.2.3Flash文档保存

5.2.4Flash8绘图模式

5.2.5绘图工具使用

5.3Flash8时间轴及帧操作

5.3.1时间轴

5.3.2帧和关键帧

5.3.3图层

5.4Flash8元件和实例

5.4.1元件和实例

5.4.2元件类型

5.4.3风车元件创建

5.5Flash文件发布和播放

5.5.1Flash文件发布设置

5.5.2Flash动画文件播放

小结

习题

第6章Flash8动画分类及网页文字动画

6.1帧并帧动画

6.1.1帧并帧动画

6.1.2笑脸动画

6.2渐变动画

6.2.1形状渐变动画

6.2.2运动渐变动画

6.3网页文字动画创作

6.3.1文本类型

6.3.2字体安装

6.3.3文本编辑

6.3.4网页文本动画制作举例

小结

习题

第7章网页中常用图像动画创作

7.1网页图像基本操作

7.1.1矢量图形和位图图像

7.1.2Flash8中支持的图形图像格式

7.1.3位图图像、矢量图形导入

7.1.4处理导入的位图图像

7.2图像动画创作

7.2.1图像渐变动画

7.2.2图像遮罩动画

7.2.3图像引导动画

7.2.4模糊图像动画

7.3网页图像动画

小结

习题

第8章交互式网页动画创作

8.1ActionScript脚本语言

8.1.1ActionScript语言的概述

8.1.2脚本语言属性设置

8.1.3动作面板

8.1.4影片浏览器面板

8.2按钮脚本动画制作

8.2.1按钮元件

8.2.2利用按钮库编辑按钮动画

8.2.3自定义按钮动画

8.3帧脚本动画制作

8.3.1帧动作

8.3.2帧脚本动画实例

8.3.3雪花飞舞帧脚本动画制作

8.4影片剪辑脚本动画制作

小结

习题

第9章Dreamweaver8基础知识

9.1Dreamweaver8基本概念

9.2Dreamweaver8基本工作环境

9.2.1工作环境

9.2.2工具栏

9.2.3【属性】面板

9.2.4面板组

9.3Dreamweaver8基本操作

9.3.1站点的基本操作

9.3.2文件的命名和管理

9.3.3HTML基本概念

小结

习题

第10章静态网页设计与制作

10.1表格

10.2文本编辑

10.2.1文本编辑

10.2.2CSS样式表

10.2.3【CSS样式】面板

10.3网页图像编辑

10.3.1网页图像

10.3.2图像插入

10.4网页多媒体元素编辑

10.4.1向Web页面中添加音频

10.4.2向Web页面中添加视频

10.4.3向Web页面中添加Flash动画

10.5利用表格布局网页

10.6利用布局表格设计网页

10.6.1布局模式

10.6.2设置布局模式首选参数

10.6.3布局表格基本操作

10.6.4利用布局表格设计网页

10.7利用层布局页面

10.7.1设置层首选参数

10.7.2创建层

10.7.3设置层的属性

10.7.4【层】面板使用

10.7.5层操作

10.7.6层和表格转换

10.7.7利用层设计页面

小结

习题

第11章网页的交互式设计与制作

11.1表单页面制作

11.1.1表单操作

11.1.2创建HTML表单

11.1.3网页表单元素的插入

11.1.4注册表单页面设计与制作

11.2网页的超链接

11.2.1HTML的超链接

11.2.2常用链接的制作

11.3行为的添加

11.3.1制作弹出信息效果

11.3.2制作打开浏览器窗口效果

11.3.3制作弹出菜单效果

11.3.4制作播放音乐效果

11.4站点的测试和上传

11.4.1测试站点

11.4.2上传站点

小结

习题

参考文献

　　打破传统，网页图像设计选用PhotoshopCS3；内容丰富，涵盖常用网页元素的设计与制作；实例贯穿，案例组织围绕5iDM数字媒体网站。　　本书主要由4部分组成。第1部分介绍了网页的主要设计要素、网页设计原则、网页设计和开发流程，第2部分以PhotoshopCS3软件为例介绍了网页中图像元素的设计和制作方法，第3部分以Flash8网页动画制作软件为例介绍了网页中动画设计和制作方法，第4部分以Dreamweaver8为例介绍了网站建设和网页框架设计和集成方法。　　本书是介绍网页设计的基础教程，可作为高等院校计算机科学与技术、信息技术等专业网页设计课程的教材，也可以作为非信息类专业和艺术设计类等专业网页设计课程教材。同时，本书也可作为各类网页设计爱好者和网站开发和设计人员的一本专业参考书。