目 录

Dreamweaver
HTML Flash
Photoshop


第1章  网页设计基础
1.1	网页开发概述	2
1.1.1	什么是网站	2
1.1.2	网站的类型	2
1.1.3	网站开发流程	6
1.1.4	认识网页	7
1.2	网页设计理念	9
1.2.1	网页色彩基础	9
1.2.2	网页配色艺术	10
1.2.3	网页布局艺术	12
1.3	网页设计常用工具	15
1.4	AIGC在网页设计中的应用	16
新手答疑	18


第2章  Dreamweaver轻松入门
2.1	Dreamweaver工作界面	20
2.2.1	工作区	20
2.2.2	自定义软件界面	20
2.2.3	4种视图模式	22
动手练	自定义首选项	23
2.2	站点的创建与管理	24
2.2.1	创建站点	24
2.2.2	编辑站点	25
2.2.3	导入和导出站点	26
2.2.4	新建文件或文件夹	26
2.2.5	编辑文件或文件夹	26
2.3	文档的基础操作	27
2.3.1	新建文档	27
2.3.2	打开文档	27
2.3.3	插入文档	27
2.3.4	保存文档	28
2.3.5	关闭文档	28
综合实战：网页本地站点的创建	28
新手答疑	30


第3章  制作网页内容
3.1	插入网页文本	32
3.1.1	插入文本	32
3.1.2	设置文本格式	32
3.1.3	设置段落格式	33
3.1.4	设置文本样式	34
3.1.5	使用列表	34
3.1.6	在网页中插入特殊元素	35
动手练	为读书网页添加文本	36
3.2	插入网页图像	38
3.2.1	插入图像	38
3.2.2	图像的属性设置	38
3.2.3	图像的对齐方式	39
动手练	为餐具网页添加图像	40
3.2.4	替换文本	40
3.2.5	鼠标经过图像	40
3.3	插入多媒体元素	42
3.3.1	插入HTML 5 Video元素	42
3.3.2	插入HTML 5 Audio元素	43
动手练	为视频网页添加小视频	44
3.4	创建超链接	45
3.4.1	超链接路径	45
3.4.2	创建超链接	46
3.4.3	管理网页超链接	49
动手练	为装饰网页添加超链接	50
综合实战：制作影音网站首页	52
新手答疑  	56


第4章  设计网页布局
4.1	网页布局类型	58
4.2	用表格布局网页	58
4.2.1	插入表格	58
4.2.2	表格属性	59
4.2.3	编辑表格	61
动手练	制作建筑企业网页	63
4.3	Div与CSS布局基础	66
4.3.1	Div概述	66
4.3.2	创建Div	66
4.3.3	CSS布局方法	67
动手练	制作首饰店网页	69
综合实战：制作咖啡小店网页	73
新手答疑  	78


第5章  使用CSS美化网页
5.1	创建CSS样式	80
5.1.1	CSS的定义	80
5.1.2	CSS设计器	81
5.1.3	创建CSS样式	81
5.1.4	CSS属性	83
动手练	美化运动网页	86
5.2	CSS规则定义	89
5.2.1	类型	89
5.2.2	背景	90
5.2.3	区块	90
5.2.4	方框	91
5.2.5	边框	91
5.2.6	列表	91
5.2.7	定位	92
5.2.8	扩展	92
5.2.9	过渡	92
动手练	调整绿植网页样式	93
综合实战：美化自行车网页	95
新手答疑	100


第6章  应用交互特效
6.1	什么是行为	102
6.1.1	行为	102
6.1.2	常见事件	103
6.2	窗口交互行为	104
6.2.1	调用JavaScript	104
6.2.2	转到URL	104
6.2.3	打开浏览器窗口	105
6.3	图像交互行为	105
6.3.1	交换图像与恢复交换图像	105
6.3.2	预先载入图像	106
6.3.3	显示-隐藏元素	106
动手练	网页交换图像	107
6.4	文本交互行为	108
6.4.1	弹出信息	108
6.4.2	设置状态栏文本	108
6.4.3	设置容器的文本	109
6.4.4	设置文本域文字	109
动手练	为网页添加文本交互行为	109
6.5	表单交互行为	110
6.5.1	跳转菜单	110
6.5.2	检查表单	110
综合实战：提升购物网页交互性	111
新手答疑	114


第7章  创建动态网页
7.1	使用表单	116
7.1.1	认识表单	116
7.1.2	基本表单对象	116
7.2	文本类表单	117
7.2.1	文本	117
7.2.2	密码	118
7.2.3	文本区域	118
动手练	制作科技网站登录页	119
7.3	选择类表单	121
7.3.1	单选按钮和单选按钮组	121
7.3.2	复选框和复选框组	122
7.3.3	选择	123
7.4	其他常用表单	123
7.4.1  “提交”和“重置”按钮	123
7.4.2	文件	124
动手练	制作旅社预订页	124
综合实战：设计知识竞赛网页	128
新手答疑	132


第8章  网页模板与库
8.1	创建模板	134
8.1.1	直接创建模板	134
8.1.2	从现有网页中创建模板	134
动手练	制作服装网页模板	135
8.2	管理和使用模板	136
8.2.1	编辑模板	136
8.2.2	应用模板	137
8.2.3	从模板中分离	138
8.2.4	更新页面	138
动手练	应用服装网页模板	138
8.3	库项目	141
8.3.1	创建库项目	141
8.3.2	应用库项目	142
8.3.3	编辑和更新库项目	143
综合实战：制作自然科普网页模板并应用	144
新手答疑	148


第9章  网页动画基础知识
9.1	Animate工作界面	150
9.2	文档基本操作	151
9.2.1	新建文档	151
9.2.2	设置文档属性	152
9.2.3	打开已有文档	152
9.2.4	导入素材	152
9.2.5	保存文档	153
9.2.6	测试与发布动画	153
动手练	导出网页可用GIF动画	155
9.3	绘制矢量图形	156
9.3.1	辅助绘图工具	156
9.3.2	绘制线条	157
9.3.3	绘制简单图形	158
9.3.4	绘制复杂图形	161
9.3.5	设计图形色彩	162
9.3.6	编辑所绘图形	164
动手练	绘制雪花造型丰富网页	168
综合实战：绘制电视机网页图标	169
新手答疑	172


第10章   网页动画的制作
10.1	时间轴与图层	174
10.1.1	认识时间轴	174
10.1.2	图层的基本操作	174
10.1.3	帧的基本操作	176
动手练	网页标题文字跳动动画	178
10.2	元件	180
10.2.1	元件的类型	180
10.2.2	创建元件	181
10.2.3	编辑元件	182
10.2.4	实例的创建与编辑	183
动手练	页面文字出现动画	184
10.3	库	187
10.3.1	认识“库”面板	187
10.3.2	重命名库项目	187
10.3.3	创建文件夹	187
10.4  	动画的制作	188
10.4.1	逐帧动画	188
10.4.2	补间动画	188
10.4.3	引导动画	190
10.4.4	遮罩动画	191
10.4.5 	交互动画	191
动手练	网页遮罩动画	194
综合实战：制作网页轮播图动画	197
新手答疑	200


第11章  网页特效的制作
11.1	文本的应用	202
11.1.1	文本类型	202
11.1.2	设置文字属性	203
11.1.3	设置段落格式	203
11.1.4	创建文本链接	204
动手练	文字网站文字变形动画	204
11.2	滤镜的应用	205
11.2.1	认识滤镜	205
11.2.2	编辑滤镜	206
动手练	网页镂空装饰文字	207
11.3	音视频的应用	207
11.3.1	音视频文件格式	207
11.3.2	导入声音	208
11.3.3	编辑优化声音	209
11.3.4	导入视频文件	211
11.3.5 	编辑处理视频	212
动手练	制作网页装饰性小视频	212
综合实战：制作音频播放页面	214
新手答疑	216


第12章  网页图像基础知识
12.1	Photoshop软件简介	218
12.1.1	Photoshop工作界面	218
12.1.2	自定义图像窗口	219
12.2	编辑图像文档	220
12.2.1	图像文档管理	220
12.2.2	图像尺寸调整	222
12.2.3	画布尺寸调整	222
12.2.4	裁剪工具	222
动手练	裁剪网页图像	223
12.3	页面布局工具	224
12.3.1	标尺	224
12.3.2	网格	224
12.3.3	参考线	224
12.4	网页图像基础知识	225
12.4.1	位图与矢量图	225
12.4.2	分辨率	225
12.4.3	图像格式	226
12.4.4	图像颜色模式	226
综合实战：为网页图像添加边框	227
新手答疑	228


第13章  网页图像的处理
13.1	创建与编辑选区	230
13.1.1	创建选区	230
13.1.2	编辑选区	231
动手练	合成奇幻网页图像	233
13.2	修改图像	234
13.2.1	橡皮擦工具组	234
13.2.2	图章工具组	235
13.2.3	修复工具组	236
动手练	修复网页图像	237
13.3	图层与蒙版	238
13.3.1	图层的基本操作	238
13.3.2	图层样式的运用	241
13.3.3	图层的混合模式	242
13.3.4	图层蒙版的操作	243
动手练	合成趣味网页图像	245
13.4	调整网页图像	248
12.4.1	色彩三要素	248
12.4.2	常用图像调整命令	249
12.4.3	调整图层	250
动手练	网页图像调色	251
13.5	运用滤镜增强网页图像的效果	253
13.5.1	使用滤镜库	253
13.5.2	风格化滤镜组	253
13.5.3	模糊滤镜组	254
13.5.4	扭曲滤镜组	255
13.5.5	像素化滤镜组	256
动手练	网页图像内容添加	257
综合实战：制作线上课程封面	258
新手答疑	262


第14章  网页元素的设计
14.1	设计网页文字	264
14.1.1	输入和编辑文字	264
14.1.2	路径文字	266
14.2	设计标志和图标	267
14.2.1	制作网站标志	267
14.2.2	制作页面图标	268
14.3	设计按钮和导航条	269
14.3.1	绘制网页按钮	269
动手练	制作下载按钮	269
14.3.2	绘制网页导航条	271
动手练	制作电影网站首页导航条	271
14.4	设计网页广告	273
14.4.1	制作Banner	273
动手练	制作茶文化网站首页Banner	273
14.4.2	制作网页通栏广告	274
动手练	制作鞋类产品促销通栏广告	274
14.5	设计网页并输出	276
14.5.1	制作网站首页	276
动手练	制作美食网站首页	277
14.5.2	创建切片	281
动手练	创建美食网站首页切片	281
14.5.3	优化导出切片	282
动手练	导出美食网站首页切片	282
综合实战：绘制咖啡网站标志	284
新手答疑	286

附赠   HTML 5知识手册
（本部分内容请扫码查看电子文档）

?设计之下，
?每次点击都有意义。