网页设计与制作

•突出高职教育特色。根据行业企业需要，基础知识和理论以“必需、够用”为度，强化学生实践能力的培养，提升从业技能。

•定位最新技术。在强化基础知识和基本技能的基础上，兼顾软件的最新版本和行业应用的最新技术并进行讲解。

•采用实例教学。依托参编人员丰富的网站制作经验，每章至少一个实例，方便学生学习，激发学习兴趣。

随着WWW技术的日益成熟，以Internet为基础的电子商务、电子政务、电子校园等信息化手段成为工作、生活的重要内容，而网站和网页作为WWW网络的最常规方式，已成为企、事业单位和个人的网上名片。网页（站）设计与制作行业需要一大批具有一定理论基础和较强操作技能的专业技术人才。为了适应行业企业需要，许多高职高专院校在计算机、电子商务、软件技术、多媒体等专业开设了网页设计与制作课程。为此，我们组织多位具有多年教学经验和较强实践能力的老师，编写了这本适合高职高专院校在校生使用的教材，以满足广大教师和学生的需要。

本教材紧紧抓住行业需要，以培养能力、突出实用为主要出发点。全书在介绍网页设计与制作相关知识的基础上，以实例为主线，详细介绍制作步骤、方法和技巧。

本教材充分考虑高职院校学生的认知特点，每章通过具有综合性、创造性、实践性的实例，在促进学生综合运用所学知识、提升制作能力的同时，激发学生的学习兴趣。全书共分8章，主要内容如下：

第1章通过一个农家院网站的设计与制作，介绍网页的基本概念和网站、网页的常规操作。

第2章通过一个工业企业网站的设计，介绍常用网页元素（文字、图像、表格和超链接等）的创建与设置方法。

第3章通过一个旅游网站的设计与制作，重点讲解CSS样式在网页设计与制作中的应用。

第4章通过一个网页拼图游戏的设计与制作，讲解网页特效的相关知识，包括利用Dreamweaver软件本身制作特效和如何从网上下载特效并进行修改等。

第5章通过一个留言板的设计与制作，讲解表单和动态网站开发环境的搭建等内容。

第6章通过制作网页的Logo、效果图和背景图像等，讲解如何使用Photoshop软件处理网页的图像。

第7章通过图片轮显动画和引导页动画的设计与制作，讲解如何使用Flash软件制作网页动画。

第8章通过一个完整的网站制作实例，讲解网站规划、图像制作、动画制作和网页编辑合成等内容，使学习者在全书内容的基础上，所学知识和技能得到升华。

本教材的主要特色如下：

（1）突出高职教育特色。根据行业企业需要，基础知识和理论以“必需、够用”为度，强化学生实践能力的培养，提升从业技能。

（2）定位最新技术。在强化基础知识和基本技能的基础上，兼顾软件的最新版本和行业应用的最新技术并进行讲解。

（3）采用实例教学。依托参编人员丰富的网站制作经验，每章至少一个实例，方便学生学习，激发学习兴趣。

（4）在内容上做到内容全面、重点突出、针对性强。在内容安排上，加入了软件之外的网页特效、动态网站开发初步等章节；为适应目前网站开发的新趋势，强化CSS样式在网页设计与制作中的应用；同时，大胆删除了许多网站开发中少用或不用的内容。

（5）遵循高职教育的教学规律。本教材的主编与副主编大部分为教育学硕士，具有多年的教学与实践经验，能够将网站设计与制作知识和技能与教学工作紧密结合。

本书由陈彦许、陈维华任主编，卢爱芹、李巍、方士杰任副主编，同时参与本书编写工作的人员还有郭士琪、张红艳、吴树芳、姜清超、王红艳、梅豪杰、潘霞、付岩等。

由于计算机技术发展迅速，加上编者水平所限，书中难免有错误和不妥之处，欢迎广大读者批评指正。

目 录
前言

第1章 网页设计与制作概述 1
1.1 网站设计与制作的基础知识 1
1.1.1 网站设计的有关概念 1
1.1.2 超文本协议、超文本标记语言网页 2
1.1.3 常用的网页设计与制作工具 4
1.2 Dreamweaver的操作界面 5
1.2.1 菜单栏 6
1.2.2 文档标题栏 6
1.2.3 文档工具栏 6
1.2.4 插入工具栏 6
1.2.5 状态栏 6
1.2.6 属性栏 7
1.2.7 浮动窗口 7
1.3 站点操作 7
1.3.1 站点的创建 7
1.3.2 文件的操作 10
1.3.3 页面属性 11
1.4 实践与运用—农家院网站的设计
与制作 11
1.4.1 站点的建立 11
1.4.2 新建网页 14
1.4.3 网页的设计 15
1.4.4 设置超链接 19
复习思考题 20
第2章 Dreamweaver的基本操作 21
2.1 表格操作 21
2.1.1 表格基本语法 21
2.1.2 插入表格 22
2.1.3 编辑表格 23
2.1.4 编辑行、列和单元格 24
2.1.5 特殊样式表格的制作 25
2.1.6 使用表格布局网页 29
2.2 文字操作 31
2.2.1 插入标题文本 31
2.2.2 插入普通文本 31
2.2.3 插入特殊字符 32
2.2.4 设置文本样式 33
2.2.5 设置文本列表 35
2.2.6 添加滚动文本 36
2.3 图像操作 37
2.3.1 插入图像 37
2.3.2 图像属性 38
2.3.3 为网页设置背景图片 39
2.4 超链接 42
2.4.1 文本链接 43
2.4.2 空链接 44
2.4.3 锚链接 44
2.4.4 电子邮件链接 45
2.5 实践与运用—保定秦奋切割机厂
网站设计与制作 45
2.5.1 网页布局设计 46
2.5.2 素材搜集与编辑 46
2.5.3 建立站点 47
2.5.4 网页制作 47
复习思考题 53
第3章 CSS样式 54
3.1 CSS样式的概念 54
3.1.1 CSS样式简介 54
3.1.2 CSS规则 54
3.2 Dreamweaver中使用CSS 55
3.2.1 创建CSS 55
3.2.2 应用CSS 63
3.2.3 编辑CSS 65
3.3 CSS的应用 66
3.3.1 使用CSS设置文字格式 66
3.3.2 使用CSS设置图片格式 70
3.3.3 使用CSS设置超链接格式 72
3.3.4 同一页内设置不同的超链接 73
3.4 实践与运用——“保定旅游网”的
设计与制作 76
复习思考题 82
第4章 网页特效设计 84
4.1 使用Spry框架构件 84
4.1.1 使用Spry菜单栏构件 84
4.1.2 使用Spry折叠式构件 86
4.1.3 使用Spry选项卡式面板构件 88
4.2 行为 89
4.2.1 设置行为 90
4.2.2 常用的事件及行为 91
4.3 插入多媒体对象 92
4.3.1 插入Flash动画 92
4.3.2 插入FlashPaper文件 93
4.3.3 插入FLV视频 94
4.4 从网上下载网页特效代码 95
4.4.1 设为首页与加入收藏 95
4.4.2 滚动文字代码 97
4.4.3 横向滚动的图片代码 97
4.5 AP Div元素 99
4.5.1 AP Div元素的创建 99
4.5.2 设置 AP Div元素的属性 100
4.5.3 AP Div元素与表格的相互转换 100
4.6 制作一个简单的网页拼图游戏 101
4.6.1 图片的准备 101
4.6.2 制作拼图游戏 104
4.6.3 拼图游戏的完善 105
复习思考题 106
第5章 动态网页设计初步 108
5.1 超文本标记语言HTML 108
5.1.1 HTML简介 108
5.1.2 常用的HTML标记 109
5.2 表单 110
5.2.1 插入表单域 111
5.2.2 插入表单对象 111
5.2.3 表单实例 115
5.3 搭建动态网站设计环境 116
5.3.1 动态网站设计简介 117
5.3.2 配置ASP服务器 117
5.3.3 其他小型的ASP服务器 121
5.3.4 开发环境的搭建 121
5.4 数据库的建立与连接 124
5.4.1 数据库建立 124
5.4.2 在网页中连接数据库 126
5.5 交互网站设计—留住客户信息 126
5.5.1 显示客户留言 127
5.5.2 客户留言 129
复习思考题 131
第6章 处理网页中的图像 133
6.1 图像处理基础知识 133
6.1.1 像素与图像分辨率 133
6.1.2 RGB色彩模式 134
6.1.3 位图与矢量图 134
6.1.4 网页图像的格式 135
6.1.5 了解Photoshop 135
6.2 Photoshop图像绘制 138
6.2.1 画笔工具的使用 138
6.2.2 图案的使用与定义 143
6.2.3 矢量工具的使用 147
6.3 使用Photoshop抠图 148
6.3.1 选区工具 148
6.3.2 路径工具 150
6.4 实践与运用——女性美食网站效果图
设计与制作 154
6.4.1 Logo的制作 154
6.4.2 网页背景的制作 156
6.4.3 网页效果图制作 158
复习思考题 162
第7章 网页动画的制作 164
7.1 Flash简介 164
7.1.1 基本概念 165
7.1.2 操作环境 165
7.1.3 Flash工具箱 166
7.2 动画制作 168
7.2.1 逐帧动画 168
7.2.2 补间动画 170
7.3 引导动画与蒙版 173
7.3.1 引导动画 173
7.3.2 遮罩动画 176
7.3.3 元件与库 178
7.4 综合实践—网页中图片轮显动画与
引导页的设计制作 182
7.4.1 图片轮显动画制作 182
7.4.2 引导页动画设计制作 184
复习思考题 188
第8章 网站设计与制作综合实例 190
8.1 网站规划 190
8.1.1 进行用户调研，确定网站内容 190
8.1.2 根据网站内容，确定网站结构 191
8.1.3 确定网页的版面布局 191
8.1.4 确定网站的配色与风格 192
8.2 使用Photoshop编辑网页图像 193
8.2.1 制作网页Logo 193
8.2.2 制作网页效果图 200
8.3 使用Flash制作网页动画效果 210
8.3.1 制作banner的图片轮显动画 210
8.3.2 制作首页中按钮控制的案例
展示动画 213
8.4 使用Dreamweaver制作网站 216
8.4.1 建立站点 216
8.4.2 使用表格布局网站首页 217
8.4.3 填充表格内容 219
8.4.4 网站效果 225

1. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
2. Web用户界面设计与制作 [主编 赵娟]
3. ASP.NET（C#）网站开发（第二版） [主编 张志明 王辉]
4. Web开发实战 [主编　肖睿　陈永]
5. Bootstrap与jQuery UI框架设计 [主编 肖睿 吴振宇]
6. 网页设计与制作 [主编 杨毅]
7. 网页制作实战 [主编 肖睿 罗保山]
8. 网页设计与制作 [主编 陈建国 项炜]
9. 16课学会网页程序设计—— HTML5+CSS3+JavaScript+jQuery+ [施威铭研究室 著]
10. HTML5+CSS3前端技术——UI设计师与开发人员合作秘籍 [北京课工场教育科技有限公司Q]
11. Web程序设计实践教程 [主编 侯萍 郭俊荣]
12. 网页设计与制作 [孙娜 蒲秋梅 南洋 编著]
13. 玩转Axure RP——Axure RP 7.0高保真网页、APP原型设计 [谢星星 编著]
14. ASP.NET Web程序设计 [吴琴霞 栗青生 康晶 编著]
15. CSS+DIV页面布局技术 [主编 朱翠苗]
16. Web开发与安全防范 [主编 武春岭]
17. 网页设计实训教程 [主编 张春英 李英文 钟大伟]
18. ASP.NET（C#）网站开发 [主编 张志明 王辉]
19. 网页设计实用技术 [主 编 陈建国 李勤]
20. JSP设计与开发 [秦毅 王可]
21. ASP.NET项目开发教程 [邹承俊 任 华]
22. 动态网页设计与制作实用教程（第三版） [程伟渊 倪燃]
23. ASP程序设计（第二版） [叶潮流 杜奕智]
24. 网页设计与制作实用技术（第二版） [齐建玲 杨艳杰]
25. 网页前端技术 [主 编 王敏杰 任云晖]
26. 多媒体网页设计教程 [主编 朱国华 齐晖 李枫]
27. 网页设计与制作（第二版）实训指导 [任正云 赖玲 严永松 王娅纷]
28. 网页设计与制作（第二版） [任正云 赖玲 严永松 编著]