网页设计与制作教程

内容提要

本书是按照教育部高等学校计算机基础课程教学指导委员会提出的《关于进一步加强高校计算机基础教学的意见》中有关“网页设计基础”课程的教学要求及人才培养的新要求，结合独立院校学生特点组织编写的。全书共分8章，书中系统地介绍网页的构思、规划、制作和网站建设的全过程。主要内容包括：网页设计基础知识、Dreamweaver基础、网页色彩和布局的控制、制作Web动画——Flash、网页常见应用功能设计、网站发布与维护基础知识、网站设计案例和动态网页设计介绍。

本书内容全面，构思清晰，结构合理，注重实践能力的培养，实用性和可操作性较强。各章附有适量的习题，引导读者学习和掌握各章节的知识，便于自学。

本书可作为高等学校非计算机专业“网页设计与制作”课程的教材，也可供网页设计爱好者学习参考。

目录

第1章网页设计基础知识1

1.1网络基础知识1

1.1.1网络知识简介1

1.1.2Internet3

1.1.3TCP/TP5

1.1.4IP地址5

1.1.5浏览器基本操作7

1.2网页网站基础知识9

1.2.1网页9

1.2.2网页中的常见元素11

1.2.3网站12

1.2.4HTML12

1.2.5网站服务器工作的基本原理13

1.2.6网页设计制作常用的工具软件15

1.2.7网页设计制作流程16

习题19

第2章Dreamweaver基础20

2.1Dreamweaver基本操作20

2.1.1Dreamweaver的工作环境20

2.1.2Dreamweaver的简单操作30

2.1.3Dreamweaver的视图模式36

2.1.4在网页中添加内容与超级链接37

2.1.5网页设计结果测试41

2.2添加文本43

2.2.1在Dreamweaver中添加文本43

2.2.2文本格式设置44

2.2.3文本相关常用html标记44

2.3添加图像46

2.3.1在网页中添加各种图像46

2.3.2图像格式设置48

2.3.3图像标记及其属性49

2.3.4使用Dreamweaver制作网络相册52

2.4添加多媒体53

2.4.1在网页中添加视频媒体54

2.4.2在网页中添加音频媒体55

2.4.3在网页中添加动画58

2.4.4媒体播放控制59

2.4.5多媒体标记介绍60

2.5超级链接应用61

2.5.1链接到各种对象67

2.5.2图像热区设置78

2.5.3链接的创建与管理81

2.5.4跳转菜单81

2.5.5导航条82

2.5.6查找断开的、外部的和孤立的链接84

2.5.7修复断开的链接85

2.5.8将JavaScript脚本附加到链接上86

2.6表单应用基础86

2.6.1创建表单对象86

2.6.2创建文本域87

2.6.3创建复选框和单选按钮88

2.6.4建立列表和菜单88

2.6.5创建跳转菜单89

2.6.6创建文件域和图像域89

2.6.7常见表单元素使用90

2.6.8表单标记介绍90

2.6.9表单应用举例92

习题93

第3章网页色彩和布局的控制94

3.1表格应用94

3.1.1表格基础95

3.1.2修饰网页各种元素99

3.2框架的规划与建立101

3.2.1框架与表格101

3.2.2规划框架102

3.2.3创建框架102

3.2.4框架的操作104

3.2.5Spry框架105

3.3层的运用106

3.3.1创建层107

3.3.2层的操作108

3.3.3层与表格的关系111

3.4CSS样式布局基础和应用112

3.4.1CSS样式表概述112

3.4.2CSS样式面板114

3.4.3CSS样式的创建116

3.4.4应用自定义的CSS样式123

3.4.5附加外部CSS样式表124

3.4.6导出外部CSS样式表124

3.4.7编辑CSS样式表124

3.4.8CSS样式的优先顺序125

3.4.9Spry框架中的CSS设置126

3.5各种样式表元素应用130

3.5.1文字样式130

3.5.2边框样式131

3.5.3颜色样式132

3.6网页色彩搭配基础知识132

3.6.1色彩基础知识133

3.6.2网页色彩搭配的原则(配色方案)137

3.6.3网站中的色彩应用147

3.7网页布局控制153

3.7.1常见的网页布局153

3.7.2网页布局补遗156

习题156

第4章制作Web动画——Flash159

4.1Flash概述159

4.1.1Flash的发展159

4.1.2Flash的功能160

4.1.3Flash的发展趋势161

4.1.4Flash的工作界面162

4.1.5Flash“工具”面板163

4.1.6Flash常用对象面板164

4.2制作一个Flash165

4.2.1制作Flash文档165

4.2.2发布Flash文档168

4.3Flash基础168

4.3.1使用Flash资源168

4.3.2元件的创建169

4.3.3库面板中使用文件夹170

4.3.4实例的使用170

4.3.5Flash绘图170

4.3.6颜色处理173

4.4Flash动画177

4.4.1帧和关键帧177

4.4.2时间轴的功能178

4.4.3图层和文件夹178

4.4.4绘图纸按钮的功能179

4.4.5帧的操作180

4.4.6形状补间和动画补间180

4.4.7引导层的使用181

4.4.8遮罩层的使用182

4.4.9多场景动画182

习题183

第5章网页常见应用功能设计184

5.1菜单设计184

5.1.1菜单设计分析184

5.1.2使用Dreamweaver设计菜单186

5.2浮动标签设计188

5.2.1浮动标签应用举例188

5.2.2Dreamweaver浮动标签设计189

5.3网站导航设计190

5.3.1导航案例分析190

5.3.2导航设计190

5.4网站模板设计193

5.4.1模板应用举例193

5.4.2Dreamweaver设计模板194

5.5其他效果设计196

5.5.1弹出窗口196

5.5.2状态栏显示文本197

5.5.3页面自动跳转198

5.5.4弹出提示信息200

5.5.5图片移动效果201

习题203

第6章网站发布与维护基础知识205

6.1发布网站到IIS205

6.1.1发布网站内容205

6.1.2测试网站207

6.2站点维护基础知识208

6.2.1停止启动服务器208

6.2.2站点基本配置208

习题212

第7章网站设计案例213

7.1网站系统设计213

7.1.1网站设计的基本过程213

7.1.2网站设计的基本原则214

7.2网站内容设计215

7.2.1网页外观设计216

7.2.2网站制作流程简介219

7.3个人网站设计实例224

7.3.1首页设计224

7.3.2其他页设计235

7.3.3网站整合239

7.4发布站点241

7.4.1申请空间242

7.4.2发布内容242

7.5网站的管理和维护244

习题244

第8章动态网页设计介绍245

8.1动态网页与静态网页245

8.2ASP基础知识与应用246

8.2.1ASP介绍246

8.2.2ASP基础知识247

8.2.3设计一个简单的ASP网页249

8.3常见其他动态网页设计技术介绍252

8.3.1PHP252

8.3.2JSP253

8.4ASP.net网站设计254

习题256

常用软件

格式与所使用的压缩算法有关，打开和制作的软件也是和压缩算法相联系的，下面介绍几种典型的制作多媒体素材的软件。

1、文字软件

Windows记事本、Word、WPS、Excel、COOL 3D等。

2、图像软件

Windows画图、ACDSee、CoreDraw、Photoshop、Fireworks、conew,CDR等。

3、声音软件

Windows录音机、CoolEdit、Winamp、豪杰超级解霸等。

4、动画软件

Gif Animator、Flash、Director、3D MAX等。

5、视频软件

Windows Media Player、超级解霸、Premiere、会声会影等。

编辑推荐

本书从图像处理软件FireworksMX入手，介绍动画设计和网页制作的基础知识。然后，介绍动画设计软件Fireworks MX，为制作动态网页作好准备。最后，介绍网页设计与制作软件Dreamweaver MX，将学过的图像处理和动画设计的知识应用于网页制作。为使制作的页面有赏心悦目的效果，书中用较多篇幅讲述了设计和优化网页的方法和技巧，可使读者在学习创建网站的同时学到平面设计和动画制作的知识。本书内容安排松紧适度，便于教师安排教学计划。本书各章都配有精心设计的实例，可帮助读者快速理解和掌握书中的知识点。

作者简介

谢成开，1963年生，四川美术学院副教授。通信与电子系统专业硕士研究生，主要从事计算机软件开发、网站与网页设计、多媒体设计、计算机动画、计算机图象处理等课程的教学和相关研究工作。