本书是全面介绍网页设计与製作技术的教程，以目前最流行的网页设计软体作为技术支持，系统地介绍了网页的构思、规划、製作和网站建设的全过程。本书分为两篇共8章，并包括三个附录。第1篇（第1～5章）是基础篇，介绍了网页製作基础知识、HTML简介、CSS基础知识、网站建设概论和目前主流的网页製作工具Dreamweaver CS5；第2篇（第6～8章）是提高篇，介绍了目前最主要的网页布局方法CSS+Div、最常用的网页製作辅助工具Photoshop CS5和Flash CS5；附录中提供了实用的网页特效原始码和便捷的辅助设计小软体及每章课后习题的参考答案。

第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.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

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章DreamweaverCS5基础知识130

5.1DreamweaverCS5概述130

5.1.1初识DreamweaverCS5130

5.1.2DreamweaverCS5的工作界面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.14APDiv的套用225

5.14.1APDiv的基本操作225

5.14.2APDiv的套用实例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章PhotoshopCS5基础知识284

7.1PhotoshopCS5概述284

7.1.1图形图像的基本概念284

7.1.2PhotoshopCS5的功能简介286

7.1.3PhotoshopCS5的工作界面287

7.2PhotoshopCS5的档案操作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.5PhotoshopCS5的文字操作300

7.5.1文字的输入300

7.5.2文字的编辑305

7.5.3文字的转换306

7.6PhotoshopCS5的选区操作308

7.6.1创建选区308

7.6.2编辑选区311

7.7PhotoshopCS5的图层操作312

7.7.1认识图层和图层面板312

7.7.2编辑和管理图层313

7.7.3图层混合模式的套用315

7.7.4图层样式的套用317

7.8PhotoshopCS5中通道和蒙版的套用320

7.8.1认识通道321

7.8.2通道的套用322

7.8.3创建和编辑蒙版325

7.8.4蒙版的套用326

7.9PhotoshopCS5中滤镜的套用332

7.9.1滤镜基础知识332

7.9.2滤镜的套用334

7.10PhotoshopCS5网页设计套用实例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章FlashCS5基础知识357

8.1FlashCS5概述357

8.1.1Flash动画技术的特点357

8.1.2Flash动画的套用358

8.1.3FlashCS5的界面介绍358

8.2FlashCS5的基本操作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