网页设计与制作教程

　　本书是一本全面介绍网页设计与制作技术的教程，它以目前最流行的网页设计软件作为技术支持，由浅入深，系统地介绍了网页的构思、规划、制作和网站建设的全过程。本书分为三篇共11章，并包括一个附录。第一篇是基础篇（第1～3章），介绍了Internet和WWW的基本知识、网站建设的概论以及制作网页的基本语言HTML；第二篇是应用篇（第4～6章），介绍了目前主流的网页制作工具FrontPage 2003和Dreamweaver MX 2004，以及网站发布和维护方面的知识；第三篇是提高篇（第7～11章），介绍了目前最常用的网页制作辅助工具Photoshop CS、Fireworks MX 2004和Flash MX 2004，以及一些很实用的辅助设计小软件，还介绍了一个简单网站主页设计的过程。附录中提供了一些非常实用的网页特效源代码。在每章的后面都有思考与练习题。全书构思清晰，结构合理，内容全面系统，语言简洁生动，图文并茂，实例新颖，特别注重实践能力的培养，实用性和可操作性较强。另外，与本书配套的《网页设计与制作实验指导》，可以供读者上机练习使用。这两本书可以帮助初学者在较短的时间内快速掌握实用的网页设计与制作知识，设计与制作出自己喜爱的网站。 本书可作为高等院校“网页设计与制作”课程的教材和网页制作培训班的教材，也可作为网页设计与制作爱好者的自学参考书。 这本书的特点主要靠新、特、易：l。“新”主要是指书中介绍的软件相对要新，不可能现在出版的书介绍的软件和知识还是几年前的，还是大家已经不用或用的很少甚至淘汰的版本。 l。“特”指的是特色，本身的实力就非常重要了，理论是通用的，关键是看谁组织得好，谁能把握住读者的需求，这就要求在保证本书的内容的前提下在特色方面多下了工夫。l。“易”主要是针对教材而言要求在教和学上要容易，这一点也是许多作者容易忽略的地方。一方面对于老师来说，要尽可能减轻他们的备课量，设计一个实用、全面的电子课件非常非常重要，周围的老师基本上不订无课件的教材，但目前虽然很多课程都提供课件，但那些课件绝大部分不实用，要么简单只是标题，要么就是教学资源不全，基本上是在应付市场上老师的这种需求。另一方面对于学生而言，要按照循序渐进、突出重点难点、讲究实用的原则来设计书稿，加大实例和实践的教学比例，才能培养出既掌握理论知识又具备动手能力的社会真正需要的人才。 作者在撰写书稿的时候处处考虑到了新、特、易三点。“新”方面：介绍的是MX 2004的版本，是2003年年底推出的软件在2004—至今用的很广的版本。“特”方面：内容全面精炼，素材丰富，例题多样，操作讲解详尽，步骤完整，重点突出。因为网页设计与制作课程是一门实践性很强的课程，因此突出了实例教学，突出了应用，还配套出版了一本上机指导，帮助读者进一步强化课堂的学习，提高动手能力。并且还非常注重书的可读性、实用性和可操作性，抛弃了许多初学者暂时用不上内容，着眼于每个设计软件和工具中最实用的部分，按照循序渐进、由易到难的原则进行了合理的编排。详见书的前言部分。 “易”方面：作者已经在实施制作一个非常实用的光盘或课件，光盘内容包括：光盘使用说明、教学指南、教学课件、教学资源、习题与自测、作品赏析等六大栏目若干个子类，涵盖了老师的所有备课内容，彻底解决老师备课问题。预计2005年6月底完成，预计2005年9月前也就是开学前一定能够完成。

暂缺《网页设计与制作教程》作者简介

第一篇 基 础 篇
第1章 Internet和WWW2
1.1Internet简介2
1.1.1什么是Internet2
1.1.2Internet的起源3
1.1.3中国Internet的发展3
1.1.4Internet的功能和应用6
1.2WWW简介8
1.2.1WWW的起源8
1.2.2Web的特点和结构9
1.2.3WWW的基本概念10
1.3常见网络浏览器--IE15
思考与练习题19
第2章 网站建设概论20
2.1网站概论20
2.1.1网站的种类20
2.1.2网站建设的步骤21
2.1.3网站设计的原则32
2.2网页的可视化设计概论34
2.2.1网页设计的原则34
2.2.2网页版面布局的设计39
2.2.3网页色彩的设计44
2.2.4图形与文字的设计45
2.2.5首页的设计48
2.3网页制作工具概述48
2.3.1网页设计的常用工具49
2.3.2网页设计的辅助美化工具50
思考与练习题50
第3章 HTML简介52
3.1HTML概述52
3.1.1简单的HTML实例52
3.1.2HTML的基本概念53
3.1.3HTML的基本结构54
3.1.4HTML的语法规则55
3.2HTML的文本格式标记57
3.2.1标题格式标记57
3.2.2文字格式标记58
3.2.3字型设置标记59
3.2.4段落标记59
3.2.5强制换行标记60
3.2.6预排格式标记61
3.2.7文本堆砌方式标记61
3.2.8插入水平线标记61
3.2.9文本缩进标记61
3.2.10列表标记62
3.3HTML的表格标记65
3.4HTML的图像与多媒体标记69
3.4.1图像标记69
3.4.2背景音乐标记70
3.4.3视频标记71
3.5HTML的超链接标记71
3.6HTML的表单标记72
3.7HTML的框架标记74
3.8HTML综合实例77
3.9DHTML. XML简介79
3.9.1DHTML简介79
3.9.2XML简介79
思考与练习题80
第二篇 应 用 篇
第4章 FrontPage 2003基础知识82
4.1FrontPage 2003概述82
4.1.1FrontPage 2003功能特点82
4.1.2FrontPage 2003工作界面83
4.2网站的创建和管理85
4.2.1网站的创建85
4.2.2网站的管理87
4.2.3网站的基本操作90
4.2.4网页的基本操作92
4.3网页的文字处理94
4.3.1网页标题的建立94
4.3.2文字的添加95
4.3.3文字的修饰95
4.4网页图像的基本操作100
4.4.1图像的添加100
4.4.2图像的编辑103
4.4.3图像的保存105
4.4.4设置网页的背景106
4.5建立超链接107
4.5.1文本超链接107
4.5.2图像超链接108
4.5.3电子邮件超链接111
4.6建立表格112
4.6.1表格的创建112
4.6.2表格的编辑114
4.6.3表格的嵌套117
4.6.4表格的网页布局功能118
4.7建立表单120
4.7.1表单的构成121
4.7.2使用模板创建表单121
4.7.3使用向导创建表单123
4.7.4自定义表单126
4.8框架的使用129
4.8.1框架的创建129
4.8.2框架的保存129
4.8.3框架的基本操作131
4.8.4框架的属性设置133
4.9一些特殊效果的运用134
4.9.1制作不断弹出提示窗口的页面134
4.9.2插入滚动字幕136
4.9.3创建交互式按钮137
4.9.4消除超链接的下划线138
4.10网站的测试与发布140
4.10.1网站的测试140
4.10.2网站的发布140
4.11FrontPage 2003综合实例142
思考与练习题146
第5章 Dreamweaver MX 2004基础知识148
5.1Dreamweaver MX 2004简介148
5.1.1Dreamweaver MX 2004概述148
5.1.2Dreamweaver MX 2004的工作界面149
5.2Dreamweaver MX 2004的站点管理153
5.2.1站点的创建153
5.2.2站点的配置155
5.2.3站点的管理158
5.2.4网页的创建158
5.3建立框架160
5.3.1框架的创建160
5.3.2框架的属性设置161
5.3.3模板的使用162
5.4网页的文字处理163
5.4.1文字的添加163
5.4.2页面的修饰164
5.5网页的图像处理165
5.5.1图像的添加165
5.5.2图像的修饰167
5.6建立超链接167
5.6.1为文字添加超链接168
5.6.2为图像建立超链接169
5.6.3建立电子邮件超链接170
5.6.4建立锚点171
5.7建立表格171
5.7.1表格的创建与编辑171
5.7.2表格的嵌套173
5.7.3用表格进行页面布局173
5.8建立表单175
5.8.1表单的创建175
5.8.2表单元素的添加175
5.8.3一个表单制作的实例177
5.9层的运用179
5.9.1层的基本概念179
5.9.2层的基本操作179
5.9.3层的属性设置180
5.10Dreamweaver中样式表和行为的运用181
5.10.1CSS样式表181
5.10.2行为的运用182
5.11测试和发布网站182
5.11.1测试网站182
5.11.2发布网站184
5.12网页制作实例188
思考与练习题190
第6章 网站的发布与维护191
6.1发布网站前的准备191
6.1.1本地测试191
6.1.2WWW服务器的选择192
6.1.3申请域名和网页空间192
6.2网站的发布193
6.2.1上传网站193
6.2.2在线测试站点198
6.3网站的宣传199
6.3.1登录搜索引擎200
6.3.2广告交换201
6.3.3网络广告202
6.3.4利用网络工具203
6.4网站的日常管理和维护203
思考与练习题204
第三篇 提 高 篇
第7章 Photoshop CS基础知识206
7.1Photoshop CS概述206
7.1.1颜色模式和文件格式介绍206
7.1.2Photoshop CS的功能特点208
7.1.3Photoshop CS的工作界面209
7.2Photoshop CS的基本操作214
7.2.1图像的基本操作214
7.2.2文字的基本操作215
7.2.3选区的基本操作216
7.3创作特殊效果图像222
7.3.1水波纹的制作222
7.3.2水晶球的效果224
7.3.3制作扫描线效果225
7.3.4制作射线效果226
7.3.5代码背景的制作227
7.4创建特殊效果文字228
7.4.1火焰字228
7.4.2印章字228
7.4.3发光字229
7.4.4浮雕字230
思考与练习题230
第8章 Fireworks MX 2004基础知识231
8.1Fireworks MX 2004概述231
8.1.1Fireworks MX 2004的功能特点231
8.1.2Fireworks MX 2004工作界面232
8.1.3Fireworks MX 2004的基本操作238
8.2文本的编辑和运用241
8.3图像的编辑246
8.3.1对矢量图的编辑246
8.3.2对位图的编辑249
8.3.3对效果的处理250
8.4Web图像的处理253
8.4.1图像热点253
8.4.2图像切片256
8.4.3制作按钮258
8.4.4制作导航栏263
8.5动画的制作265
8.5.1关于GIF动画265
8.5.2制作步骤266
8.6图像的优化和导出267
8.6.1优化图像267
8.6.2导出图像272
8.7Fireworks与Dreamweaver的协同工作276
8.7.1在Dreamweaver中插入Fireworks图像276
8.7.2在Dreamweaver中编辑Fireworks图像277
思考与练习题279
第9章 Flash MX 2004基础知识280
9.1Flash概述280
9.1.1Flash MX 2004的新增功能280
9.1.2Flash MX 2004的工作界面282
9.2使用时间轴. 帧. 图层以及时间轴特效285
9.2.1时间轴285
9.2.2帧286
9.2.3图层287
9.2.4时间轴特效289
9.3Flash的简单动画制作291
9.3.1Flash动画的基本类型291
9.3.2制作动画的一般过程291
9.4元件以及交互动画的制作294
9.4.1元件的制作294
9.4.2交互动画的制作299
9.5声音的导入302
9.5.1声音的类型302
9.5.2声音的应用302
9.5.3声音的属性设置304
9.6影片的优化. 测试与发布305
9.6.1影片优化306
9.6.2加速显示的速度307
9.6.3Flash的发布307
9.7Flash综合实例309
思考与练习题316
第10章 常用的网页设计与制作辅助小软件318
10.1博硕网页设计师318
10.2小榕图标编辑器V1.0318
10.3超级图标3.5319
10.4HyperSnapDX321
10.5UltraEdit 10.x323
思考与练习题324
第11章 综合实例326
11.1使用Fireworks制作Logo326
11.2使用Flash制作带有动态效果导航的图片327
11.3使用FrontPage或Dreamweaver建立简单主页329
附录A 一些非常实用的特效源代码333
A.1文字向上滚动特效333
A.2鼠标滚屏特效334
A.3加入收藏夹特效334
A.4去除超链接下划线特效335
A.5设为首页特效335
A.6彩色滚动条特效336
A.7关闭窗口特效336
A.8移动字幕链接特效336
A.9返回上一页特效337
A.10图像渐显特效337
A.11状态栏动态文字特效338
A.12显示时间特效339
参考文献341