网页制作案例教程（第2版）

第1章 网站与网页概述\t1
1．1　网站与网页基础知识　1
1．1．1　Internet与Web　1
1．1．2　Web的工作原理　2
1．1．3　网站、网页与主页　2
1．1．4　静态网页与动态网页　3
1．2　网站建立及管理　3
1．2．1　注册、购买域名　3
1．2．2　申请网站空间　5
1．2．3　上传网站内容　6
1．2．4　网站维护管理方法　6
1．3　网站的开发设计　7
1．3．1　网站类型的确定　7
1．3．2　网站整体风格的定位　10
1．3．3　网站标识与色彩设计　10
1．3．4　网站导航与布局设计　11
1．4　网页制作的主要工具软件　11
1．4．1　网页设计软件——Dreamweaver　11
1．4．2　图像处理软件——Photoshop　11
1．4．3　动画设计软件——Flash　11
1．5　课后实验　12
1．6　小结　14
1．7　练习与作业　15
第2章　HTML 5入门　16
2．1　HTML 5基本概念　16
2．1．1　HTML 5简介　16
2．1．2　标记及其属性　17
2．1．3　浏览和修改网页　18
2．2　创建第一个HTML 5文件　18
2．3　HTML 5编码基础　19
2．3．1　HTML 5文档的基本架构　19
2．3．2　HTML 5基本结构标记　19
2．4　HTML 5常用标记　20
2．4．1　特殊字符与文字修饰标记　20
2．4．2　段落格式　21
2．4．3　图像插入　25
2．4．4　表格处理　26
2．4．5　超级链接　27
2．4．6　音频及视频插入　28
2．5　HTML 5新增的页面结构标记　31
2．6　HTML 5要点补充　32
2．7　课后实验　32
2．8　小结　33
2．9　练习与作业　33
第3章　网页基本编辑　35
3．1　Dreamweaver CC简介　35
3．1．1　Dreamweaver CC的启动　35
3．1．2　Dreamweaver CC的工作界面　36
3．1．3　创建本地站点　39
3．1．4　创建、打开和保存文档　40
3．1．5　Dreamweaver CC的退出　42
3．2　文本　42
3．2．1　插入文本　43
3．2．2　设置文本格式　46
3．2．3　插入水平线　50
3．2．4　检查拼写　51
3．2．5　查找和替换文本　51
3．2．6　调色板操作　52
3．3　课后实验　53
3．4　小结　54
3．5　练习与作业　54
第4章　多媒体与超链接　56
4．1　图像　56
4．1．1　常用的Web图像格式　56
4．1．2　插入图像　57
4．1．3　图像常用属性设置　58
4．1．4　图像对齐方式设置　60
4．1．5　创建鼠标经过图像效果　61
4．2　设置页面属性　62
4．3　多媒体　65
4．3．1　插入音频　65
4．3．2　插入视频　66
4．3．3　插入Flash动画　68
4．4　超链接　68
4．4．1　超文本链接　69
4．4．2　命名锚记及锚链接　71
4．4．3　电子邮件链接　72
4．4．4　图像及图像热区链接　72
4．5　导航条　73
4．6　课后实验　74
4．7　小结　75
4．8　练习与作业　75
第5章　表格与嵌入式框架　77
5．1　表格的基本操作　77
5．1．1　表格的组成　77
5．1．2　插入表格　78
5．1．3　选择表格　78
5．1．4　添加或删除表格的行和列　79
5．1．5　调整表格大小　79
5．1．6　单元格的合并与拆分　80
5．2　表格的实例应用　80
5．2．1　实例应用1——制作课程表　81
5．2．2　实例应用2——用表格实现网页
布局　83
5．3　表格数据的导入与导出　87
5．3．1　表格数据的导入　87
5．3．2　表格数据排序　88
5．3．3　从网页中导出表格数据　89
5．4　嵌入式框架　90
5．4．1　嵌入式框架介绍　90
5．4．2　嵌入式框架应用　91
5．5　课后实验　93
5．6　小结　97
5．7　练习与作业　98
第6章　CSS概述　99
6．1　CSS简介　99
6．1．1　认识CSS　99
6．1．2　CSS的功能　101
6．1．3　CSS3　101
6．2　CSS的基本语法　101
6．2．1　选择器　102
6．2．2　声明　104
6．3　CSS在HTML 5中的应用方式　104
6．3．1　CSS的应用方式　104
6．3．2　优先级问题　105
6．4　CSS样式面板及CSS规则定义　105
6．4．1　CSS样式面板功能介绍　106
6．4．2　CSS规则的定义　108
6．5　使用CSS设计器　113
6．5．1　CSS设计器面板介绍　113
6．5．2　CSS设计器的CSS3实例应用　115
6．6　课后实验　118
6．7　小结　120
6．8　作业与实验　120
第7章　DIV+CSS网页布局　122
7．1　DIV+CSS的概述　122
7．1．1　DIV+CSS布局的优缺点　122
7．1．2　网页结构的设计　122
7．2　Dreamweaver CC中DIV+CSS创建
网页布局的方法　123
7．3　DOM面板的使用　127
7．4　DIV+CSS网页案例设计　128
7．4．1　网站主容器及logo区　129
7．4．2　主导航区　130
7．4．3　网页banner区　133
7．4．4　网页中心内容区　133
7．4．5　页脚内容区及页面背景颜色　137
7．5　DIV的相对定位与绝对定位　137
7．5．1　相对定位　138
7．5．2　绝对定位　138
7．5．3　Dreamweaver绝对/相对定位案例
学习　139
7．5．4　绝对定位元素的排列顺序　142
7．6　课后实验　143
7．7　小结　145
7．8　练习与作业　146
第8章　模板和库　147
8．1　“资源”面板　147
8．2　模板概述　147
8．2．1　什么是模板　147
8．2．2　模板的优点　149
8．3　创建模板　149
8．3．1　创建空模板　149
8．3．2　将现有文档存为模板　150
8．3．3　创建可编辑区域　150
8．4　模板的应用　151
8．4．1　应用模板创建新文档　151
8．4．2　更新应用模板的文档　152
8．4．3　将文档从模板中分离　152
8．5　模板网页案例应用　152
8．6　库　155
8．6．1　库项目介绍　155
8．6．2　库项目创建及引用　155
8．6．3　库项目的删除与编辑　156
8．6．4　网页库项目与源文件分离　157
8．7　课后实验　157
8．8　小结　159
8．9　练习与作业　159
第9章　行为　160
9．1　行为概述　160
9．1．1　动作　160
9．1．2　事件　160
9．1．3　“行为”面板　160
9．2　弹出信息　161
9．3　转到URL　162
9．4　调用JavaScript　162
9．5　显示-隐藏元素　163
9．6　课后实验　166
9．7　小结　167
9．8　练习与作业　167
第10章　表单　168
10．1　关于表单　168
10．2　表单元素　169
10．2．1　插入表单　169
10．2．2　插入文本域　170
10．2．3　插入单选按钮和复选框　174
10．2．4　插入下拉列表　175
10．2．5　插入表单按钮　176
10．2．6　插入其他表单控件　177
10．3　用户注册表单实例　178
10．4　课后实验　182
10．5　小结　183
10．6　练习与作业　183
第11章　图像处理工具Photoshop
CC　184
11．1　图形、图像基本概念　184
11．1．1　位图与矢量图　184
11．1．2　常用图形、图像格式　185
11．2　Photoshop CC基础知识　186
11．2．1　图像基本概念　186
11．2．2　Photoshop CC概述　186
11．2．3　Photoshop CC工作界面介绍　187
11．2．4　Photoshop CC 操作特点　189
11．3　Photoshop CC基本操作　189
11．3．1　图像羽化　189
11．3．2　图层组合　190
11．3．3　图像融合　193
11．4　Photoshop CC人物处理　195
11．4．1　相片常规处理　195
11．4．2　人物面部美化　200
11．4．3　更换人物服饰　202
11．4．4　更换人物背景　203
11．5　Photoshop CC按钮、特效字制作　205
11．6　Photoshop CC综合处理　211
11．6．1　图像变形处理　211
11．6．2　图像艺术效果　213
11．6．3　电影海报设计　214
11．6．4　图像切片及网页导出　217
11．7　课后实验　220
11．8　小结　220
11．9　练习与作业　221
第12章　动画制作工具
Flash　CC　222
12．1　中文Flash CC的工作界面　222
12．1．1　动画与Flash CC　222
12．1．2　运行Flash CC　222
12．1．3　菜单栏　225
12．1．4　工具箱　226
12．1．5　场景和舞台　227
12．1．6　时间轴　227
12．1．7　面板　228
12．2　中文Flash CC的基本操作　229
12．2．1　文件操作　229
12．2．2　对象操作　230
12．2．3　声音处理　235
12．3　Flash动画制作基础　240
12．3．1　Flash动画的种类　240
12．3．2　Flash影片的制作过程概述　241
12．4　导入、导出和素材处理　245
12．4．1　导入外部素材　245
12．4．2　作品的导出与发布　246







12．5　应用实例　250
12．5．1　逐帧动画实例　251
12．5．2　补间动画实例　253
12．5．3　路径跟随动画实例　255
12．6　课后实验　257
12．7　小结　261
12．8　作业与实验　261
第13章　网站制作综合应用　263
13．1　网站建设流程　263
13．1．1　网站策划　263
13．1．2　设计网页　266
13．1．3　测试站点　266
13．1．4　发布站点　267
13．2　综合应用实例　268
13．2．1　利用Photoshop设计网页　268
13．2．2　利用Flash设计动画　274
13．2．3　利用DreamWeaver制作网站　276
13．3　课后实验　278
13．4　小结　278
13．5　作业与实验　278
参考文献　279