书　名　网页设计与製作教程

丛 书 名　21世纪高等学校计算机规划教材

标準书号　ISBN 978-7-115-24673-8

编目分类　TP393.092

作　者　杨帆 严耀伟 王方 编着

责任编辑　邹文波

开　本　16 开

印　张　16.5

字　数　432 千字

页　数　256 页

装　帧　平装

版　次　第1版第1次

初版时间　2011年2月

本 印 次　2011年2月

首 印 数　-- 册

定　价　29.60 元

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

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

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

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

1.1　网路基础知识　1

1.1.1　网路知识简介　1

1.1.2　Internet　3

1.1.3　TCP/TP　5

1.1.4　IP位址　5

1.1.5　浏览器基本操作　7

1.2　网页网站基础知识　9

1.2.1　网页　9

1.2.2　网页中的常见元素　11

1.2.3　网站　12

1.2.4　HTML　12

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

1.2.6　网页设计製作常用的工具软体　15

1.2.7　网页设计製作流程　16

习题　19

第2章　Dreamweaver基础　20

2.1　Dreamweaver基本操作　20

2.1.1　Dreamweaver的工作环境　20

2.1.2　Dreamweaver的简单操作　30

2.1.3　Dreamweaver的视图模式　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.5　Spry框架　105

3.3　层的运用　106

3.3.1　创建层　107

3.3.2　层的操作　108

3.3.3　层与表格的关係　111

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

3.4.1　CSS样式表概述　112

3.4.2　CSS样式面板　114

3.4.3　CSS样式的创建　116

3.4.4　套用自定义的CSS样式　123

3.4.5　附加外部CSS样式表　124

3.4.6　导出外部CSS样式表　124

3.4.7　编辑CSS样式表　124

3.4.8　CSS样式的优先顺序　125

3.4.9　Spry框架中的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动画——Flash　159

4.1　Flash概述　159

4.1.1　Flash的发展　159

4.1.2　Flash的功能　160

4.1.3　Flash的发展趋势　161

4.1.4　Flash的工作界面　162

4.1.5　Flash“工具”面板　163

4.1.6　Flash常用对象面板　164

4.2　製作一个Flash　165

4.2.1　製作Flash文档　165

4.2.2　发布Flash文档　168

4.3　Flash基础　168

4.3.1　使用Flash资源　168

4.3.2　元件的创建　169

4.3.3　库面板中使用资料夹　170

4.3.4　实例的使用　170

4.3.5　Flash绘图　170

4.3.6　颜色处理　173

4.4　Flash动画　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.2　Dreamweaver浮动标籤设计　189

5.3　网站导航设计　190

5.3.1　导航案例分析　190

5.3.2　导航设计　190

5.4　网站模板设计　193

5.4.1　模板套用举例　193

5.4.2　Dreamweaver设计模板　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　发布网站到IIS　205

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.2　ASP基础知识与套用　246

8.2.1　ASP介绍　246

8.2.2　ASP基础知识　247

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

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

8.3.1　PHP　252

8.3.2　JSP　253

8.4　ASP.net网站设计　254

习题　256

《网页设计与製作教程》是一本实用的网页设计与网站建设教材，内容丰富，简明扼要，图文并茂，适合高等学校计算机及非计算机专业学生作为教材和参考书，也可供网站建设人员参考使用。

《网页设计与製作教程》将当今网页设计与网站建设中所用的工具进行综合、归纳，剔除了那些经过实践检验不实用的部分，保留其精华，内容涵盖了网站建设的各个方面。

《网页设计与製作教程》主要阐述Interact网页的製作方法，并简单介绍动态网页编程工具。

《网页设计与製作教程》内容包括：WWW概述，网页製作概述，使用DreamweaverCS3製作网页，使用ExpressionWeb製作网页，使用PhotoshopCS3美化网页，FireworksCS3，FlashCS3，网页标记语言HTML、DHTML与CSS，网页编程，网站建设实例，并在最后介绍一个网站建设的综合实例，将网站的整个建设过程做了较详细说明。

1.1Internet概述

1.1.1什幺是Internet

1.1.2Internet与TCP/IP

1.1.3Internet地址

1.1.4接入Intemet的方式

1.2Web伺服器

1.2.1Web伺服器概述

1.2.2WindowsWeb伺服器的建立

1.2.3UNIXWeb伺服器的建立

1.3IntemetExplorer简介

1.4InternetExplorer的快捷键

1.5Internet常用术语

思考题

2.1网站的种类

2.2网站结构的规划

2.3网站的设计原则及标準

2.4网页外观的设计

2.5网页製作工具概述

2.5.1Dreamweaver

2.5.2ExpressionWeb

2.6网页美化工具

2.6.1PIhotoslnop

2.6.2Firework

2.6.3Flash

2.6.4PowerPoint

思考题

3.1Dreamweaver简介

3.1.1Dreamweaver的特性

3.1.2DreamweaverCS3的界面

3.2建立站点

3.2.1创建本地站点

3.2.2创建站点地图

3.2.3编辑站点

3.3建立网页

3.3.1创建空白页

3.3.2设定页面属性

3.3.3编辑文本

3.3.4查找/替换文本的内容

3.3.5使用图像

3.4使用表格

3.4.1创建表格

3.4.2编辑表格

3.4.3表格的修饰

3.4.4表格的嵌套

3.4.5导入表格数据档案

3.4.6用表格进行页面布局

3.5使用框架

3.5.1创建框架和框架集

3.5设定框架及框架集的属性

3.5.3对框架页面进行编辑

3.6建立超连结

3.6.1创建内部超连结

3.6.2添加下载档案超连结

3.6.3创建锚记连结

3.6.4创建导航条

3.6.5删除超连结

3.7创建表单

3.7.I表单简介

3.7.2製作表单

3.8动态效果

3.8.1使用AP元素

3.8.2行为的概念

3.8.3使用行为的实例

思考题

4.1ExpressionWebb简介

4.2ExpressionWeb的视窗介绍及视图

4.3创建网站

4.4网站管理

4.4.1网站设定

4.4.2配置图片编辑器

4.4.3为已有的网站添加网页

4.4.4发布网站

4.5利用ExpressionWeb製作网页

4.5.1创建新网页与模板

4.5.2打开网页

4.5.3格式化文本

4.5.4加入项目符号或编号

4.5.5插入图形和水平线

4.5.6插入超连结

4.5.7表格的插入及格式化

4.5.8创建表单

4.5.9使用框架

4.5.10特殊效果

4.5.11插入脚本程式

4.5.12使用VisualBasic编辑器

思考题

5.1概述

5.2颜色模式和档案格式的介绍

5.2.1颜色模式

5.2.2档案格式

5.3PhotoshopCS3的基本操作

5.3.1选单栏上主要选单的使用

5.3.2工具箱的使用

5.3.3调板的使用

5.4製作特殊效果图像

5.5创建特殊效果文字

5.6综合实例

思考题

6.1FireworksCs3的新特性

6.2FireworksCS3的工作界面

6.2.1选单栏

6.2.2工具列

6.2.3“属性”面板

6.2.4浮动面板

6.2.5工具箱

6.2.6製作实例

思考题

7.1Flash简介

7.2Flash中的一些概念

7.3FlashCS3的界面组成

7.4主要绘图工具的使用

7.5FlashCS3的一些基本操作

7.5.1帧的操作

7.5.2图层的操作

7.5.3场景的操作

7.5.4常用面板的使用

7.5.5创建和转换元件

7.5.6作品的播放与测试

7.6添加音效

7.6.1导人声音档案

7.6.2在影片中加入声音

7.6.3声音的编辑

7.6.4加入音效实例

7.7动画的製作、编辑及实例

7.7.1Flash动画的类型

7.7.2Flash动画的製作

7.7.3Flash动画的编辑

7.7.4Flash动画製作实例

7.8档案的导入、发布和导出

7.8.1.档案的导入

7.8.2。档案的发布

7.8.3档案的导出

思考题

8.1HTML简介

8.1.1一个实例

8.1.2标记

8.1.3标记

8.1.4标题文字显示等级

8.2格式及文字

8.2.1格式标记

8.2.2文字标记

8.3图片控制标记

8.3.1插入图片

8.3.2图片控制

8.3.3 标记

8.4网页中的表

8.4.1基本表格

8.4.2表格控制

8.5网页中的连结

8.5.1连结标记

8.5.2连结锚记

8.6网页的框架结构

8.6.1基本语法

8.6.2框架的外观设定

8.7网页中的表单

8.7.1基本语法

8.7.2列表框标记

8.7.3文本输入区

8.8其他标记

8.9DHTML与CSSL

8.9.1初步介绍CSSL

8.9.2通用JavaScript

8.9.3分层技术

8.9.4用JavaScript控制图片

8.9.5提示效果?

思考题

.9.1XML

9.1.1HTML的局限性

9.1.2XMIL的兴起

9.1.3XMIL的例子

9.1.4XMIL的套用展望

9.1.5序

9.1.6元素声明

9.1.7声明规则

9.I.8XML的其他组件

9.2JavaScript

9.2.1JavaScript语言介绍

9.2.2JavaSeript编程基础

9.2.3JavaScript套用实例

9.3ASP编程

9.3.1ASP简介

9.3.2ASP编程初步

9.3.3ASP的基本脚本语言

9.3.4使用SSI

9.3.5动态数据交换的实现

9.3.6ASP的内置组件

9.4ASP.NET编程

9.4.1ASP.NET简介

9.4.2Web控制项的使用

9.4.3ASP.NET运算元据库

9.4.4session和Cookie的使用

9.5PHP编程

9.5.1PHP简介

9.5.2PHP语法简介

9.5.3PHP编程实例

9.6Java与JSP

9.6.1Java概述

9.6.2Java应用程式

9.6.3JavaApplet

9.6.4JavaApplet图形界面输入/输出

9.6.5JavaServlet

9.6.6JSP

9.6.7JsP与AsP(ASP.NET)的比较

9.6.8JSP的基本语法与示例

9.6.9XML与JSP

9.7AJAX

9.7.1AJAx简介

9.7.2AJAx的工作机理

9.7.3简单实例

思考题

10.1网站的设计原则及标準

10.2準备工作

10.3具体设计及规划

10.4建立网站

10.5主页的製作

10.6网页的上传与维护

10.7Intemet技术新进展

10.7.1web2.0简介

10.7.2IPv6及建站实例

思考题

参考文献

……