网页制作技术-图书-人邮教育社区

内容摘要

　　本书系统全面地介绍了网页设计与制作技术，是一本能使读者全面掌握网页制作技术的教材。本教材以一个“天使部落”网页示例贯穿始终，围绕这一具体示例，详细介绍了网页各要素的处理方法，包括网页中文本、表格、图像、超链接、表单、框架、图层、CSS样式、多媒体的处理?椒ǎ苯樯芰死媚０搴涂馍杓仆场⒗肍ireworks MX和Flash MX美化网页以及网页的测试与发布等技术。本书的最后结合每章的内容给出相应的网页制作实训，方便读者进行实训练习，便于读者更好地掌握网页制作技术。
　　本书以Dreamweaver MX、FrontPage 2003为工具介绍网站的创建与管理方法；以Dreamweaver MX、HTML为工具介绍网页的设计与制作方法；以Fireworks MX、Flash MX为工具介绍美化网页的方法。使读者在掌握网页设计与制作技术的同时，还掌握了以上网页设计工具及软件的使用方法
。
　　本书不仅适用于高职高专计算机专业的学生，还适合于各大专院校非计算机专业的学生，同时还可以作为网页制作的培训教程及网页制作爱好者的自学用书。

第 1 章　网页设计基础　1
1.1　网页中的常见元素　1
1.1.1　文本　1
1.1.2　图形　2
1.1.3　超链接　3
1.1.4　表格　3
1.1.5　表单　3
1.1.6　声音和视频　3
1.2　常用网页制作工具　4
1.2.1　超文本标识语言　4
1.2.2　Dreamweaver　4
1.2.3　FrontPage　4
1.2.4　Dreamweaver与FrontPage的比较　5
1.3　常用的网页美化工具　5
1.3.1　Fireworks　6
1.3.2　Flash　6
1.3.3　Photoshop　7
1.4　建立网站的基本流程　7
1.4.1　确定主题　7
1.4.2　搜集资料　8
1.4.3　网站的整体规划　8
1.4.4　网页设计与制作　9
1.4.5　测试与发布网页　10
1.4.6　网站的宣传与推广　10
1.4.7　网站的反馈与评价　10
1.4.8　网站的更新与维护　10
1.5　网页艺术设计　11
1.5.1　网页版式设计　11
1.5.2　网页色彩设计　12
习题　14

第 2 章　创建和管理站点　15
2.1　规划站点结构　15
2.2　利用Dreamweaver MX创建站点　16
2.2.1　Dreamweaver MX简介　16
2.2.2　定义站点　19
2.2.3　站点的基本操作　22
2.2.4　网页文件的基本操作　23
2.3　利用FrontPage 2003创建站点　26
2.3.1　FrontPage 2003简介　26
2.3.2　创建站点　30
2.3.3　管理站点　33
习题　35

第 3 章　网页文本的编辑与控制　36
3.1　利用Dreamweaver MX编辑网页文本　36
3.1.1　在网页中添加和处理文本　36
3.1.2　在网页中添加图像　41
3.2　HTML概述　42
3.2.1　什么是HTML　42
3.2.2　标记符及其属性　44
3.2.3　HTML文件的基本结构　44
3.2.4　创建和测试Web页　46
3.3　利用HTML处理网页文本　47
3.3.1　标题处理　47
3.3.2　段落处理　48
3.3.3　文本格式处理　50
习题　53

第 4 章　利用表格设计和制作网页　55
4.1　表格网页实例　55
4.2　利用Dreamweaver MX编辑网页表格　56
4.2.1　创建表格　56
4.2.2　表格的编辑　57
4.2.3　设置表格属性　61
4.2.4　表格的排序　62
4.2.5　表格的格式化　63
4.3　利用HTML编辑网页表格　64
4.3.1　利用HTML制作示例网页表格　64
4.3.2　表格的基本构成　67
4.3.3　表格的编辑及属性设置　68
4.4　表格的应用技巧　70
4.4.1　利用表格制作水平线与垂直线　70
4.4.2　利用表格进行页面布局　71
习题　75

第 5 章　网页图像处理　76
5.1　利用Dreamweaver MX处理网页图像　76
5.1.1　网页中的图像格式　76
5.1.2　选择图像处理软件　78
5.1.3　在网页中使用图像时应该注意的几个问题　78
5.1.4　在网页中插入图像　79
5.1 5　设置网页背景　85
5.1.6　在Dreamweaver MX中巧妙地处理图像　86
5.2　利用HTML编辑图像　89
5.2.1　插入图像　89
5.2.2　编辑图像属性　90
习题　92

第 6 章　在网页中使用超链接　93
6.1　超链接基础　93
6.1.1　超链接的种类　93
6.1.2　文档路径类型　93
6.2　利用Dreamweaver MX创建超链接　95
6.2.1　创建文字超链接　95
6.2.2　创建锚点超链接　98
6.2.3　创建电子邮件链接　99
6.2.4　创建空链接和脚本链接　100
6.2.5　创建下载文件超链接　101
6.2.6　图像地图　101
6.3　利用Dreamweaver MX编辑超链接　104
6.3.1　设置链接颜色　104
6.3.2　设置链接字体　104
6.3.3　删除超链接　104
6.4　创建导航条　105
6.4.1　认识导航条　105
6.4.2　插入导航条　106
6.4.3　修改导航条　107
6.5　管理超链接　108
6.5.1　设计一个清晰的超链接　108
6.5.2　利用站点地图管理超链接　108
6.6　利用HTML创建超链接　112
6.6.1　页面链接　112
6.6.2　锚点链接　113
6.6.3　电子邮件链接　113
习题　114

第 7 章　网页表单的编辑　115
7.1　认识表单　115
7.1.1　表单网页实例　116
7.1.2　表单对象　116
7.2　利用Dreamweaver MX编辑表单　117
7.2.1　创建表单　117
7.2.2　设置表单属性　118
7.2.3　插入表单对象　118
7.2.4　验证表单的正确性　124
7.3　利用HTML编辑表单　126
7.3.1　表单标记符　126
7.3.2　表单输入标记符　127
7.3.3　表单控件的定义　127
习题　131

第 8 章　制作框架网页　132
8.1　认识框架网页　132
8.2　创建框架　132
8.2.1　插入预设的框架集　132
8.2.2　设计和插入框架集　133
8.3　编辑框架　134
8.3.1　选定框架和框架集　134
8.3.2　删除框架　135
8.3.3　在框架中打开网页文档　136
8.3.4　保存框架和框架集　136
8.4　设置框架和框架集属性　137
8.4.1　框架的属性　137
8.4.2　框架集的属性　138
8.4.3　设置或更改框架的属性　139
8.5　链接框架的内容　140
8.5.1　框架内的链接　140
8.5.2　关键字的链接　140
习题　141

第 9 章　利用图层技术制作网页　142
9.1　认识图层　142
9.2　图层的基本操作　143
9.2.1　创建图层　143
9.2.2　激活图层　144
9.2.3　选中图层　144
9.2.4　调节图层大小　145
9.2.5　移动图层　147
9.2.6　对齐图层　148
9.2.7　图层与网格的对齐　148
9.3　层面板的应用　148
9.3.1　层属性面板的应用　148
9.3.2　层控制面板的应用　150
9.4　图层与表格　152
9.4.1　防止图层重叠　152
9.4.2　把图层转换为表格　153
9.4.3　把表格转换为图层　154
9.5　图层与时间轴　154
9.5.1　时间轴介绍　154
9.5.2　时间轴的应用　157
9.5.3　创建时间轴动画　158
习题　161

第 10 章　在网页中使用CSS样式　162
10.1　CSS样式的分类及应用方式　162
10.1.1　CSS样式表概述　162
10.1.2　CSS样式的分类　162
10.1.3　CSS样式的应用方式　163
10.1.4　CSS样式的冲突　163
10.2　使用CSS样式表面板　163
10.3　新建CSS样式　164
10.4　设置“CSS样式定义”对话框参数　166
10.4.1　定义CSS样式的“类型”(Type)属性　166
10.4.2　定义CSS样式的“背景”(Background)属性　167
10.4.3　定义CSS样式的“区块”(Block)属性　168
10.4.4　定义CSS样式的“盒子”(Box)属性　169
10.4.5　定义CSS样式的“边框”(Border)属性　170
10.4.6　定义CSS样式的“列表”(List)属性　171
10.4.7　定义CSS样式的“定位”(Positioning)属性　171
10.4.8　定义CSS样式的“扩展”(Extensions)属性　172
10.5　自定义CSS样式　173
10.5.1　应用自定义CSS　样式　173
10.5.2　删除已应用的自定义CSS样式　174
10.6　链接外部CSS样式　174
10.7　编辑CSS样式　175
10.8　复制CSS样式　175
10.9　导出CSS样式　176
10.10　CSS样式转化为HTML标签　176
习题　177

第 11 章　在网页中加入多媒体　178
11.1　网页多媒体应用实例　178
11.2　制作交互对象　178
11.2.1　插入Flash按钮对象　179
11.2.2　插入Flash文本对象　181
11.2.3　鼠标经过图像　182
11.3　在网页中插入媒体对象　183
11.3.1　插入Flash电影　183
11.3.2　插入Shockwave电影　184
11.3.3　插入ActiveX控件　185
11.3.4　插入Java程序(Java Applet)　186
11.4　在网页中插入声音　187
11.4.1　声音文件　187
11.4.2　链接声音文件　188
习题　189

第 12 章　利用模板和库设计网页　190
12.1　利用模板创建网页　190
12.1.1　模板原理　190
12.1.2　创建模板　190
12.1.3　定义可编辑区域　192
12.1.4　使用模板　193
12.1.5　管理模板　195
12.2　利用模板更新网页　196
12.2.1　修改页面附着的模板　196
12.2.2　更新附着模板的页面　196
12.3　利用库项目维护网页　197
12.3.1　创建库项目　197
12.3.2　在文档中插入库项目　199
12.3.3　库项目的管理　200
12.3.4　更新网页　201
习题　202

第 13 章　美化网页　203
13.1　利用Fireworks MX美化网页　203
13.1.1　Fireworks MX的基本操作　203
13.1.2　利用Fireworks MX制作网页按钮　205
13.2　利用Flash MX制作网页动画　212
13.2.1　Flash动画概述　212
13.2.2　利用Flash MX制作网页动画　216
习题　224

第 14 章　网页的测试与发布　225
14.1　申请域名和主页空间　225
14.1.1　申请域名　225
14.1.2　申请主页空间　225
14.2　测试网页　227
14.2.1　设置浏览器的兼容性　228
14.2.2　测试站点　229
14.3　发布网站　230
14.3.1　定义远程站点　230
14.3.2　连接服务器　231
14.3.3　上传文件　231
14.4　宣传自己的网站　232
习题　234

第 15 章　实训　235
15.1　实训l　创建站点和网页　235
15.2　实训2　网页文本的编辑　236
15.3　实训3　网页表格的处理　236
15.4　实训4　网页图像的处理　237
15.5　实训5　在网页中使用超链接　237
15.6　实训6　使用表单　238
15.7　实训7　制作框架网页　239
15.8　实训8　利用图层技术制作网页　239
15.9　实训9　在网页中使用CSS样式　240
15.10　实训10　在网页中加入多媒体　240
15.11　实训11　利用模板和库设计网页　241
15.12　实训12　美化网页　242
15.13　实训13　网页的测试与发布　242

参考文献　244