网页设计与制作教程

第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版）（高等学校计算机基础教育教材精选）》是全面介绍网页设计与制作技术的教程，以目前流行的网页设计软件作为技术支持，系统地介绍了网页的构思、规划、制作和网站建设的全过程。本书分为两篇共8章，并包括三个附录。第1篇（第1～5章）是基础篇，介绍了网页制作基础知识、HTML简介、CSS基础知识、网站建设概论和目前主流的网页制作工具Dreamweaver CS5；第2篇（第6～8章）是提高篇，介绍了目前主要的网页布局方法CSS+Div、常用的网页制作辅助工具Photoshop CS5和Flash CS5；附录中提供了实用的网页特效源代码和便捷的辅助设计小软件及每章课后习题的参考答案。
全书构思清晰、结构合理、内容丰富、循序渐进，兼顾了入门和提高两个层次，关注了每个软件常用和实用的部分，特别注重实践能力的培养，实用性、可操作性和可模仿性较强。此外，与本书配套的实验指导、多媒体教学课件和网络教学平台等立体化的教学资源，可以帮助读者在较短的时间内学会设计网页的知识和掌握制作网站的技能，创建出自己喜爱的网站。
《网页设计与制作教程（第3版）（高等学校计算机基础教育教材精选）》可作为高等院校“网页设计与制作”课程的教材和网页制作培训班的教材，也可作为网页设计与制作爱好者的自学参考书。

本书自出版以来，已被多所学校选用，历经数次改版、日臻完善，教材立体化建设配套资源丰富，便于教学。与本书配套的《网页设计与制作教程》（第3版）已出版。