本书适合作为普通高等院校的计算机、电子商务、艺术设计等专业的教材，也可作为信息技术培训机构的培训用书，还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

　　本书(*版)出版后，受到广大读者的广泛欢迎，2016年获陕西省优秀教材二等奖，是陕西省精品课程“网页设计与制作”的配套教材，精品课程网址为http://web.xjpgy.com/，提供全套电子课件、电子教案、建站素材、教学大纲、实验指导、习题解答、视频教学等。

　　随着计算机网络的迅速发展，Internet已经成为人们生活中不可或缺的重要组成部分。政府机关通过网站实现电子政务；企业利用网站展示企业形象、推广产品并进行电子商务活动；个人建立一个具有独特风格的网站来展示与自我宣传。因此，搭建网站、设计精美的网页来吸引浏览者成为大家共同关注的目标。学校里和社会上涌现了大量的网页设计爱好者，他们迫切希望尽快学习网站规划与网页设计的知识，并将其应用于网站建设的实践中。

　　本书力求“理论与实践的完美结合，突出能力结构的培养”。通过本书的学习，使学生熟练运用软件进行网站的编辑、网页界面和网页动画的设计；培养学生进行商务网站建设的自主策划与设计能力；使学生能获得从事网站编辑、网页美工创意、动漫设计、网页设计等方面的综合技能。

　　一、本书的内容

　　模块 内容 目的

　　网站规划 网站规划的流程

　　网站规划的内容

　　网页设计的原则

　　网站的测试、发布与维护 1.项目调查：网站项目需求分析

　　2.方案决策：网站规划

　　3.计划制订：网站建设项目实施方

　　案的制订

　　网站编辑 网页设计基础知识 使用Dreamweaver CC软件进行站点的创建、网页的布局，利用模板进行网站的编辑

　　创建站点

　　制作页面

　　CSS+DIV页面布局技术

　　网页制作的页面布局辅助技术

　　使用表单

　　模板与库的应用

　　网页设计基础理论 平面设计基础

　　色彩的应用

　　网页设计的构图

　　网页设计的流程 了解平面设计基础，如图像类型、图像分辨率等；了解色彩应用和网页构图的技巧；掌握网页设计的工作流程

　　利用Flash设计

　　网页动画 Flash CC的基本功能

　　应用Flash设计动画

　　网站片头Flash动画设计 利用Flash CC设计网页动画

　　Photoshop网页设计 Photoshop CC基本应用

　　Photoshop CC平面设计

　　Photoshop CC网页设计 利用Photoshop CC设计平面作品和网站首页作品

　　二、本书的特点

　　本书根据普通高等院校应用型特色进行教材的规划，按照教育部应用型人才培养的教学要求进行教材的编写，从基础理论到专业技能，再到工程实践三个阶段出发进行教材的开发。

　　(1) 教材实例来源于企业实际资料，可以保证学生所学的教材内容满足社会和用人单位的实际需求。

　　(2) 教材体系包括三个方面：基础知识、专业技能和工程实践，涵盖的范围广，可以充分保证学生不同起点、不同层次的选择。

　　(3) 教材设计尽量使用简洁明了的文字和科学的逻辑思维，在教学上严格规定教师的教学方向，将教学内容中的理论部分与实践部分进行合理的分配，能够让学生迅速跟进，快速领悟。

　　(4) 通过以下三个层次的实际案例教学来提高学生的实践操作能力。

　　① 以能力的培养和提高构建教学内容。

　　教学内容以商务网站建设的实际项目作为主线展开，介绍网站规划与网页设计的工作流程，把实用技术作为重点。

　　② 教材的编写满足社会和企业的需求。

　　以商务网站规划、网页设计与网页制作所必备的综合能力培养为目标，以教、学、做融于一体为方法，校企合作为模式，共同开发与设计教材。

　　③ 加强系统性和针对性，注重培养学生的综合素质。

　　通过大量的案例分析，使学生掌握网页设计基础理论，从而能够从美学的角度进行网页配色、网页构图，*终实现网页设计的*佳境界。

　　(5) 本书内容丰富，配套资料全。

　　本书(*版)出版后，受到广大读者的广泛欢迎，2016年获陕西省优秀教材二等奖，作为陕西省精品课程“网页设计与制作”的配套教材，教学资源非常全面，有全套的电子课件、电子教案、建站素材、教学大纲、实验指导、习题解答、视频教学等，以及书中用到的案例集、彩色样图均可从http://web.xjpgy.com/网站上下载。

　　本书由杜永红总体策划，负责全书的统稿工作。各章编写的具体分工如下：第1章至第3章由杜永红编写，第4章至第9章分别由梁林蒙、靳强、吴朋化、侯阿利编写，第10章由谢恬编写，第11章由秦效宏、史高峰、文小森、郭文霞、梁庆军、王冬霞、危小波、刘啸、毛展展、马春紫、马静、张惠等编写，马里千参与教材资料收集、课件制作等工作。由于作者水平有限，书中难免有不足之处，敬请读者批评指正。

第1章 网站规划 1

1.1 网站规划的流程 1

1.2 网站规划的内容 2

1.2.1 建设网站前的市场分析 2

1.2.2 建设网站的目的及

功能定位 2

1.2.3 分析目标客户及潜在

客户对站点的需求 3

1.2.4 域名申请 3

1.2.5 Web服务器的选择 4

1.2.6 确定网站风格 4

1.2.7 考虑网络的技术问题 6

1.3 网页设计的原则 6

1.4 网站的测试、发布与维护 8

1.5 网站规划案例 8

小结 10

练习题 10

上机实验 10

第2章 网页设计基础知识 12

2.1 Internet基础 12

2.1.1 Internet概述 12

2.1.2 WWW 12

2.1.3 网页与网站 13

2.1.4 域名与IP地址 13

2.2 网页制作工具 16

2.2.1 网页编辑工具 16

2.2.2 图形和图像处理工具 16

2.2.3 动画制作工具 17

2.3 HTML语言 17

2.3.1 HTML语法结构 17

2.3.2 常见的HTML标签

(HTML5标准) 18

小结 22

练习题 22

上机实验 22

第3章 创建站点 24

3.1 Dreamweaver CC简介 24

3.2 Dreamweaver CC的

工作界面 25

3.3 定义本地站点 28

3.3.1 创建站点 28

3.3.2 管理站点 31

3.3.3 创建网页 32

小结 34

练习题 34

上机实验 34

第4章 制作页面 35

4.1 实例导入：咖啡吧 35

4.2 页面属性的设置 36

4.3 文本的修饰 37

4.3.1 输入文本 38

4.3.2 文本属性的设置 39

4.3.3 段落格式的设置 41

4.3.4 列表格式的设置 42

4.3.5 滚动文本 43

4.4 设置超链接 43

4.4.1 URL地址 44

4.4.2 超链接的分类 44

4.4.3 选择链接目标 46

4.5 制作包含超链接的

纯文本网站 47

4.6 使用图像 50

4.6.1 插入图像 50

4.6.2 设置图像属性 51

4.6.3 制作翻转图像 52

4.6.4 制作图像映射 53

4.7 插入Flash影片 53

4.8 插入Flash视频 55

小结 56

练习题 57

上机实验 57

第5章 CSS+DIV页面布局技术 59

5.1 实例导入：采用CSS样式表

的网页 59

5.2 了解CSS样式表 61

5.2.1 CSS样式表概述 61

5.2.2 在Dreamweaver

中定义CSS 62

5.3 利用CSS美化网页 64

5.3.1 背景样式的应用 65

5.3.2 文本及列表的应用 66

5.3.3 方框和边框样式的应用 67

5.3.4 动态链接样式的应用 69

5.3.5 滤镜效果的应用 70

5.4 利用CSS＋DIV进行

网页布局 71

小结 74

练习题 75

上机实验 75

第6章 网页制作：页面布局

辅助技术 78

6.1 网页版面布局概述 78

6.2 实例导入：表格排版网页 80

6.3 使用表格布局网页 81

6.3.1 插入表格和编辑表格 82

6.3.2 表格及单元格属性的设置 85

6.3.3 使用表格排版网页 86

6.3.4 表格排版实例的制作过程 87

6.4 Bootstrap响应式布局 89

6.4.1 什么是响应式布局？ 89

6.4.2 Bootstrap简介 89

6.4.3 基于Bootstrap搭建

响应式布局网站 90

6.5 使用 jQuery UI Widget 94

6.5.1 插入jQuery Widget 95

6.5.2 修改jQuery Widget 95

6.6 利用JavaScript制作

网页特效 96

6.6.1 利用JavaScript制作

网页特效 96

6.6.2 应用Dreamweaver

内部的行为 99

6.6.3 推荐制作网页特效的软件 102

小结 103

练习题 104

上机实验 104

第7章 使用表单 106

7.1 实例导入：利用表单创

建用户信息注册表 106

7.2 创建表单 107

7.3 插入表单对象 109

7.3.1 表单网页的布局 109

7.3.2 插入和编辑表单对象 110

7.4 制作用户注册表 115

7.5 验证表单 117

小结 119

练习题 119

上机实验 119

第8章 模板与库的应用 121

8.1 实例导入：利用模板

生成站点 121

8.2 模板的创建和编辑 122

8.2.1 创建模板 122

8.2.2 编辑模板 123

8.3 模板的应用和更新 124

8.3.1 模板的应用 124

8.3.2 更新模板 125

8.4 使用库 126

8.4.1 创建库 126

8.4.2 应用库 127

8.4.3 修改库 127

8.5 利用模板和库生成站点的

制作过程 129

小结 131

练习题 131

上机实验 131

第9章 网页设计基础理论 134

9.1 平面设计基础 134

9.1.1 图像类型 134

9.1.2 图像分辨率 135

9.1.3 图像文件格式 135

9.1.4 图像设计的分类 135

9.2 色彩的应用 138

9.2.1 色彩模式 138

9.2.2 色彩的应用 140

9.2.3 配色方案的应用实例 141

9.3 网页设计的构图 143

9.3.1 构图概述 143

9.3.2 构图范例欣赏 146

9.4 网页设计的流程 148

9.4.1 网页策划 148

9.4.2 设计网页原型图 148

9.4.3 设计网页效果图 149

9.4.4 网页设计实例——房地产

网站首页设计 149

小结 153

练习题 154

上机实验 154

第10章 利用Flash CC设计

网页动画 155