《网页设计与制作教程(第3版)(高等学校计算机基础教育教材精选)》是全面介绍网页设计与制作技术的教程,以目前最流行的网页设计软件作为技术支持,系统地介绍了网页的构思、规划、制作和网站建设的全过程。本书分为两篇共8章,并包括三个附录。第1篇(第1~5章)是基础篇,介绍了网页制作基础知识、HTML简介、CSS基础知识、网站建设概论和目前主流的网页制作工具Dreamweaver CS5;第2篇(第6~8章)是提高篇,介绍了目前最主要的网页布局方法CSS+Div、最常用的网页制作辅助工具Photoshop CS5和Flash CS5;附录中提供了实用的网页特效源代码和便捷的辅助设计小软件及每章课后习题的参考答案。
全书构思清晰、结构合理、内容丰富、循序渐进,兼顾了入门和提高两个层次,关注了每个软件最常用和最实用的部分,特别注重实践能力的培养,实用性、可操作性和可模仿性较强。此外,与本书配套的实验指导、多媒体教学课件和网络教学平台等立体化的教学资源,可以帮助读者在较短的时间内学会设计网页的知识和掌握制作网站的技能,创建出自己喜爱的网站。
《网页设计与制作教程(第3版)(高等学校计算机基础教育教材精选)》可作为高等院校“网页设计与制作”课程的教材和网页制作培训班的教材,也可作为网页设计与制作爱好者的自学参考书。
网页设计与制作教程(第3版)1. 本书第3版说明
本书的第1版和第2版至今已累积发行了10多万册,获得了高校师生和社会读者的一致好评,并被评为江西省普通高等学校优秀教材一等奖,第2版还被教育部评为普通高等教育“十一五”国家级规划教材。与本书配套的多媒体教学课件也获得了江西省高校优秀多媒体教学课件二等奖、第七届全国多媒体课件大赛优秀奖。
随着信息化的不断深入,网页设计技术也在不断发展,网页设计软件不断推陈出新,作者根据多年来的教学总结和读者提出的建议,再次重新编写了本套教材。本次改版主要对Dreamweaver部分的内容进行了优化,删除了FrontPage和Fireworks的内容,大大增加了CSS方面的内容,以适应网页设计技术发展的趋势。该套教材包括两册:《网页设计与制作教程》(第3版)为课堂教学教材,《网页设计与制作实验指导》(第3版)为实验辅助教材。
2. 本书内容
本书是全面介绍网页设计与制作技术的教程。书中由浅入深、系统地介绍了网页的构思、规划、制作和网站建设的全过程。全书分为两篇(共8章)和三个附录。
第1篇(第1~5章)是基础篇,介绍网页制作基础知识、HTML简介、CSS基础知识、网站建设概论和目前主流的网页制作工具Dreamweaver CS5。
第2篇(第6~8章)是提高篇,介绍目前最主要的网页布局方法CSS+Div、最常用的网页制作辅助工具Photoshop CS5和Flash CS5。
附录中提供了非常实用的网页特效源代码和便捷的辅助设计小软件及每章课后习题的参考答案。
3. 本书特点
本书的主要特点如下。
1) 实用
本书从基础知识入手,挑选了网页设计与制作技术中最基本、最实用的知识进行了详细介绍,读者无须任何基础就可以在通俗易懂而又有趣的实例中学到设计网页的知识和掌握制作网站的技能。
2) 精简
本书按照教学规律精心设计了内容和结构,按照循序渐进、由易到难的原则进行了合理编排,从理论到方法,再从方法到实践,重点突出了实例教学,并兼顾了入门和提高两个层次。全书内容系统精练,例题具有代表性,语言简单明了、通俗易懂。
3) 方便
本书每章后面均提供了大量的思考与练习题供读者巩固和延伸所学知识。与本书配套的《网页设计与制作实验指导》(第3版)、多媒体教学课件(在http://www.tup.com.cn下载)和网络教学平台(http://online.ncu.edu.cn/eol/homepage/course/course_index.jsp?_style=style_2_03andcourseId=5274),大大方便了老师的“教”与学生的“学”。
4. 本书编写情况说明
本书各章内容主要由杨选辉编写完成,其中谷艳红参与编写了本书第5、6、8章的部分内容,曾群、郭路生、李晚照、龚花萍、方玉凤、葛伟、屈文建分别参与编写了本书的第1、2、3、4、6、7章和附录的部分内容,孙斌、赵珑、郭晓虹、饶志华、敖建华、张婕钰参与了本书2、3、5、6、7、8章部分案例的设计和编写工作。全书由杨选辉拟定大纲和统稿。
本书得到了南昌大学教材出版项目的资助。
由于作者水平有限,书中难免有不足与错误之处,敬请读者批评指正。
作者
2014年8月
第1篇基础篇第1章网页制作基础知识2
1.1Internet的基础知识2
1.1.1Internet简介2
1.1.2Internet的发展历程3
1.1.3中国Internet的发展4
1.1.4Internet的功能8
1.2万维网的基础知识10
1.2.1WWW简介10
1.2.2HTTP和FTP协议12
1.2.3超链接和超文本13
1.2.4Internet地址13
1.2.5域名15
1.2.6URL16
1.3网页与网站的基础知识17
1.3.1网页、网页文件和网站17
1.3.2静态网页和动态网页18
1.3.3网页界面的构成18
1.3.4网站的分类19
1.3.5Web服务器和网页浏览器20
1.3.6网站开发工具21
1.3.7网页编程语言22
思考与练习23
第2章HTML简介25
2.1HTML概述25
2.1.1HTML的发展历程25
2.1.2一个简单的HTML实例26
2.1.3HTML的基本概念27网页设计与制作教程(第3版)目录2.1.4HTML文档的基本结构28
2.1.5HTML的基本语法规则29
2.2HTML的文本格式标记31
2.2.1标题文字标记31
2.2.2文字字体标记32
2.2.3文本修饰标记33
2.2.4段落标记33
2.2.5强制换行标记34
2.2.6插入水平线标记34
2.2.7预排格式标记35
2.2.8定位标记35
2.2.9列表标记37
2.2.10文字滚动标记39
2.3HTML的图像与多媒体标记40
2.3.1图像标记40
2.3.2背景声音标记42
2.3.3多媒体标记42
2.4HTML的超链接标记43
2.5HTML的表格标记44
2.6HTML的表单标记47
2.7HTML的框架标记53
2.8HTML综合实例57
思考与练习58
第3章CSS基础知识62
3.1CSS概述62
3.1.1CSS与HTML的关系62
3.1.2CSS的优点62
3.1.3一个CSS的应用实例63
3.2CSS的基本语法64
3.2.1CSS的语法64
3.2.2CSS的语法规则65
3.3CSS的使用方法66
3.3.1行内式66
3.3.2嵌入式67
3.3.3链接式68
3.3.4导入式69
3.3.5引入方式的优先级69
3.4CSS选择器70
3.4.1标记选择器70
3.4.2类选择器71
3.4.3ID选择器72
3.4.4伪类选择器74
3.4.5后代选择器75
3.4.6通用选择器75
3.4.7选择器的集体声明75
3.5CSS的层叠性77
3.6CSS的继承性80
3.7CSS属性的值和单位81
3.8应用CSS修饰网页文本83
思考与练习87
第4章网站建设概论89
4.1网站建设的步骤89
4.1.1网站的规划90
4.1.2网站的设计92
4.1.3网站的实现98
4.1.4网站的测试和发布98
4.1.5网站的推广和维护101
4.2网站建设的原则104
4.3网页的可视化设计概论108
4.3.1网页的版面布局108
4.3.2网页的色彩搭配115
4.3.3网页的艺术设计119
4.3.4网页的点、线、面的运用122
4.3.5网页中文字和图形的设计125
思考与练习128
第5章Dreamweaver CS5基础知识130
5.1Dreamweaver CS5概述130
5.1.1初识Dreamweaver CS5130
5.1.2Dreamweaver CS5的工作界面130
5.2站点的创建和管理132
5.2.1创建本地站点132
5.2.2管理本地站点134
5.2.3管理本地站点中的文件134
5.3网页文档的基本操作135
5.3.1新建网页135
5.3.2设置页面属性135
5.3.3保存、打开和预览网页140
5.4编辑与设置网页文本141
5.4.1输入普通文本141
5.4.2设置文本格式142
5.4.3插入其他元素145
5.4.4创建一个纯文字页面的实例147
5.5插入图像150
5.5.1插入图像150
5.5.2编辑图像153
5.5.3插入其他图像元素157
5.5.4创建添加图像元素的页面的实例158
5.6插入多媒体160
5.6.1插入Flash160
5.6.2插入音频160
5.6.3插入视频162
5.6.4创建添加多媒体元素的页面的实例163
5.7创建超链接166
5.7.1创建文本链接166
5.7.2创建图像链接167
5.7.3创建电子邮件链接168
5.7.4创建锚记链接169
5.7.5检查与修复链接171
5.7.6创建添加超链接的页面的实例172
5.8表格的使用173
5.8.1创建表格174
5.8.2选择表格元素175
5.8.3表格的属性设置176
5.8.4表格的基本操作177
5.8.5表格运用的实例180
5.8.6表格的布局功能182
5.8.7应用表格布局设计网页的实例187
5.9框架的使用193
5.9.1创建框架193
5.9.2框架集和框架属性的设置194
5.9.3在框架中设置链接196
5.9.4使用框架布局功能设计页面的实例197
5.9.5嵌入式框架的应用方法201
5.10表单的使用205
5.10.1创建表单205
5.10.2添加表单元素206
5.10.3制作表单页面的实例209
5.11模板的使用210
5.11.1模板的基本操作211
5.11.2模板的应用实例212
5.12行为的应用215
5.12.1行为的基本操作215
5.12.2常见的行为事件和行为动作215
5.12.3行为的应用实例218
5.13CSS样式表的应用220
5.13.1CSS的基本操作220
5.13.2CSS的应用实例223
5.14AP Div的应用225
5.14.1AP Div的基本操作225
5.14.2AP Div的应用实例226
思考与练习229
第2篇提高篇
第6章CSS+Div网页布局234
6.1盒子模型234
6.1.1盒子模型的属性及设置234
6.1.2盒子模型的计算238
6.1.3盒子模型的应用举例239
6.2普通流: display属性240
6.2.1display的引入240
6.2.2display属性的取值242
6.2.3display的应用举例243
6.3浮动: float属性244
6.3.1float属性的取值245
6.3.2浮动的清除247
6.3.3float属性的应用举例248
6.4定位: position属性249
6.4.1position属性的取值249
6.4.2相对定位250
6.4.3绝对定位252
6.5CSS+Div布局255
6.5.1布局前的准备255
6.5.2常见的布局种类257
6.5.3布局实例一268
6.5.4布局实例二271
思考与练习281
第7章Photoshop CS5基础知识284
7.1Photoshop CS5概述284
7.1.1图形图像的基本概念284
7.1.2Photoshop CS5的功能简介286
7.1.3Photoshop CS5的工作界面287
7.2Photoshop CS5的文件操作289
7.2.1新建文件289
7.2.2打开文件291
7.2.3置入文件291
7.2.4保存文件291
7.2.5使用标尺、网格等辅助工具292
7.3图像的基本操作292
7.3.1剪切、复制和粘贴292
7.3.2图像的旋转和变形293
7.3.3移动图像296
7.3.4清除图像296
7.3.5还原、重做与恢复操作296
7.4色彩和色调的调整297
7.4.1颜色的基本属性297
7.4.2调整图像色调298
7.4.3调整图像色彩299
7.5Photoshop CS5的文字操作300
7.5.1文字的输入300
7.5.2文字的编辑305
7.5.3文字的转换306
7.6Photoshop CS5的选区操作308
7.6.1创建选区308
7.6.2编辑选区311
7.7Photoshop CS5的图层操作312
7.7.1认识图层和图层面板312
7.7.2编辑和管理图层313
7.7.3图层混合模式的应用315
7.7.4图层样式的应用317
7.8Photoshop CS5中通道和蒙版的应用320
7.8.1认识通道321
7.8.2通道的应用322
7.8.3创建和编辑蒙版325
7.8.4蒙版的应用326
7.9Photoshop CS5中滤镜的应用332
7.9.1滤镜基础知识332
7.9.2滤镜的应用334
7.10Photoshop CS5网页设计应用实例337
7.10.1设计Logo337
7.10.2设计Banner339
7.10.3设计字体343
7.10.4设计导航344
7.10.5设计主页面347
7.10.6图像合成350
7.10.7利用切片功能制作网页351
思考与练习354
第8章Flash CS5基础知识357
8.1Flash CS5概述357
8.1.1Flash动画技术的特点357
8.1.2Flash动画的应用358
8.1.3Flash CS5的界面介绍358
8.2Flash CS5的基本操作366
8.2.1Flash文档的基本操作366
8.2.2Flash图形的绘制和对象的编辑368
8.2.3Flash文本的创建和编辑374
8.3时间轴、帧和图层376
8.3.1时间轴376
8.3.2帧377
8.3.3图层379
8.4元件、实例和库381
8.4.1元件381
8.4.2实例382
8.4.3库384
8.5Flash动画制作385
8.5.1Flash动画的基础知识385
8.5.2逐帧动画387
8.5.3形状补间动画390
8.5.4动作补间动画391
8.5.5引导层动画395
8.5.6遮罩动画398
8.5.7交互式动画400
8.6Flash在网页制作中的应用403
8.6.1利用Flash制作网站Logo403
8.6.2利用Flash制作网站Banner405
8.6.3利用Flash制作一个网站的首页408
8.7Flash动画的测试和发布412
8.7.1动画的优化412
8.7.2动画的测试413
8.7.3动画的发布与导出414
思考与练习415
附录A实用的网页特效源代码417
附录B便捷的辅助设计小软件424
附录C思考与练习的参考答案428
参考文献440
网页设计与制作教程(第3版)1. 本书第3版说明
本书的第1版和第2版至今已累积发行了10多万册,获得了高校师生和社会读者的一致好评,并被评为江西省普通高等学校优秀教材一等奖,第2版还被教育部评为普通高等教育“十一五”国家级规划教材。与本书配套的多媒体教学课件也获得了江西省高校优秀多媒体教学课件二等奖、第七届全国多媒体课件大赛优秀奖。
随着信息化的不断深入,网页设计技术也在不断发展,网页设计软件不断推陈出新,作者根据多年来的教学总结和读者提出的建议,再次重新编写了本套教材。本次改版主要对Dreamweaver部分的内容进行了优化,删除了FrontPage和Fireworks的内容,大大增加了CSS方面的内容,以适应网页设计技术发展的趋势。该套教材包括两册:《网页设计与制作教程》(第3版)为课堂教学教材,《网页设计与制作实验指导》(第3版)为实验辅助教材。
2. 本书内容
本书是全面介绍网页设计与制作技术的教程。书中由浅入深、系统地介绍了网页的构思、规划、制作和网站建设的全过程。全书分为两篇(共8章)和三个附录。
第1篇(第1~5章)是基础篇,介绍网页制作基础知识、HTML简介、CSS基础知识、网站建设概论和目前主流的网页制作工具Dreamweaver CS5。
第2篇(第6~8章)是提高篇,介绍目前最主要的网页布局方法CSS+Div、最常用的网页制作辅助工具Photoshop CS5和Flash CS5。
附录中提供了非常实用的网页特效源代码和便捷的辅助设计小软件及每章课后习题的参考答案。
3. 本书特点
本书的主要特点如下。
1) 实用
本书从基础知识入手,挑选了网页设计与制作技术中最基本、最实用的知识进行了详细介绍,读者无须任何基础就可以在通俗易懂而又有趣的实例中学到设计网页的知识和掌握制作网站的技能。
2) 精简
本书按照教学规律精心设计了内容和结构,按照循序渐进、由易到难的原则进行了合理编排,从理论到方法,再从方法到实践,重点突出了实例教学,并兼顾了入门和提高两个层次。全书内容系统精练,例题具有代表性,语言简单明了、通俗易懂。
3) 方便
本书每章后面均提供了大量的思考与练习题供读者巩固和延伸所学知识。与本书配套的《网页设计与制作实验指导》(第3版)、多媒体教学课件(在http://www.tup.com.cn下载)和网络教学平台(http://online.ncu.edu.cn/eol/homepage/course/course_index.jsp?_style=style_2_03&courseId=5274),大大方便了老师的“教”与学生的“学”。
4. 本书编写情况说明
本书各章内容主要由杨选辉编写完成,其中谷艳红参与编写了本书第5、6、8章的部分内容,曾群、郭路生、李晚照、龚花萍、方玉凤、葛伟、屈文建分别参与编写了本书的第1、2、3、4、6、7章和附录的部分内容,孙斌、赵珑、郭晓虹、饶志华、敖建华、张婕钰参与了本书2、3、5、6、7、8章部分案例的设计和编写工作。全书由杨选辉拟定大纲和统稿。
本书得到了南昌大学教材出版项目的资助。
由于作者水平有限,书中难免有不足与错误之处,敬请读者批评指正。
作者
2014年8月