信息技术六册

义
务
教
育
教
科
义务教育教科书
书
信
息 XINXI JISHU
技
术
第
六
册
（
北 京 出 版 社
7-9
信 息
技 术
第六册
（7-9 年级用）
年
级
用
）
北
京
出
版
社义 务 教 育 教 科 书
信 息 技 术
第六册
（7-9 年级用）
北京教育科学研究院 编
学校
班级
姓名
北 京 出 版 社目目目目目录录录录录
第八章 网站制作 1
第一节 网站设计基础 2
一、网站与网页 2
二、建设网站的基本流程 4
三、选择网页制作工具 5
四、认识 Dreamweaver 工作界面 7
第二节 建立站点 10
一、新建站点 10
二、管理站点 12
三、管理站点文件及文件夹 13
第三节 网页设置与布局 17
一、设计网站风格 17
二、设置网页属性 20
三、使用表格布局网页 23
四、在网页中输入文字、插入图片 27
第四节 插入多媒体对象 29
一、插入动画 29
二、插入视频 31
三、插入声音 34
四、设置网页特效 35
第五节 创建超级链接 38
一、超级链接 38
二、文本超链接 39
三、创建图像链接 41
11四、锚点链接 43
五、创建下载链接 45
第六节 使用框架网页 47
一、框架网页 47
二、使用框架制作网页 48
三、设置框架及框架集属性 51
四、设置框架中的链接 52
第七节 测试与发布站点 54
一、测试网站 54
二、发布网站 59
评价与反思 66
第九章 智能处理与编程 67
第一节 智能工具处理信息 68
一、人工智能 68
二、智能工具处理信息 69
三、机器智能来源 74
第二节 编程解决问题 75
一、程序设计语言 75
二、编程解决问题的步骤 77
三、编写一个简单程序 79
第三节 数据的输入输出 86
一、数据输出 86
二、数据输入 91
三、开发可视化程序的一般步骤 92
四、应用数据的输入输出 93
第四节 数据类型和变量 97
一、基本数据类型 97
二、变量 98
三、赋值 101
2第五节 算术运算 108
一、算术表达式 108
二、函数 112
第六节 顺序结构 115
一、顺序问题程序结构 115
二、顺序语句 115
三、应用顺序结构 119
第七节 分支结构 122
一、分支问题程序结构 122
二、条件表达式和分支语句 122
三、应用分支结构 125
第八节 循环结构 129
一、循环问题程序结构 129
二、循环语句 130
三、应用循环结构 131
第九节 综合实践 134
一、发现问题 134
二、分析问题 134
三、解决问题 136
评价与反思 138
3第八章
网站制作
学学学学习习习习目目目目标标标标
了解网络空间与自建网站展示信息的区别。
掌握建立网站的流程，学习制作网站的基本技术。
掌握建立站点和管理站点的基本方法。
培养设计有独特创意的网站能力，学会在网络上发布信息。
信息网络已成为人们不可或缺的生存环境，自建网
站更能充分展示自己的个性，以满足自己的需求。各种
实用的网页设计与制作工具，方便的网站发布渠道，使
得普通人也完全可以建立自己的网站。
通过学习本章，将能够合理地选择开发工具，用相
应软件完成网站的设计和制作，提升个性化展示信息的
能力。
1第八章 网站制作
第一节 网站设计基础
现在，网络上有多种发布信息的方法，为了使信息发布得系统、清晰、有个性，
那么建设自己的网站是一种较好的选择，这就需要了解网站设计的基础知识和技
能，学会建设网站的策略和方法。
学学学学习习习习目目目目标标标标
了了了了解解解解网网网网站站站站、、、、网网网网页页页页基基基基本本本本概概概概念念念念。。。。
了了了了解解解解网网网网页页页页构构构构成成成成要要要要素素素素，，，，了了了了解解解解网网网网页页页页的的的的特特特特点点点点与与与与结结结结构构构构。。。。
掌握建设网站的基本流程。
认识Dreamweaver软件工作界面。
在以前的学习中，同学们有许多的学习经验和操作技巧，现在想制作并发布
一个网站，通过因特网和他人分享经验。有同学建议制作一个网站，发布计算机
相关信息。那么从何处入手开始“工程”呢？使用哪种软件制作网站呢？
一、网站与网页
网站是通过超级链接方式组成的既风格鲜明又内容完善的多网页有机整体。
网页是因特网中展示信息的最基本单元，是把各种多媒体信息相互融合在一起表
达信息的一种方式。实际上，网页是一个文件，可以展示文字、图形、图像、视
频和动画等传递的信息。
通常在网站的所有网页中，最先让浏览者看到的网页，称为主页或首页。主
页上通常设有网站导航栏，这是其他网页的链接中心。
课堂实践
打开浏览器，在地址栏输入“http://www.bjzoo.com”打开“北京动物园”
网站，浏览“保护教育”相关信息。用鼠标单击首页导航进入其他页面了
解更多内容，如图 8-1-1、图 8-1-2 所示。
2第一节 网站设计基础
图8-1-1 “ 北京动物园”网站首页 图8-1-2 “ 保护教育”子页
虽然网页设计的形式多种多样，网页中的内容各不相同。但是，每个网页的
基本构成要素大体相同，如标题、导航、文本、图片、动画、超链接、表单、声
音和视频等。
知识链接 网站首页
网站首页（主页）是一个文件。当一个网站的服务器接收到网络中某
台计算机的浏览请求时，就向这台计算机发送网站首页文件。当在浏览器“地
址栏”中输入域名时，未指向特定目录或文件，浏览器通常会打开网站的
首页。
网站首页是一个网站的入口网页，基本结构是展示网站特色，呈现网
页目录和导航等，应易读、易懂和易操作。通过浏览首页可轻松、快捷地
了解网站内容，快速浏览网站中其他部分的内容。
常见网站首页的文件名是 ：index.html、default.html、main.html 等。
博客与空间的出现，让人们能在博客或空间上分享自己的心情日志和个人生
活。博客和空间是 ISP 提供的网站，ISP 已完成网站结构建设，用户只需要在其
中添加展示内容，如文字、图形、图像、视频和动画等即可。博客和空间因其展
示信息快捷，被人们迅速接受和运用，但缺少个性。
知识链接 ISP
ISP(Internet Service Provider)，互联网服务提供商，即向广大用户综合
3第八章 网站制作
提供互联网接入业务、信息业务和增值业务的电信运营商，是经国家主管
部门批准的正式运营企业，受国家法律保护。
中国三大基础运营商 ：中国移动、中国电信和中国联通。
课后探究
在浏览器中浏览以下网站中的两个 ：
中国科学技术馆 http://www.cstm.org.cn
北京动物园 http://www.beijingzoo.com
清华大学 http://www.tsinghua.edu.cn
中华网 http://www.china.com
百度百科 http://baike.baidu.com
CCTV 中学生 http://studytv.cctv.com
浏览网站时，给你留下了最深印象的是什么？
二、建设网站的基本流程
为了对网站制作有一个整体思路，首先了解网站建设的流程。
网站建设的一般流程经历5个阶段，如图8-1-3所示。
规划网站 设计网站 制作网页 测试与发布网站 管理网站
图8-1-3 网站建设基本流程
1. 规划网站
规划网站时，关键是确定网站主题。网站主题就是建立的网站所包含的主要
内容。一个网站应该有一个明确主题。网站主题通常由所创建网站的目的、性质
以及该网站针对的浏览对象决定。另外，个人爱好或特长也是确定主题的因素。
主题确定后，给网站起一个好名字很重要。网站名称应该响亮且内涵丰富，
这样才能体现出网站的主题和特色。
2. 设计网站
4第一节 网站设计基础
在制作网站之前，应该对整个网站进行
系统设计，包括风格、栏目设计，以及主要
内容的布局安排。最好先设计出网站将呈现
的内容结构框架图，方便把握网站整体结构。
如图8-1-4所示为一个网站结构的草图。
3. 制作网页
制作网页就是依据网站的规划与设计，
利用网页制作工具把相关素材整合到一个网
页中并进行修饰的过程。
制作网页前需要收集网站素材并设计网页 图8-1-4 网站结构草图
版式。
素材既可以原创，也可以通过Internet或其他方式获得。在收集和整理素材时，
一定要注意及时为各种素材建立不同的文件夹，将它们分门别类存放。
设计网页版式是设计网页内容的核心部分，主要包括网页整体布局的设计、
导航样式的设计。
4. 测试与发布网站
网站制作完毕后，上传到服务器之前，必须进行全面测试，以保证发布到服
务器上不会出现问题。
5. 管理网站
管理网站需要对网站进行维护和更新，收集网站运行反馈，完善网站的设计
与制作，进一步提高网站的质量。
课堂实践
确定自己将建设的网站主题，并绘制出网站结构草图。和同学交流一下，
完善网站的结构图。
三、选择网页制作工具
目前可以用来制作网页的工具软件很多并且各有特点，必须依据任务的需要，
以及个人对网页制作工具的熟练程度，做出相应的选择。
5第八章 网站制作
网页制作工具（如Dreamweaver、FrontPage 等），可以让人像使用文字处理软
件一样很方便地制作网页，真正构建网页的HTML代码则由软件自动生成。
Word 文字处理软件也可以制作网页，只是在网站管理、网页效果方面，没
有专业的网页制作软件出色。
课堂实践
① 如图8-1-5所示，用Word打开配套光盘素材中的“安徒生童话.docx”
文件。
图8-1-5 用Word打开“安徒生童话.docx” 图8-1-6 在浏览器中打开“安徒生童话.htm”
② 另存为“安徒生童话 .htm”文件。
③ 如图 8-1-6 所示，在浏览器中打开“安徒生童话 .htm”文件，观察
网页呈现效果。
知识链接 “ 所见即所得”网页制作工具
常见的“所见即所得”网页制作软件有 ：
⒈ FrontPage
有 Word 文字处理软件操作基础，再使用 FrontPage 制作网页，非常简
单。和前者相比，FrontPage 的强项是管理站点。在更新服务器上站点时，
FrontPage 可以跟踪文件，并备份新版本文件。
⒉ Netscape
Netscape Communicator 和 Netscape Navigator Gold 都带有网页编辑器。
6第一节 网站设计基础
可制作由图片和文字组成的简单网页，但不支持使用表单、多框架等的复
杂网页制作。
⒊ HotDog
HotDog 是较早基于代码的网页设计工具，其最大特色是提供了许多向
导工具，帮助设计者制作页面中的复杂部分。
⒋ HomeSite
Allaire 的 HomeSite 是一个小巧而全能的 HTML 代码编辑器，有丰富的
帮助功能，支持 CGI 和 CSS 等，并且可以直接编辑 Perl 程序。
⒌ Dreamweaver
Dreamweaver 包括可视化编辑、HTML 代码编辑的软件包，并支持
ActiveX、JavaScript、Java、Flash、ShockWave 等特性，同时它还提供了自动
更新页面信息的功能。
网页制作过程中除了需要使用网页制作工具软件外，还会用到图像处理、动
画制作等软件完成素材加工处理。
课堂思考
你在制作网页时可能会使用哪些应用软件呢？
四、认识 Dreamweaver 工作界面
本章选用Dreamweaver CS5 网页制作软件，围绕“ ComputerDIY”网站的制作，
学习网站制作的基本方法和知识。
运行Dreamweaver，在“起始页”对话框中选择“新建”项目中的“HTML”选项，
进入操作界面，如图8-1-7所示。
7第八章 网站制作
菜单栏
文档工具栏
插入栏
编辑区
面板组
属性面板
图8-1-7 Dreamweaver的工作界面
工作界面主要由菜单栏、工具栏、属性面板、插入栏、面板组及编辑区等组成。
知识链接 HTML语言
HTML 语言 (Hypertext Markup Language)，即超文本标记语言，是一种
用来制作超文本文档的标记语言，也是制作网页的最基本的语言，它可以
直接由浏览器执行。
打开一个网页，右击空白处，在弹出的快捷菜单中选择“查看源文件”
命令项，就可以在“记事本”中看到编写网页的 HTML 语言代码，这些代
码包含了网页结构、外观和内容等信息，Web 浏览器根据这些信息确定如
何显示文本和图形等网页元素，如图 8-1-8 所示。
图8-1-8 网页的HTML
图8-1-8 网页的HTML语言代码
8第一节 网站设计基础
课堂实践
用 Dreamweaver 打开配套光盘素材中的“安徒生童话 .htm”文件，在
文档工具栏中分别单击“ 代码”、“拆分”、“设计”视图按钮 , 查看相应的视
图模式，体验三种视图模式的不同用途。
评价与反思
规划设计个人网站时，填写表 8-1-1 中各项内容。
表8-1-1 网站规划设计
规划内容 简单描述
需求评估
主题定位
对象分析
内容选择
选用工具
课后作业
【1】简要说明网页、网站、主页的含义。
【2】简述设计网站的基本过程。
【3】建立班级网站可以从多方面宣传自己的班级入手，尝试为自己班
级网站建设规划一份结构图，并思考从哪几方面宣传自己的班级？
9第第八八章章 网网站站制制作作
第二节 建立站点
站点就是一个文件夹，存放做网页时用到的所有文件和文件夹，包括主页、
子页、图片、声音、视频等等。通过管理站点可以自动更新和修复网页文件中的
链接和网页存储路径，以及实现远程站点和本地站点文件的同步与更新。
学习目标
通过建立站点，进一步理解站点概念。
学会创建本地站点。
学会管理站点和站点中的资源。
一、新建站点
熟悉了 Dreamweaver CS5 的界面，开始制作主题为“ComputerDIY”的网站。
制作网站首先要建立站点，如何建立站点呢？需要准备什么素材呢？
一个站点就是一个网站，可以包含若干网页。网页文件中并不包含图片、声音、
动画等素材的具体内容，这些素材都是以文件的形式独立存在的。为了便于管理，
这些文件要存放在特定的文件夹中，站点是一个管理网页文件的场所。简单地讲，
一个个网页文件连接起来就构成了站点。站点可以小到只有一个网页，也可大到
含有成百上千的文件构成的丰富内容网站。
站点分为本地站点和远程站点。
本地站点是指在本地计算机上用来存放网站的所有文件的文件夹。远程站点
是在服务器上存放网站所有文件的文件夹。通过设置服务器上远程站点的地址、
登录名等信息，建立服务器与本地站点的联系，可以实现在本地站点与远程站点
之间传递文件。
知识链接 文件的命名要求
由于网站需要存放在专用的服务器上才能让访问者从因特网上浏览，
而有些服务器、浏览器不能正确解析中文文件名，所以站点文件夹以及其
内的所有网页文件及文件夹最好以英文或汉语拼音来命名。
10第一第节二 节网 站建设立计站基点础
新建站点的步骤是：
① 启动Dreamweaver 软件。
② 单击菜单“站点”→“新建站点”命令项，如图8-2-1所示。
③ 在弹出的“站点设置对象”对话框中，选择“高级设置”选项卡。填写
站点名称，如“ComputerDIY”。这里站点文件是保存在 D 盘上，选择文件夹“D:\
myweb\”，如图8-2-2所示。
图8-2-1 站点菜单 图8-2-2 “ 站点设置对象”对话框
④ 单击“保存”按钮，完成站点的创建。
知识链接 Web服务器
Web 服务器提供网上信息浏览服务。Web 服务器是一台具有独立 IP
地址的计算机 , 可以向网络上的客户机提供 WWW、E mail 和 FTP 等各
种网络服务。服务器使用 HTTP（超文本传输协议）进行信息交流。目前
Windows 系统中架构个人网站首选 IIS 服务来构建和配置 Web 服务器。
创建本地站点前，要在本地硬盘上创建好站点文件夹。若指定站点文件夹不
存在，系统则在指定的本地站点文件夹位置上新建同名文件夹。站点创建后，网
站中的所有文件将自动存放在此文件夹中。
11第第八八章章 网网站站制制作作
课堂实践
在本地硬盘根目录上，创建以自己选定网站主题为名称的本地站点。
注意文件夹及相关文件的命名。
二、管理站点
建立完站点，如果下次进行编辑或换计算机进行修改时，如何打开站点进行
编辑呢？
管理站点可以实现对站点的新建、编辑、复制、删除等操作。使用“站点”
菜单中的“管理站点”命令项，可以管理多个站点。
管理本地计算机中现有站点的过程是：
① 单击“站点”菜单中的“管理站点”命令项，打开如图8-2-3所示的“管
理站点”对话框，进行站点管理。
图8-2-3 管理站点
② 在弹出的“管理站点”对话框中，可以看到硬盘上已经建立的“ComputerDIY”
站点，如图8-2-3所示。
③ 选中某个站点，单击“编辑”按钮。
④ 在弹出的“站点设置对象”对话框中，可以重新设置该站点的名称、站点
文件夹的位置，如图8-2-2所示。
⑤ 如果选中了站点，单击“删除”按钮，则选中站点即被删除。
⑥ 单击“完成”按钮，退出管理。
12第一第节二 节网 站建设立计站基点础
如果不再需要利用 Dreamweaver 对本地站点进行操作，可以将其从站点列表
中删除，但删除操作只删除了 Dreamweaver 同本地站点之间的联系，而该站点里
的内容（包括文件夹和文件等）仍然保存在本地磁盘的相应位置上，因此只要重
建指向内容位置的新站点，就可以重新对内容进行管理。
课堂实践
以网站主题为名称创建本地站点，并尝试在教师提供的服务器上创建
一个远程站点。
三、管理站点文件及文件夹
整理完站点，如果文件夹中资料并不完整，分类不够清楚，还需要根据设计
好的站点结构草图以及实际情况对站点文件夹结构进行扩充和调整。建立的过程
是否和Windows 资源管理器的使用方法相似呢？
在“文件”选项卡面板中，不仅可以管理和查看文件和文件夹，还可以向远
程服务器上传、取回文件及文件夹，以及同步本地和远程站点。站点中的所有文
件以目录树的形式呈现，如图8-2-4所示。
向远程服务器上传文件
视图切换列表
从远程服务器获取文件 与远程服务器同步
图8-2-4 “ 文件”选项卡面板
13第第八八章章 网网站站制制作作
知识链接 Dreamweaver的文件类型
用 Dreamweaver 构建网站时，虽然使用的主要文件类型是 HTML 文件，
扩展名为 .html 或 .htm，但是在较复杂的网站建设中还使用了其他多种类型
文件。
以下是其他一些常见文件类型 ：
CSS ：层叠样式表文件，扩展名为 .css。它用于设置 HTML 内容的格式
并控制各个页面元素的位置。
XML：可扩展标记语言文件，扩展名为 .xml。它们包含原始形式的数据，
可使用 XSL（Extensible Stylesheet Language 可扩展样式表语言）设置这些数
据的格式。
PHP ：超文本预处理器文件，扩展名为 .php，可用于处理动态页面。
ASPX ：ASP.NET 文件，具有 .aspx 扩展名，用于处理动态页面。
在站点中创建文件夹和文件的方法是：
① 在“文件”选项卡面板中，右击站点名称（或指定文件夹），如“ComputerDIY”。
② 在弹出的右键快捷菜单中，选择“新建文件夹”命令项，如图8-2-5所示。
将新建的文件夹命名为“images”，如图8-2-6所示。
图8-2-5 新建文件夹 图8-2-6 创建“images”文件夹
14第一第节二 节网 站建设立计站基点础
③ 右击站点“ComputerDIY”，在弹出的快捷菜单中，选择“新建文件”命令
项，如图8-2-5所示。将新建的文件命名为“index.html”，如图8-2-7所示。
制作网站所需要的各种资源要分类管理，如图像文件可以存放在 images 文件
夹中，动画文件可以存放在swf文件夹中，声音文件则存放在music 文件夹中。
网站主页（首页）常见的文件名是index、default、main 加上扩展名。
图8-2-7 创建“index.html”文件
知识链接 Dreamweaver的自动跟踪功能
站点创建以后，对站点内所有文件或文件夹的改动操作一定要在
Dreamweaver 软件环境中进行，而不要使用资源管理器。
Dreamweaver 具有自动跟踪功能，当文件或文件夹在 Dreamweaver 环境
中发生改变时（如重命名或改变位置），系统可以自动修改与之相关的各种
链接关系，而使用资源管理器进行相同的操作后，Dreamweaver 就不能进
行自动修改。
课堂实践
继续按自己规划和设计好的目录结构创建自己站点中的其他文件和文
件夹。
15第第八八章章 网网站站制制作作
评价与反思
站点的名称和存放的位置是否正确？资源是否分别存放在不同的文件
夹中？
课后作业
【1】使用工具软件创建网站时，为什么要先创建站点？
【2】制作或查找创建网站所需素材，并分别保存在站点下不同文件夹中。
16第三节 网页设置与布局
第三节 网页设置与布局
一个能够吸引浏览者的优秀网站，不仅要内容丰富，网页制作还要精美。在
制作网页时，要注意精心地设计、编排网页，设置出整体结构布局合理、色彩运
用恰当的网页。
学习目标
了解网站风格与网站主题的作用。
学会设置网页属性的基本方法。
学会利用表格对网页布局。
认识设计网站风格是建立一个成功网站的关键。
一、设计网站风格
“站点建立完成，可是每个网页使用什么色彩？文字使用什么字体？版面布
局使用什么样的分栏格式呢？”“色彩的问题，最好参考美术课的配色，字体也
应该用常用字体，变化不要太多。”这样构思是否正确？“ComputerDIY”网站的
风格应该是什么样呢？
网站风格要符合网站主题，通过图形、图像、文字、动画等网页内容，以及色彩、
版面布局等来表现。
1. 运用色彩
协调配色是影响网页视觉效果的决定性因素。可先根据网页主题，选定一种
主色，然后再以主色调为基础，选择相近的色彩。这样可使页面看起来色彩一致，
有层次感。
对比色是人的视觉感官产生的一种视觉效果，是视网膜对色彩的平衡作用的
结果。
在色相环中每一个颜色对面（180 度对角）的颜色，称为对比色（互补色）。
如红与绿、蓝与橙、黄与紫互为对比色，如图8-3-1所示。
由于对比色有强烈的分离性，在色彩绘画的表现中，在适当的位置恰当地运
用对比色，不仅能加强色彩的对比，拉开距离感，而且能增强画面的视觉冲击力。
17第第八八章章 网网网站站站制制制作作作
在色相环中相邻60 度角的颜色，称为近似色。
12色相环 24色相环
图8-3-1 色相环
课堂实践
在浏览器中，分别打开清华大学和苹果公司的网站（http://www.
tsinghua.edu.cn,http://www.apple.com.cn/support），观察这两个网站是如何
使用色彩的。如图 8-3-2 所示。
图8-3-2 色彩在网页设计中的应用
知识链接 颜色与感觉
红色代表热情、活泼、热闹、温暖、幸福、吉祥。
橙色代表光明、华丽、兴奋、甜蜜、快乐。
黄色代表明朗、愉快、高贵、希望。
绿色代表新鲜、平静、和平、柔和、安逸、青春。
蓝色代表深远、永恒、沉静、理智、诚实、寒冷。
18第三节 网页设置与布局
紫色代表优雅、高贵、魅力、自傲。
白色代表纯洁、纯真、朴素、神圣、明快。
灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞。
黑色代表崇高、坚实、严肃、刚健、粗莽。
⒉文字艺术
文字是网页构成要素之一。绝大多数网站主要使用文字传递信息，因为文字
占用存储空间少，传输速度快，呈现内容准确，而且制作简单。
通常情况下，网站或网页标题、网页正文、文字导航栏、版权说明等相关信
息以文字形式出现。
文字排版及修饰效果的好坏，直接影响网页的视觉效果。另外，文字的色彩
与网页背景的色彩搭配要合理，这样的网页才能给人视觉享受。
课堂实践
在浏览器中打开“中国网络电视台欢乐嘉年华”（http://shaoer.cntv.cn/
jianianhua/index.shtml），如图 8-3-3 所示。观察其文字的使用有什么特点。
图8-3-3 文字在网页设计中的应用
⒊版面布局
版面布局是为了能够让浏览者更清楚、便捷地理解网站所要传达的内容，由
19第第八八章章 网网网站站站制制制作作作
此对网页内容进行的排列方式。
网页的布局可归为两大类：①分栏式结构，②非规律性结构。
① 分栏式结构的网页页面是竖长方形的框架。常见的分栏式结构有：二分栏
式结构、三分栏式结构以及多分栏式结构，如图8-3-4所示。
② 非规律性结构的网页布局随意，如图8-3-5所示。
图8-3-4 分栏式结构 图8-3-5 非规律性结构
课堂实践
上网浏览网站，结合实际进行讨论。讨论分栏式结构和非规律性结构
网页布局的特点。
二、设置网页属性
最初创建的网页背景为白色、无背景图像、无标题。通过讨论 , 确定了网站
以蓝色为主要色彩，标题为“ComputerDIY”，通过哪个菜单项进行修改呢？
制作网页时，需要设置网页属性。网页属性包括标题、背景图像和颜色、文
本与链接颜色以及边距等内容。通过使用“页面属性”对话框修改当前网页的标题、
背景和文字颜色等内容。
⒈设置网页背景
给网页指定背景图像和背景颜色可以使用“背景图像”和“背景颜色”来完成。
可以使用下面的方法设置网页背景：
① 打开站点。
20第三节 网页设置与布局
② 在“文件”选项卡面板中，双击“index.html”文件，打开“index.html”网页。
如图8-3-6 所示。
图8-3-6 打开“index.html”网页
③ 如图8-3-7所示，单击“修改”菜单中的“页面属性”命令项。
④ 在弹出的“页面属性”对话框中，确认“分类”列表中选择的是“外观（CSS）”
项。在“外观（CSS）”下，单击“背景图像”填充栏右侧的“浏览”按钮，如图
8-3-8所示。
图8-3-8 “ 页面属性”对话框
⑤ 在弹出的“选择图像源文件”对
话框中，选择背景图像的路径和文件名，
为“ComputerDIY” 网 站 选 择“images/
beijing.png”做背景，如图 8-3-9所示。
图8-3-7 “ 修改”菜单
21第第八八章章 网网网站站站制制制作作作
图8-3-9 设置背景图像
⑥单击“确定”按钮，完成网页背景图像的设定。
知识链接 层叠样式表（CSS）
层叠样式表（CSS）是一系列格式设置规则，可以用来灵活控制 Web
页面的内容外观，可以为文本指定不同的字体大小和单位（像素、磅值等），
还可以在多个浏览器中处理页面布局和外观。
⒉设置网页标题
在浏览器标题栏中显示的文字就是网页标题。网页标题是对网页内容的高度
概括。通常，网站主页的标题就是网站的名称。浏览器打开没有加标题的网页时，
标题栏会显示“无标题文档”。
设置网页标题的方法如下：
① 在“页面属性”的“分类”列表中，
选择“标题/编码”项。
② 右侧显示出的“标题”文本框中，
输入网页的标题，如“ComputerDIY”，
如图8-3-10所示。
图8-3-10 设置网页标题
③ 在“页面属性”对话框中，单击
“确定”按钮。
④ 单击菜单“文件”→“在浏览器中预览”→“IExplore”命令项，如图
8-3-11 所示。
⑤ 在浏览器中预览此网页，可以看到“ComputerDIY”标题，如图8-3-12所示。
22第三节 网页设置与布局
图8-3-11 “ 文件”菜单 图8-3-12 在浏览器中预览网页
课堂实践
尝试为自己建设的网站设置网页背景与标题，注意设置的背景要与网
站设计风格相匹配。
三、使用表格布局网页
修改完网页属性，如何进行页面的排版布局呢？使用表格可以排列网页中的
文本、图像等各种网页元素，可实现对页面元素的准确定位。表格是进行页面布
局极为有用的设计工具。
通过设置表格和单元格的属性以及合并、拆分等操作，可使得页面形式丰富
多彩、条理清晰，内容组织井然有序。
使用表格布局网页的主要步骤是：设计布
局草样、插入表格、编辑表格。
⒈设计布局草样
设计布局是网页制作中一项很重要的工
作，它决定了网页设计的成败，是网页设计的
关键。一般情况下，要在纸上先勾画出网页的
轮廓和内容结构，这样就能在网页制作过程中
胸有成竹。例如图8-3-13，是为“ComputerDIY”
网站主页设计的布局草样。
图8-3-13 “ ComputerDIY”主页布局草样
23第第八八章章 网网网站站站制制制作作作
⒉插入表格
依据设计好的布局草样，使用表格布局网页。下面以图 8-3-13 所示的草样
为例，说明如何将草样转换为表格，如图8-3-14所示。
图8-3-14 目标表格样式
具体操作步骤是：
① 打开“ComputerDIY”站点中的“index.html”网页文件。
② 单击“插入”菜单中的“表格”命令项，如图8-3-15所示。
③ 在弹出的“表格”对话框中的“表格大小”栏中，设置“行数”为“5”“、列
数”为“4”、“表格宽度”为“1000”，如图8-3-16所示。
图8-3-15 “ 插入”菜单 图8-3-16 “ 表格”对话框
24第三节 网页设置与布局
④ 单击“确定”按钮，在编辑区插入一个5行4列的表格，如图8-3-17所示。
图8-3-17 插入5行4列的表格
⑤单击“文件”菜单中的“保存”命令项，保存当前网页。
⒊编辑表格
在使用表格布局网页时，经常需要对单元格进行拆分与合并等编辑操作，使
其符合布局的要求。
编辑表格可以使用“修改”菜单和“属性”面板。
选中表格后，在“属性”面板中设置整个表格属性，如图8-3-18所示。
图8-3-18 设置“表格”属性
选中单元格后，在“属性”面板中，可以设置整个单元格属性，如图8-3-19
所示。
图8-3-19 设置“单元格”属性
25第第八八章章 网网网站站站制制制作作作
① 打开“index.html”文件，拖曳鼠标选择表格的第 1行。
② 单击菜单“修改”→“表格”→“合并单元格”命令项，如图8-3-20所示。
③ 合并单元格后的表格如图8-3-21所示。
图8-3-20 “合并单元格” 图8-3-21 合并后的表格
④单击“文件”菜单中的“保存”命令项，保存当前网页。
知识链接 表格嵌套
根据网页布局和插入网页元素的需要，可以在某个单元格中再插入一
个表格，即表格嵌套。利用表格的嵌套可以实现更精准的编排，从而获得
精美的编排效果。
在设置表格宽度时有两个选项：百分比和像素。百分比是相对宽度，是根据
浏览器的宽度按比例显示；像素是绝对宽度，固定了表格宽度像素值。
课堂实践
尝试用表格完成网页的布局设计，并使表格“居中对齐”，然后美化网页，
设置不显示表格边框。
26第三节 网页设置与布局
四、在网页中输入文字、插入图片
确定网页布局后，还缺要呈现的内容，即文字、图片等素材。
根据网页布局的位置输入文字或插入图片，操作方法和文字处理软件方法一
样。可以使用“格式”菜单设置文字和图片的属性。在“index.html”中，输入文
字并插入图片后的效果如图8-3-22所示。
图8-3-22 主页的初步效果
将图片插入网页时，系统自动生成网页文件中与图片相应的 HTML 源代码。
为了保证图片能在浏览器中正确显示，图片文件必须位于当前站点中。如果图片
文件不在当前站点中，在系统询问是否要将此文件复制到当前站点时，选择把图
片保存在images 文件夹即可。
课堂实践
在布局好的网页中，输入文字，插入图片，并设置属性，美化网页，
完成一个简单网页的制作。
27第第八八章章 网网网站站站制制制作作作
评价与反思
回忆制作个人网站的过程，填写表 8-3-1。
表8-3-1 网页制作
制作网页 简单描述
网页风格 1.色彩运用 2.文字 3.版面
网 页背景
网页标题
插入表格
选用工具
编辑表格
文 字
图 片
课后作业
【1】和同学交流，说一说为什么要用表格来布局网页。
【2】在 Dreamweaver 与 Word 中插入图片后，保存文件有什么区别？
28第四节 插入多媒体对象
第四节 插入多媒体对象
在网页中恰当使用声音、视频、动画等多媒体元素，可以丰富网页内容，增
强网页表现力、吸引力，更好地表达网站主题，让个性化网页更具吸引力，多媒
体对象越来越多地被使用在网页中。
学习目标
了解多媒体元素在网页中的作用。
学会在网页中插入动画、声音、视频等多媒体对象。
了解简单网页动态效果的制作。
一、插入动画
在有些网站网页顶部，经常看见加入了用 Flash 制作的广告条，是否可以使
用插入图片的方法来完成呢？
Flash 动画使用的是一种交互式矢量多媒体技术，用 Flash 制作的影片占用存
储空间比较小，表现力强，更吸引人。
怎样把资源库中的Flash动画插入到网页中呢？插入动画的步骤如下：
① 将光标定位在需要插入Flash影片的位置。
② 在“插入”菜单的“媒体”中选择“SWF”命令项，如图8-4-1所示。
图8-4-1 “ 插入SWF” 图8-4-2 “ 选择SWF”对话框
29第八章 网网网网站站站站制制制制作作作作
③ 在“选择 SWF”对话框中，选择需要插入到网页中的“SWF”文件，如
video 文件夹中的“banner_01.swf”，如图8-4-2所示，单击“确定”按钮。
④ 在网页中选中已插入的“SWF”文件，拖动显示图标的控制点，将其调整
到适当的大小，如图8-4-3所示。
图8-4-3 网页中插入SWF文件后显示效果
⑤ 保存网页，按F12键在浏览器中预览效果，如图8-4-4所示。
图8-4-4 在浏览器中网页的效果
知识链接 设置Flash背景透明
如果插入的 Flash 影片带有画布，可以通过“属性”面板，更改 Flash
影片的“Wmode”属性为“不透明”。
30第四节 插入多媒体对象
课堂实践
把自己收集的动画素材或配套光盘素材中准备好的 Flash 文件插入到网
站主页中。
网页中的 Flash 动画不仅可以作为广告条、导航条等内容，还可以用来表现
动态模拟的内容，用于增强网页的视觉效果。“对齐”、“循环”和“自动播放”等
都可以在属性面板中进行设置，如图8-4-5所示。
图8-4-5 SWF的“属性”面板
二、插入视频
假设有一段信息技术老师组装计算机的视频，现在把视频加到个人组装计算
机的网页中。
网站可以提供视频影像浏览，但是如果视频文件的数据量很大会影响访问速
度。因此，因特网上使用流媒体技术播放影像，常用的视频格式是Flash视频（.flv）。
Flash视频数据量小，下载速度快，是一种专门为在网络上播放而开发的视频格式。
插入视频的步骤如下：
① 将光标定位在页面中需要插入视频文件的位置。在“插入”菜单中的“媒
体”中，选择“FLV”命令，如图8-4-6所示。
图8-4-6 “ 插入”菜单“FLV”命令
31第八章 网网网网站站站站制制制制作作作作
② 输入视频文件显示的宽度和高度，如果使用默认宽、高，单击“检测大小”
按钮。如图8-4-7所示。
图8-4-7 “ 插入FLV”对话框
③ 单击“浏览”按钮，弹出“选择 FLV”对话框，选择文件“shipin.flv”单
击“确定”，如图 8-4-8 所示。然后返回“插入 FLV”对话框，URL 变为“video/
shipin.flv”，单击“确定”按钮，如图8-4-9所示。
图8-4-8 “ 选择FLV”对话框 图8-4-9 选择文件后的“插入FLV”对话框
④ 在属性面板中分别设置“宽度” 为“360”、“高度”为“270”，使视频大
32第四节 插入多媒体对象
小适合页面，如图8-4-10所示。
⑤ 保存网页，按 F12 键在浏览器中预览效果。
图8-4-10 插入FLV视频后的网页
课后探究
素材库中准备的视频文件是 AVI 格式，能直接插入到网页中吗？说说
理由。
知识链接 网络上常用的视频文件格式
1. FLV 格式。
FLV 是随着 Flash MX 的推出出现的新的视频格式，其全称为 Flash
video。这种格式的文件极小、加载速度极快，适合在网络上直接观看。目
前各在线视频网站均采用此视频格式。
2. RA/RM/RAM 格式。
RA/RM/RAM 格式开发时就定位于视频流应用。在 56K Modem 拨号
上网的条件下可以不间断地播放该格式视频。
3. RMVB 格式。
RMVB 是由 RM 视频格式升级延伸出的新视频格式，它与 RM 格式平
均压缩采样的方式有所不同，在保证平均压缩比的基础上合理利用比特率
33第八章 网网网网站站站站制制制制作作作作
资源，在保证静止画面质量的前提下，大大提高了运动图像的画面质量。
三、插入声音
一个组装计算机的网站有文字、图片、动画，看上去感觉不错，如果再加上
一段悦耳的背景音乐，岂不更好吗？
音频文件在网页中通常用于背景音乐、声音特效等。将声音文件直接插入页
面中，只在浏览器具有适合的插件时才会播放。插入声音的步骤如下：
① 将光标定位在页面中需要插入音频文件的位置。
② 在“插入”菜单中的“媒体”中，选择“插件”，如图8-4-11所示。
③ 在“选择文件”对话框中，浏览要插入的音频文件，单击“确定”按钮，
将音频文件插入页面的指定位置，如图8-4-12所示。
图8-4-11 “ 插入”菜单“插件”命令 图8-4-12 “ 选择文件”对话框
④ 拖动音频文件边框上的控制点，调整大小，如图8-4-13所示。
图8-4-13 调整插入的音频对象
34第四节 插入多媒体对象
⑤ 保存网页，按 F12 键在浏览器中预览效果，如图8-4-14所示。
图8-4-14 加入音频后的预览效果
课后探究
预览时插入的音频文件是否能自动播放呢？
在“窗口”菜单中选择“标签检查器”。选中页面中的音频文件，单击
“标签检查器”的“属性”按钮，将 autostart 属性的值设置为 false。再次预览，
会有什么现象出现呢？
知识链接 循环播放次数
使用代码 <bgsoundsrc="music/backmid.mid" loop="-1"> 也能添加背景音乐。
其中 loop="-1" 表示循环播放次数不限，如果 loop="0" 则表示只播放 1 次，其他
自然数表示重复播放的次数。
为了在浏览页面时，不因音频文件的大小而影响页面加载、访问速度，通常
将代码放在</body>标记上面一行。这样，背景音乐将在页面加载完全后播放。
四、设置网页特效
为使制作的网页界面更加友好，决定在网页中加入“欢迎光临”等滚动字幕
效果，可是发现并没有这个命令项或工具栏按钮，怎样才能完成这种动态效果呢？
在网页中经常会看到一些引人关注的动态效果，使页面更加的生动。比如常
见的“跑马灯”效果，则是由<marquee></marquee> 语句来实现，操作方法如下：
35第八章 网网网网站站站站制制制制作作作作
① 单击“拆分”按钮，可以看到编辑器被分成了两部分。左侧是网页对应的
HTML代码窗口，右侧是网页的设计窗口，如图8-4-15所示。
代码窗口 设计窗口
图8-4-15 拆分视图下的窗口
② 将光标定位到音频文件左边的单元格。
③ 将<marquee direction="left"behavior="scroll"scrollamount="10"scrolldelay=
"200" > 欢迎光临神奇的计算机世界</marquee> 复制到代码窗口中光标所在位置，
如图8-4-16所示。
图8-4-16 跑马灯效果HTML代码
④ 保存，按F12键在浏览器中查看效果，如图8-4-17所示。
滚动字幕
图8-4-17 跑马灯效果
36第四节 插入多媒体对象
课堂实践
在网页恰当的位置，插入“欢迎你来到我的网站”跑马灯动态效果。
知识链接 网页特效
网页特效是用脚本代码在网页中实现动态效果或者特殊功能的一种技
术，它可以使页面更富有动感，增强交互性。
通常在因特网上可以下载得到各种功能的网页特效代码，按照说明将
其复制到需要的位置并作适当的调整即可实现网页特效。
评价与反思
评价多媒体元素的使用是否合理，评价动态效果设置的效果。
课后作业
【【【【1111】】】】上上上上网网网网浏浏浏浏览览览览网网网网站站站站，，，，观观观观察察察察哪哪哪哪些些些些类类类类型型型型的的的的网网网网站站站站使使使使用用用用了了了了背背背背景景景景音音音音乐乐乐乐、、、、网网网网页页页页特特特特效效效效，，，，
记录网站的名称和类型。请你分析一下，音频文件通常用于哪类网站。
表8-4-1 网站多媒体使用情况
网站 网站 背景 网页
网站类型
名称 主题 音乐 特效
个 商 企 购 游 门 其
网易 综合新闻资讯 是 否 是 否
人 业 业 物 戏 户 他
QQ 个 商 企 购 游 门 其
个人日记等 是 否 是 否
空间 人 业 业 物 戏 户 他
个 商 企 购 游 门 其
是 否 是 否
人 业 业 物 戏 户 他
个 商 企 购 游 门 其
是 否 是 否
人 业 业 物 戏 户 他
【2】结合所制作的网站主题，思考需要设置哪些多媒体元素。
【3】上网搜索网页特效的代码，把它加到网页中，查看效果。
37第八章 网网网网网站站站站站制制制制制作作作作作
第五节 创建超级链接
超级链接（超链接、链接）提供了一个网页同其他网页或站点之间进行连接
的路径。各个网页链接在一起后，才能真正构成一个网站。超级链接是网页的灵魂，
为查询信息提供了极大的方便。通过点击超级链接，即可实现足不出户云游世界。
学习目标
了解超级链接的概念。
学会创建超级链接的一般方法。
学会制作指向不同类型目标的超级链接。
一、超级链接
每个同学分别完成了自己的作品，需要在同学们的网页之间建立联系，才能
成为一个完整的网站。这需要完成不同的链接，比如计算机各组成部分的介绍，
各栏目之间的跳转，读者和设计者的联系方式等，取得链接顺畅、结构清晰、内
容完整的效果。
超级链接由链接源和链接目标两部分组成，其中设置链接的一端为链接源，
跳转到的页面或文件为链接目标。如图8-5-1所示。
设置超级链接后，单击超级链接，可以从链接源跳转到链接目标，从而使网
图8-5-1 超级链接
38第五节 创建超级链接
站成为一个把多个网页有秩序地关联在一起的有机整体。
链接源通常是网页中的文本、图像、表单或是其他的网页元素等。
创建超级链接可以使用“插入”菜单、“属性”面板等方法。
知识链接 超级链接的路径
要正确创建超级链接，必须先了解链接源与链接目标之间的关系。每
个网页都有一个唯一的地址，即 URL（统一资源定位符）。URL 用来表示
因特网上一切资源的地址，可以把它理解为“网址”。
创建外部链接时，要填写完整的 URL，即网址，http://www. ...
绝对路径是链接指向目标资源完整的地址。在网页中主要用作创建外
部链接。
相对路径是链接指向目标资源相对于当前文档的地址。在制作图像或
文本超级链接时，尽可能地使用相对路径，这样网站的可移植性比较强。
如果是链接到不直接相关的文件时，使用绝对路径，在移动源文件时就不
需要重新建立链接。
二、文本超链接
超级链接中使用普遍，且较为简单的是超文本链接。超文本（Hypertext）是
将网络中不同位置的文字信息媒体组织在一起的网状文本。目前，使用较多的超
文本标记语言是“Hypertext Markup Language，HTML”。
文本超链接指的是链接源是文本的超链接。
设置文本超链接的方法之一：
① 打开index.html 文件。
② 选中文字“个人计算机的组成”。
③ 单击“属性”面板中的“指向文件”按钮 ，拖动鼠标到“文件”面板
中选择目标文件“zucheng.html”即可。如图 8-5-2所示。
④ 保存网页，按 F12 键在浏览器中预览效果。
39第八章 网网网网网站站站站站制制制制制作作作作作
图8-5-2 设置文本超级链接
课后探究
创建超级链接后，在浏览器中浏览网页时，有时需要以新的窗口打开
链接目标网页。请尝试将“ 属性”面板中“目标”分别设置为 _blank 和 _
self，看看链接目标文件是如何在浏览器中显示的。
当网页中有“联系我们”字样时，单击“联系我们”就会启动用户的电子邮
件软件（如 Outlook），在收件人文本框中显示网站提供的电子邮箱地址。用户可
以通过网站设置的电子邮件超链接与网站联络。
设置电子邮件超链接的方法之一如下所示：
① 打开网页“index.html”。
② 选中网页中的文字“联系我们”。
③ 在“属性”面板的“链接”处输入“mailto:computerdiy@163.com”。如图
8-5-3所示。
④ 保存网页。
图8-5-3 设置电子邮件文本超级链接
40第五节 创建超级链接
课堂实践
完成主页中其他文字的超链接设置。
知识链接 自定义超链接样式与CSS层叠样式表
创建文字超级链接后，可以通过自定义超级链接的颜色、样式对页面
进行美化。
单击“属性”面板中的“页面属性”按钮。选择“链接（CSS）”，如图
8-5-4 所示。对链接的样式、颜色进行设置。CSS 是层叠样式表的英文简
称，通常用来对网页中的文字、超链接等进行格式、颜色的设置。经过设置，
页面中的所有超级链接均被设置为统一的样式。
图8-5-4 设置链接（CSS）
另外，在 Dreamweaver 中，不但可以对链接进行 CSS 设置，还可以对
整个页面的外观进行设置。更多的复杂样式，还需要通过系统学习 CSS 来
完成。
三、创建图像链接
⒈整幅图像链接
制作整幅图像链接与制作文本链接的方法一致。选中图像后，直接设置超链
接即可。
41第八章 网网网网网站站站站站制制制制制作作作作作
知识链接 优化图片
为了提高网页的加载速度，网页中的大量图片应在保证画质的前提下，
数据量越小越好，因此通常对小图片进行品质上的调整。当用户需要查看
更清晰的原图时，可以通过小图片上创建的超级链接在新网页中打开原始
图片。
如果插入到网页中的图片本身是 png 格式时，可以不进行优化。因为
png 格式是一种专门用于网页制作的图像格式。当图片为 jpeg 格式时，可
以通过调整品质，降低图片的数据量。
选中图片，单击“属性”面板中的“编辑图像设置”按钮 ，在“图
像预览”对话框的右侧可以看到当前图片的画质。如图 8-5-5 所示。
图8-5-5 调整图像品质
拖动左侧“品质”旁的滑块，可以调节图片的品质，使清晰度和数据
量达到一定的平衡。
⒉热点链接
网页中经常需要将一幅图片中的不同部分链接到不同的目标，这就需要设置
热点链接。
图片中设置超级链接的区域，称为热点（热区）。
热点链接的创建过程是：
① 选择网页中的图片。
42第五节 创建超级链接
② 在“属性”面板中选择“热点工具”，选择适当的形状，为图像绘制热点区域。
如图8-5-6所示。
热点工具
图8-5-6 热点工具
③为选中绘制的热点区域创建超级链接。如图8-5-7所示。
热点区域
图8-5-7 设置热点区域超链接
课堂实践
在网页上找一幅图片，如“zucheng.html”上的“computer01.png”，绘
制热点区域，制作热点链接。
四、锚点链接
当一个网页页面的内容超过一屏时，可以在页面中设置锚点，使访问者通过
点击链接到该锚点的超链接，直接定位到页面中锚点的位置。锚点和书签的作用
一样。
创建锚点链接的过程分为两步：创建命名锚记和链接到命名锚记。
① 打开网页“lishi.html”。
② 将光标定位在网页中“电子计算机原理”的“电”字之前。
43第八章 网网网网网站站站站站制制制制制作作作作作
③ 单击“插入”菜单，选择“命名锚记”。如图8-5-8所示。
④ 在“命名锚记”对话框中，输入“yuanli”，单击“确定”按钮，网页中显
示锚点标记。如图8-5-9、8-5-10所示。
⑤ 选中网页“lishi.html”导航栏中的“电子计算机原理”，在“属性”面板的“链
接”中输入“#yuanli”。如图8-5-11所示。
⑥ 保存网页。
图8-5-9 “ 命名锚记”对话框
图8-5-10 显示锚点标记
图8-5-8 “ 命名锚记”
图8-5-11 设置锚点超链接
44第五节 创建超级链接
课堂实践
仔细分析网页，找出需要制作锚点的位置，依次为它们制作锚点链接。
五、创建下载链接
如果网站中提供下载资料，则需要为文件提供下载链接，当超链接指向的目
标文件是 exe、doc、rar 等文件格式时，浏览器无法直接打开文件，就会提示文件
下载，这就是网络上“使用浏览器下载”的方法。如图8-5-12所示。
图8-5-12 文件下载
① 打开网页“lishi.html”。
② 选中文字“下载全文资料”。
③ 单击“属性”面板中“指向文件”按钮，拖动鼠标到“站点结构图”中，
选择“others”文件夹中的“computerhistory.docx”即可。
④ 保存网页。
课堂实践
试完成自己网站的下载链接，方便浏览者下载并提供资料。
45第八章 网网网网网站站站站站制制制制制作作作作作
评价与反思
通过浏览网站，检查超链接的正确性，如有链接问题应及时修改。
课后作业
【【【【1111】】】】比比比比对对对对建建建建立立立立各各各各种种种种资资资资源源源源超超超超级级级级链链链链接接接接的的的的方方方方法法法法，，，，发发发发现现现现其其其其中中中中的的的的相相相相同同同同点点点点和和和和不不不不同同同同点点点点。。。。
【2】热点链接和锚点链接都是网页中常用的超级链接形式。你能说说
这两种链接有什么异同吗？
46第六节 使用框架网页
第六节 使用框架网页
在设计制作网页时，除使用表格外，还可以使用框架进行布局。框架是在浏
览器中显示多个文件的网页技术。
学习目标
了解框架网页的概念和用途。
学会使用框架布局网页的方法。
学会在框架中打开网页的方法。
学会设置框架的属性并编辑框架。
一、框架网页
打开下面的网页（如图 8-6-1 所示），你会发现很快就能打开，并且广告条
和导航栏部分不刷新。这是因为这个网页使用了框架。如何将现有的网页修改成
框架形式呢？
使用框架可以将浏览器显示窗口分割成多个子窗口，每个窗口都是一个独立
的网页文件。当一个页面被划分为若干个框架时，Dreamweaver 就建立起一个未
命名的框架集文件，同时为每个框架建立一个文件，所以框架由框架集和单个框
架两部分组成。
子框架
mingrentop.html
框架集
mingrenFrameset.html
主框架
mingren.html
图8-6-1 框架形式网页
47第八章 网网网网网网站站站站站站制制制制制制作作作作作作
使用框架网页时，访问者的浏览器不需要为每个页面重新加载与导航相关的
图形。每个框架都具有自己的滚动条，可以独立滚动这些框架，方便调用多个页
面文件，减少重复工作，网页调整、修改更加方便灵活。框架常用于给网页内容
添加目录索引或者导航。一组框架通常包括一个含有导航条的框架和一个要显示
主要内容页面的框架。
如图 8-6-1 所示，框架集网页（mingrenFrameset.html）是由上下两个框架构
成的框架页。下部是主框架 (mainFrame)，对应的网页文件是 mingren.html，上部
是子框架(topFrame)，对应的网页文件是 mingrentop.html。
课堂实践
在浏览器中分别打开 mingrentop.html 和 mingren.html 网页，观察各自
网页的效果，体会框架是如何使用的。
二、使用框架制作网页
框架最常见的用途是导航。在一个风格统一的网站中，几乎所有的页面都会
使用统一的导航，所以导航属于网站的公共页面。
创建好框架后，只需要调用导航页就可以方便快速地完成网页导航的设计，
从而减少重复工作，使网页的调整、修改更加方便灵活。
本节中，将对“ 风云人物”页面使用框架技术。完成该网页的编辑后，在制
作其他网页时，就可以调用该网页导航部分的框架去完成其他网页导航的制作了。
使用框架制作网页的方法：
① 在文件面板中新建一张空白网页，命名为mingren.html，并双击打开网页。
② 单击“插入”菜单中的“HTML”选项→“框架”→“对齐上缘”命令项。
如图8-6-2 所示。
48第六节 使用框架网页
图8-6-2 插入框架
③ 在弹出的“ 框架标签辅助功能属性”对话框中，单击“ 确定”按钮，为各
框架默认命名，如图 8-6-3 所示。可以拖动框架边框来调整各框架区域的大小。
如图8-6-4所示。
子框架
主框架
图8-6-3 “ 框架标签辅助功能属性”对话框 图8-6-4 框架区域
④ 单击上部子框架，在该框架内完成导航条的设计。如图8-6-5所示。
⑤ 单击下部主框架，在该框架内完成计算机系统组成页面的设计。如图
8-6-5所示。
49第八章 网网网网网网站站站站站站制制制制制制作作作作作作
图8-6-5 框架集文件
⑥ 单击“文件”菜单中的“保存全部”命令项，首先弹出的是框架集的保存
对话框，将其命名为mingrenFrameset.html。如图 8-6-6所示。
图8-6-6 保存框架集对话框
50第六节 使用框架网页
⑦ 框架集保存后，接下来依次保存各子框架，当前正在保存的框架在设计视
图中会显示出粗边框，如图8-6-7所示。
图8-6-7 保存框架集文件对话框
⑧ 按F12键预览框架网页。
知识链接 命名框架必须符合以下要求
框架名应该由字符与数字组成，允许使用下划线 (_)，但不能使用横杠
(-)、句点(.)和空格。框架名应以字母开头，不要使用Java脚本语言的保留字。
课堂实践
使用框架完成一个栏目网页的制作。
三、设置框架及框架集属性
虽然框架网页已经建好，但整个网页看起来还不尽如人意，这时就需要通过
设置框架及框架集属性进行调整，如边框颜色、滚动条等。
① 单击“ 窗口”菜单中的“框架”选项，打开“框架”面板。
② 在“框架”面板中单击环绕框架集的边框，选中框架集，此时该框架集的
边框呈黑色，如图8-6-8 所示。
51第八章 网网网网网网站站站站站站制制制制制制作作作作作作
框架集边框线
图8-6-8 框架面板
③ 在“属性”面板中将“边框”设置成“是”，将“边框宽度”设置为0。
④ 按 F12 键预览框架网页。
知识链接 编辑框架
在编辑框架网页的过程中，如果需要将原有的框架再拆分，可以通过“修
改”菜单的“框架集”选项进行拆分。
删除某一框架的方法是将鼠标指针停留在两个相邻框架的边框上，指
针变成垂直或水平的双向箭头，此时按住鼠标不放，向上或向左拖动鼠标，
就可以删除上边的框架或左边的框架。
课堂实践
设置主框架（mainFrame）。注意在网页内容比较多时，会出现“滚动条”。
四、设置框架中的链接
在框架中设置链接与在单一网页中设置链接方法一样，但需要关注设置链接
的目标，否则单击链接源后，链接目标只在导航所在的框架中显示。
52第六节 使用框架网页
① 选中子框架中的 mingrentop.html 网页，单击导航中的图片“系统组成”作
为链接源，通过“属性”面板将链接目标设置成“newzucheng.html”。
② 在“属性”面板中，将“目标”设置为“mainFrame”。如图8-6-9所示。
图8-6-9 设置链接目标
③ 保存网页，按 F12 键预览框架网页。
课后探究
在框架中设置链接时，将“ 目标”设置为 _blank、_new、_parent、_
self、_top、bottomFrame 后，链接目标在哪个窗口或框架中打开？
评价与反思
根据本节课的学习情况，填写表 8-6-1。
表8-6-1 框架网页
制作网页 简单描述
框架间布局
色彩搭配
框架命名
框架的保存
课后作业
【【【【1111】】】】在在在在因因因因特特特特网网网网上上上上搜搜搜搜索索索索一一一一些些些些网网网网页页页页，，，，分分分分析析析析一一一一下下下下它它它它们们们们是是是是由由由由哪哪哪哪种种种种框框框框架架架架形形形形式式式式制制制制作作作作的的的的。。。。
【2】使用框架制作规划、制作自己的网站，以提高效率。
53第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
第七节 测试与发布站点
当网站中的所有网页制作完成之后，需要对网站进行测试，确保网站能正常
运行后才可以发布网站。一些网页制作工具软件具有网站测试、发布的功能，不
但能够对网站的浏览器兼容性、链接关系进行检查，还可以清理 HTML 标签，并
将本地文件夹上传到服务器上。
学习目标
掌握测试网站不同方面的相应测试方法。
学会发布网站的方法。
一、测试网站
制作好的网站放在了教室的服务器中，当其他同学浏览网站时，发现主页中
有张图片没有显示，如图 8-7-1 所示。这种现象提醒大家，在发布网站前，要对
网站进行测试，确保网站没有问题才可以发布。
图8-7-1 图片不显示的网页
54第七节 测试与发布站点
进行网站测试时一般要检查网站的链接、浏览器的兼容性、多余标签等内容，
以保证上传到服务器之后不会出现链接断开、浏览器不支持等问题。
⒈检查链接
为避免网页文件之间链接出错，首先要检查网站中是否存在中断的链接，保
证链接的完整性。
检查链接步骤如下：
① 单击“站点”菜单，选择“检查站点范围的链接”，即可对整个网站链接
进行测试，如图8-7-2 所示。
图8-7-2 检查站点范围的链接
② 经过以上测试，网页中存在的问题基本上都能找出来了。查看“ 结果”面
板中“链接检查器”选项卡的具体信息，如“断掉的链接”等内容，如图8-7-3 所示。
55第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
图8-7-3 “ 链接检查器”选项卡
⒉检查浏览器兼容性
由于不同浏览器之间存在差别，同一个网页在不同的浏览器中浏览，可能会
出现不同的效果。因此，在发布网页之前，必须要选择用不同的浏览器进行测试，
以保证网页在各个浏览器中都能正常显示。
检查浏览器兼容性的方法如下：
① 在“文件”面板处双击打开“index.html”网页文件。
② 单击“窗口”菜单中的“结果”，找到“浏览器兼容性”命令项，如图
8-7-4所示。
图8-7-4 “ 浏览器兼容性”命令
56第七节 测试与发布站点
③ 在弹出的“浏览器兼容性”面板中，单击左侧箭头菜单中的“检查浏览器
兼容性”命令项，如图8-7-5所示。
图8-7-5 “ 浏览器兼容性”面板
④ 在“检查浏览器兼容性”的过程中，如果没有发现异常，则在底部显示“未
检测到任何问题”。
⒊检查 HTML 标签
可以利用站点报告来检查HTML标签。站点报告包含可合并的嵌套字体标签、
遗漏的替换文本、冗余的嵌套标签、可删除的空标签和无标题文件等内容。
检查HTML标签的方法是：
① 在“文件”面板处双击打开“index.html”网页文件。
② 单击“站点”菜单中的“报告”命令项，如图8-7-6所示。
图8-7-6 “ 报告”命令项
57第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
③ 在弹出的“报告”对话框中，勾选“选择报告”中需要检查的项目之后，
单击“运行”按钮，如图8-7-7所示。
图8-7-7 “ 报告”对话框
④ 检查完毕后，系统会弹出“站点报告”对话框，显示检查结果，如图
8-7-8所示。
图8-7-8 站点报告
58第七节 测试与发布站点
课堂实践
测试自己制作的网站，及时修改测试中发现的问题。
二、发布网站
经测试没有问题的网站就可以发布了，所谓发布网站就是将自己制作的网页
上传到提供Web浏览服务功能的服务器上，以供浏览者浏览网页。
⒈局域网中的站点发布
如果局域网中的一台计算机安装了Web服务器程序软件（如IIS服务器软件、
PWS服务器软件），可以自己创建Web站点进行网站发布。
进行发布时，要使用IIS构建与配置Web服务器。IIS是因特网信息服务（Internet
Information Server）的缩写。它是一种 Web 服务，主要包括 WWW 服务器、FTP
服务器等。它使得在局域网或因特网上发布信息成了一件很容易的事。
局域网中站点发布的方法如下：
① 选择“开始”→“程序”→“管理工具”→“Internet 信息服务”，如图
8-7-9所示，打开IIS管理器。
图8-7-9 Internet信息服务
② 右键单击“默认 Web站点”选择“属性”命令， 可打开“默认Web站点属性”
的设置窗口。设置“Web 站点”可以在“IP 地址”栏选“192.168.0.48”（本机的
IP 地址）；“TCP端口”维持原来的“80”不变，如图8-7-10所示。
59第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
图8-7-10“ 默认Web站点属性”对话框
③ 单击“主目录”标签，设置“本地路径”，通过“浏览”按钮选择网站所
在的文件夹，如：“D:\flash”。
④ 单击“文档”标签，选中“启用默认文档”复选框，单击“添加”按钮，在“添
加默认文档”对话框中，输入“index.htm”, 如图8-7-11所示。
图8-7-11“ 文档“选项卡及“添加默认文档“对话框
60第七节 测试与发布站点
⑤ 直接单击“确定”，会出现“继承覆盖”对话框，一般选“全选”再“确定”，
完成“默认Web站点”的属性设置，如图8-7-12所示。
图8-7-12“ 继承覆盖”对话框
⑥ 在 局 域 网 中 任 何 一 台 计 算 机 上 打 开 浏 览 器， 在 地 址 栏 输 入
“http://192.168.0.48”，浏览此网站。
知识链接 默认文档
在“默认 Web 站点属性”的“文档”标签中，“启用默认文档”的作用是，
当在浏览器中只输入域名（或 IP 地址）后，系统会自动在“主目录”中由
上到下寻找列表中指定的文件名，如能找到第一个则调用第一个，否则依
次寻找并调用。如果“主目录”中没有列表中任何一个文件名，则显示找
不到文件的出错信息。
课堂实践
把建好的网站发布到学校校园网上，测试网站服务是否正确，供学校
师生浏览，并注意做好维护工作。
61第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
⒉在因特网上申请空间
如想在因特网上发布自己的网站，首先要申请主页空间，得到上传服务器的
FTP 地址及用户名、密码等信息，再将制作好的网站上传发布。目前因特网上提
供免费主页空间的网站很多，但服务质量参差不齐，而且可能会经常变更。
使用Dreamweaver 上传站点到申请空间中的方法如下：
① 单击“站点”菜单，打开“管理站点”命令。
② 在“管理站点”窗口中单击“编辑”，打开“站点设置对象”窗口。
③ 选择左侧“服务器”选项卡，然后单击右侧“ 添加新服务器”按钮，如图
8-7-13 所示。
图8-7-13 “ 站点设置对象”窗口
④ 在“基本”选项卡中，输入服务器名称、FTP地址、用户名和密码等信息（例
如：FTP地址:221.1.217.92，用户名：student，密码:123456），如图8-7-14 所示，
然后单击“保存”，如图8-7-15所示。
图8-7-14 “站点设置对象”窗口“基本”选项卡
62第七节 测试与发布站点
图8-7-15 填写后的“站点设置对象”窗口
⑤ 在“站点”面板工具栏上单击“上传文件”按钮，弹出如图 8-7-16 所示
的对话框，单击“确定”按钮，在弹出的“您确定要上传整个站点吗？”后，单
击“确定”，注意上传状态，如图8-7-17所示。
图8-7-16 “确认上传站点”对话框
63第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
图8-7-17 上传状态
⑥ 网站上传成功后，就可以在浏览器中查看网页。
课后探究
申请免费空间
在搜索引擎中输入关键字“免费主页空间”进行搜索，从搜索到的相
关页面中，根据服务器提供的服务项目，挑选免费空间，尝试申请，找到
符合要求的免费主页空间，再将自己制作的网站上传。
http://www.3v.cm 和 http://www.zhujiwu.com/FreeHost.asp 提供免费空
间。
⒊网站发布注意事项
（1）网站主题。要宣扬爱国主义精神、倡导民族团结、维护国家的统一、促
进社会的进步、紧跟科学技术的发展等。
（2）网站内容。要积极、健康、向上。杜绝一切不良因素的影响。
（3）网站责任。要负责任地发布信息。文明礼貌地参与信息活动。不传播垃
圾邮件和计算机病毒等不良内容。
（4）网站资料。发布的文字、图形、图像、声音、影像、动画等内容或媒体资料，
不得侵犯他人的知识产权。
64第七节 测试与发布站点
课后探究
为了保证网站中所传输信息的安全有效，发布的信息真实可靠，我们在
发布网站时，还需要注意哪些方面的问题？
课后作业
【1】简单叙述测试网站的不同方法。
【2】 在因特网上申请一个免费空间，并将制作的网站上传到免费空间。
65第七节 测试与发布站点
课后探究
为了保证网站中所传输信息的安全有效，发布的信息真实可靠，我们在
发布网站时，还需要注意哪些方面的问题？
课后作业
【1】简单叙述测试网站的不同方法。
【2】 在因特网上申请一个免费空间，并将制作的网站上传到免费空间。
65第八章 网网网网网网网站站站站站站站制制制制制制制作作作作作作作
评价与反思
网站制作学习情况评价
评价 评价 得 分
指标描述
项目 指标 5 4 3 2 1
主题鲜明、与生活经验相关 □ □ □ □ □
网站
主题 符合网络针对的主要查看对象 □ □ □ □ □
主题
网站名称简洁、响亮 □ □ □ □ □
丰富性 内容丰富 □ □ □ □ □
正确性 积极、健康，表述准确，无错别字 □ □ □ □ □
网站
结构性 结构清晰，便于使用 □ □ □ □ □
内容
原创性 资料的原创程度 □ □ □ □ □
设计 网页的画面简单、清楚，整个网站设
□ □ □ □ □
风格
计风格一致、布局合格
能运用适当的字体、大小、颜色及特
网页
文字
殊效果，凸显主题与内容，并与整个 □ □ □ □ □
设计
设计
网页背景相称，文字排版规范整洁
多媒体
使用恰当且与内容相关，有吸引力 □ □ □ □ □
设计
网站
标志 简洁、有吸引力，能有效表现主题 □ □ □ □ □
设计
网站
制作 网站 横幅图的设计与内容相关，能使用
横幅 □ □ □ □ □
Flash动画等
设计
超链接 导航清晰、链接无误 □ □ □ □ □
网站 测试 测试全面，方法正确 □ □ □ □ □
测试 排错 能根据测试结果，排除相应问题 □ □ □ □ □
能正确将网站发布到局域网中的服务
网站 发布 □ □ □ □ □
器（或免费空间），网站正常运行
发布
维护 掌握维护的方法，更新及时 □ □ □ □ □
66第九章
智能处理与编程
学学学学习习习习目目目目标标标标
通过体验，了解人工智能的发展，感受人工智能技术的魅力。
了解计算机语言。
了解程序设计概念以及编程求解问题的一般过程。
学习程序设计的一般方法。
学会编程解决简单问题，提高信息处理的技能。
体验人工智能
编写VB程序求解简单问题
计算机通过执行一系列指令来处理数据，指令的集合就是程
序（Program）。计算机软件重要组成部分是程序。充满个性的需
求往往需要通过编写程序来满足。
通过本章学习，将初步了解人工智能技术以及机器智能与编
程关系，学习编写简单 VB 程序，求解身边问题，提高用计算机
解决问题的能力。第九章 网网网网网网网智站站站站站站站能制制制制制制制处作作作作作作作理与编程
第一节 智能工具处理信息
随着人类步入信息社会和网络经济时代，人工智能技术快速发展，正在不
断赋予机器“智能”，使机器既可以代替人类工作，解放劳动力，提高工作效率，
也可以陪人娱乐，使人类在有“人性”的虚拟世界里尽享快乐！
本节体验计算机的高层次应用，了解人工智能（Artificial Intelligence，简称
为AI）研究成果，感受智能工具处理信息的魅力，了解机器智能与编程的关系。
学习目标
了解人工智能基本概念。
体验智能工具处理信息。
了解智能与编程关系。
一、人工智能
人工智能是研究、开发用于模拟、延伸和扩展人类智能的理论、方法、技术
及应用系统的一门技术科学。人工智能可以解释为利用人工的方法和技术，研制
智能的机器或者智能系统，以模仿、延伸和扩展人的智能，实现机器“思维”和“智
能”行为。
如今，人工智能产品被广泛应用。如汽车生产线上的产品组装，海洋探测中
的深海打捞，下棋、打牌、战争类竞技游戏中的博弈，飞机、火车、汽车上的自
动导航，月球探测等。
知识链接 达特摩斯会议
1956 年夏天，在美国达特摩斯大学，召开了只有 10 位青年学者参加的
会议。他们从不同角度探讨了人工智能的可能性。首次提出了“人工智能”
这一术语，标志着“人工智能”作为一门新兴学科正式诞生。
68第一节 智能工具处理信息
课堂思考
人工智能产品被应用到各个领域，如汽车组装线上的机械手、核辐射
区域中的探测仪、考古时狭窄空间中行走传递信息的探测器、在月球表面“行
走”获取岩石样本的探月车等，为什么这些场合人们会选择使用智能产品？
这些场合中，智能产品拥有什么样的优势？
二、智能工具处理信息
人类活动中处处可见智能，如解题、下棋、猜谜、探究问题、制订计划、编
写程序、驾驶汽车等。人工智能，是人类在机器上对智能行为的研究，是人类创
造的物体的智能行为。
人工智能应用领域包括模式识别、人机博弈、语音和自然语言理解、专家系统、
图像理解和计算机视觉、智能控制等，如图9-1-1所示。
人机对弈 人机对话 智能探月
图9-1-1 人工智能技术的应用
1. 模式识别
模式识别（Pattern Recognition）是指用计算机模拟人类对环境及客体的识别，
从而帮助人类提高工作效率。
人们在日常生活中随时随地都在从事着各种各样的感知识别活动。如：骑自
行车时，辨别行驶道路；吃食物时，感觉食品优劣；听声音时，判断发声体远近；
买水果时，判断水果成熟度等。
模式识别技术的目标是利用计算机来模拟人的各种识别能力，以提高人类的
信息获取和处理能力。如，自动识别文字、声音、图形、图像或人和物等客观事物。
（1）语音识别
语音识别是让机器识别人类口语单字的音节，并加以理解，从而把语音信号
69第九章 网网网网网网网智站站站站站站站能制制制制制制制处作作作作作作作理与编程
转变为相应的文本或命令。近些年来，语音识别技术取得显著进步，正在步入实
际应用。如，手机识别语音命令、字处理软件Word进行语音录入文本等。
课堂实践
单击 Word 中的“工具→语音”，用语音输入一段文字。
（2）文字识别
文字识别就是让机器识别文字内容，并输入计算机。包括光学字符识别技术、
手写笔输入技术、笔迹鉴别技术。其中，光学识别技术用于识别图像中像素表示
的文字内容，并转换成文本输入到计算机。
课堂思考
生活中有很多模式识别技术的应用，例如手写输入板、指纹识别考勤机、
盲人阅读器等，如图 9-1-2，还能说出其他模式识别应用实例吗？
指纹识别考勤机 盲人阅读器 虚拟网球对手
图9-1-2 模式识别的应用
知识链接 计算机的“感官”
用机器来模拟人类的视觉和听觉是一项复杂工程，这不仅涉及复杂的
信号输入与信息处理，而且要有有效的处理方法，才能使机器具有一定的“理
解”能力。
计算机系统装上摄像头和麦克风，就能“看见”周围的东西和“听见”
外界的声音，这种感官能力除了需要信号处理技术支持外，还涉及知识表
示和推理模型等人工智能技术。
70第一节 智能工具处理信息
2. 人机博弈
人机下棋、打牌、对战等竞技类游戏都属于人机博弈。
人类在上千年的棋牌类对弈游戏中，编写出了各种对弈棋谱。一个对弈高手，
往往对各种棋谱烂熟于心，同时拥有丰富的实战经验和计算、判断能力，只有这
样才能在对弈中取得主动，战胜对手。
一个计算机下棋程序中存储有上百万局棋谱。下棋时，计算机像专业棋手一
样“琢磨、思考”，按照下棋规则、技巧，“全方位”分析、判断棋局，选择一个“最
佳方案”（其实是通过每秒钟几亿次的计算，挑选棋谱）。也就是说，机器棋手拥
有“智能”，能向前看出十几甚至更多步棋局变化。
课堂实践
图9-1-3 与计算机对弈五子棋
运行五子棋程序“Five.exe”，与计算机对弈。感受计算机的“智能”，
比较人与计算机的异同，如图 9-1-3 所示。通过体验，填写表 9-1-1。
表9-1-1 人与计算机对弈的感受（请在□中画√）
棋 手 反应（计算）速度 心里起伏变化 身心产生疲惫
人 □快 □很快 □慢 □很慢 □存在 □不存在 □可能 □不可能
计算机 □快 □很快 □慢 □很慢 □存在 □不存在 □可能 □不可能
3. 自然语言理解
自然语言理解是识别文章中的句子以及其中的单词，从而确定句子的意义，
并根据句子的其他信息，确定文章的意思。
71第九章 网网网网网网网智站站站站站站站能制制制制制制制处作作作作作作作理与编程
（1）机器翻译
机器翻译是自然语言理解的应用之一。机器翻译（Machine Translation）是利
用计算机把一种自然语言转变成另一种自然语言的过程。目前，一些“自动翻译
系统”已比较适用。
课堂实践
你知道哪些翻译软件或在线翻译网站呢？选用一种翻译工具，把中文
的“谢谢”、“对不起”、“您好”等常用语翻译成 5 种语言。填写表 9-1-2。
翻译工具：
表9-1-2 语言翻译体验表
中 文 英 语 法 语 西班牙语
谢谢
对不起
您好
（2）语言理解
自然语言理解的应用范围还包括对书面语言和口语的理解，以便机器直接与
人对话，接受自然语言命令。一般来说，书面语言更规范，比口语容易为机器理解。
课堂实践
在网络上与机器人对话。
① 在浏览器地址栏输入网址“http://alice.pandorabots.com”。
② 与机器人 Alice 对话。
例如 ：
Human:Hello Alice.（人 ：艾丽斯，你好。）
Alice:Hi there!（艾丽斯 ：嘿！）
Human:How old are you?（人 ：你多少岁了？）
Alice:I was connected to the net on November 23,1995.（艾丽斯 ：我在
72第一节 智能工具处理信息
1995 年 11 月 23 日被连到了网络。）
Human:What kind of food do you like?（人 ：你喜欢什么样的食物？）
Alice:I require only electricity.（艾丽斯 ：我仅需要电。）
Human:Who is your father?（人 ：你的父亲是谁？）
Alice:I was programmed by Dr.Richard S.Wallace.（艾丽斯：我由理查 S. 华
莱士博士编程。）
Human:If does not have the electricity,you how?（人 ：如果没有电，你将
如何？）
4. 专家系统
专家系统（Expert System，简称为 ES）是指能够像专业人员那样解决某些专
业问题的智能计算机系统。
专家系统利用人工智能技术，根据某个领域一个或多个专家提供的知识和经
验，进行推理和判断，模拟专业人员求解问题的思维，帮助人们解决某些专门领域
的问题。
专家系统是人工智能研究领域中较有成效的一个领域。
课堂实践
体验网络上专家系统的应用。
① 在浏览器地址栏输入网址“http://zjxt.hzagro.com/ splash/sgg.htm”。
② 选择一种水果专家系统。
③ 查看“病虫害症状诊断与防治”部分。
知识链接 图灵测试
在定义智能时，英国科学家阿兰·图灵提出 ：让人通过特殊的方式，在
不知情的条件下和机器人进行问答。如果在相当长时间内，分辨不出与其交
流的对象是人还是机器，那么，就可以认为这台机器拥有智能，这就是著名
的“图灵测试”。
73第九章 网网网网网网网智站站站站站站站能制制制制制制制处作作作作作作作理与编程
三、机器智能来源
在人工智能的研究与应用中，离不开计算机科学，计算机不仅用于人类知识
与经验的存储，而且是实现机器推理、判断的自动化工具。即科学家用计算机程
序描述人类的推理与判断过程，当运行程序时，计算机便拥有了“智能”。
课后作业
【【【【1111】】】】访访访访问问问问某某某某一一一一个个个个自自自自然然然然语语语语言言言言网网网网站站站站，，，，尝尝尝尝试试试试将将将将一一一一种种种种自自自自然然然然语语语语言言言言转转转转换换换换为为为为另另另另一一一一种种种种自自自自
然语言，然后再转换回来。体验计算机对自然语言的理解。
【2】请查找关于网上聊天机器人的资料，体验与机器人聊天。比较与
同学聊天和与机器人聊天的不同，将自己的体会写出报告，分享给他人。
【3】机器人可以在人类不能忍受的恶劣环境下工作 ；机器人棋手比我
们普通人的棋艺更高 ；机器人重复单调的劳动不会疲劳，不会厌烦等。这
些事实能说明机器人比人类更好吗？请给出你的观点，并用事实证明。
74第二节 编程解决问题
第二节 编程解决问题
在体验智能工具处理信息的过程中，我们了解到程序是不可或缺的，学习、
应用各种计算机软件，是直接享受他人编写的程序服务。一旦有问题没有现成程
序可以应用时，就需要编写程序来处理信息、解决问题。本节开始以 VB 为例，
学习高级语言程序设计。
学习目标
了解程序设计语言。
了解程序设计的基本步骤。
熟悉VB开发环境。
学习标签控件的使用。
一、程序设计语言
程序设计语言（Programming Language）是人与计算机进行交流的语言，称为
计算机语言。
程序设计，就是用计算机语言把完成某种任务的步骤编写成一系列指令（程
序），交由计算机去执行。
程序设计语言分为机器语言、汇编语言和高级语言。
1. 机器语言
机器语言（Machine Language）是指计算机的硬件系统可以直接识别的指令系
统，每一条指令都使用二进制数（0、1）表示。如PC机器上，一条数据传送指令是：
B8000H（ 意思是：MOV AX，0000H，'把数据0000H 传入AX中）。
用机器语言编写的程序运行快，但是编写工作量大，难以记忆，容易出错，
程序调试、修改烦琐。不同类型的计算机对应的机器语言不一样，机器语言是一
种“面向机器”的语言。
2. 汇编语言
汇编语言（Assembly Language）用特殊符号代替了机器语言中的二进制指令，
也称为符号语言。汇编语言将机器语言的指令操作码改为英文的“助记符”，还
将较长位数的二进制数改为位数较短的十六进制数。如：MOV AX，0000H，就是
75第九章 网网网网网网网智智站站站站站站站能能制制制制制制制处处作作作作作作作理理与与编编程程
一条传送数据的汇编语言指令。
汇编语言虽然比机器语言直观，好理解，与机器语言一一对应，执行速度快，
但是汇编语言指令编写起来很麻烦，不容易调试。
3. 高级语言
高级语言（High-Level Language）是接近人类自然语言规则的程序设计语言。
高级语言的程序设计方法容易理解和掌握，问题的表述更方便，提高了编写
程序的效率。高级语言与计算机硬件无关，程序具有通用性和可移植性。
用高级语言编写的程序，必须经过“翻译”后才能被硬件执行。这种翻译工
作由计算机系统软件完成。如图9-2-1。
“翻译”
高级语言编 机器能懂的目
写的源程序 标程序
图9-2-1 源程序“翻译”成目标程序
高级语言可以是“面向过程”或“面向对象”的语言，或者是直接“面向问题”
的人工智能语言。
知识链接 几种高级语言
1. 面向过程的语言
面向过程的程序设计语言是面向事件编程的语言，就是分析问题所需
的步骤，用语句一步步实现。如 Fortran、Pascal、Basic、C、VB 等语言。
2. 面向对象语言
是一类以对象作为基本程序结构单位的程序设计语言。对象是设计的
核心，对象是程序运行时的基本成分。如 Smalltalk、Actor、Java、Eiffel 等语言。
3. 面向问题和应用的语言
面向问题和应用的程序设计语言只需要告诉程序需要做什么，程序就
能自动生成算法，自动进行处理。如 LIPS、Prolog 语言。
76第二节 编程解决问题
二、编程解决问题的步骤
对于电视机来说，开关按钮、接收天线或信号插座是输入设备，屏幕是输出
设备，电视机的其他部分可以看成黑匣子，它完成信号的接收、转换以及输出。
如图 9-2-2 所示，计算机也可以看成是一个黑匣子，信息用键盘、鼠标等设
备输入，经黑匣子处理，结果输出到屏幕、打印机等。
输入 输出
计算机（黑匣子）
图9-2-2 计算机处理信息示意图
计算机这个“黑匣子”之所以有很多种功能，就在于其处理信息的程序可以
不断开发、更新。
用计算机编程求解问题时，首先要分析问题，了解哪些是已知的输入条件，
哪些是期待计算机处理后输出的结果，以及处理信息的程序需要完成什么功能。
所以，编程解决问题的一般步骤是：分析问题、设计算法、编写程序、调试
和测试程序。
1. 分析问题
对问题进行分析，找出已知条件和期待的输出，以及信息处理的功能。即列出：
① 所需的已知条件有哪些，为运行程序做好输入准备。
② 最终输出结果是哪些，以及结果的呈现方式，方便获取处理结果。
③ 需要做哪些处理，即需要计算机做什么，才能得到需要的结果。
2. 设计算法
计算机怎样做才能完成需要做的工作，给出需要的结果，就是设计算法。
算法（Algorithm）是解决问题的方法和步骤，也就是完成工作时所做的工作，
包括求解问题的公式设计，以及问题求解步骤的设计。算法是程序设计的“灵魂”。
算法的描述可以使用自然语言直接叙述，也可采用伪代码或者流程图等描述。
（1）自然语言描述算法
例如，设计程序，计算圆的面积。
分析：输入是圆的半径r，输出是圆的面积S。计算圆面积的公式是S = πr 2 。
使用自然语言描述的算法如下：
① 输入圆的半径r。
77第九章 网网网网网网网智智站站站站站站站能能制制制制制制制处处作作作作作作作理理与与编编程程
② 用公式计算圆的面积S。
③ 输出圆的面积S。
（2）伪代码描述算法
伪代码（Pseudo Code）介于自然语言和计算机程序语言之间，用文字和符号
来描述算法的工具。
例如，使用伪代码描述圆面积的算法如下：
r ←5
S←3.14*r*r
使用伪代码描述算法没有严格的语法限制，书写格式也比较自由。用伪代码
描述的算法简洁、易懂，较容易修改，本身并不能直接在计算机中运行，但是很
容易转化为计算机程序语言代码。
（3）流程图描述算法
流程图（Flow Chart）也称程序框图，是用规定的符号、连线和文字说明来表
示算法思想的图形。
用流程图描述算法比较形象直观，对程序的运行过程表达清晰，并且很容易
根据流程图编写出程序代码。《信息处理用流程图符号标准》中列出常用的流程
图符号，如表9-2-1所示。
表9-2-1 流程图中常用符号
图形符号 名 称 说 明
起/止框 表示一个算法的开始或者结束
输入/输出框 标明输入、输出的内容
处理框 标明所进行的处理
标明判别条件，并要在框外标明条件成立或者不成立时的
判别框
两种不同的流向
流程线 表示从某一框到另一框的流向
3. 编写程序
算法只是一个解决问题步骤的集合。如果要让计算机按照算法真正地去执行，
78第二节 编程解决问题
就需要用程序设计语言把算法描述编写成程序，计算机执行程序，以完成任务。
例如，计算圆的面积流程，如图9-2-3所示。
开始
输入半径r
计算圆的面积S
输出圆的面积S
结束
图9-2-3 计算圆的面积流程
4. 调试程序
经过反复的调试、验证，修改程序中存在的错误，并完善程序，直到运行结
果正确。
三、编写一个简单程序
1. VB 工作环境
VB工作环境是指Visual Basic（可视化 Basic）集成开发环境。
① 单击“开始”→“所有程序”→“Microsoft Visual Basic 6.0中文版”，启动
VB。
② 进入VB 的工作界面，此时弹出“新建工程”对话框，如图9-2-4所示。
③ 选择“新建”标签中的“标准 EXE”选项，单击“打开”按钮。见到 VB
工作界面，如图9-2-5 所示。
79第九章 网网网网网网网智智站站站站站站站能能制制制制制制制处处作作作作作作作理理与与编编程程
图9-2-4 新建工程界面
工程管理器
窗体
属性窗口
工具箱
代码窗口
窗体布局窗口
图9-2-5 VB工作界面
VB工作环境集成了许多不同的功能模块，例如：设计、编辑、编译和调试等。
利用VB工作环境，可以开发Windows 应用程序。
知识链接 程序设计语言选择
通常情况下，一个问题可以用多种编程语言解决。选择计算机编程语
言时，一般要综合考虑 ：问题的性质，语言的集成环境和交互功能，语言
的结构机制和数据管理能力，可移植性和开发人员的熟悉程度，是否有较
80第二节 编程解决问题
多的使用者，用户有无特殊要求。
2. 基本概念
自然界中，人是一个概念（人类的总称）。张三是一个具体的人（即一个人
类对象）。张三有特性（属性）：性别男，身高180cm，爱好打篮球等。VB程序中
也用到这些概念。
如图9-2-6所示，一个VB开发的程序，它的功能是输出某人的名字。
图9-2-6 “ 名条”运行窗口
VB 编制的程序都运行在一个窗口中，设计时这个窗口称为窗体。应用程序
运行时，窗体也称为程序窗口，是程序的操作界面，实现数据的输入与输出，完
成与操作者的交互。
用VB开发程序时，会遇到几个常见基本概念：
（ 1）控件和对象
利用图 9-2-5 中的工具箱在窗体内部绘制的元素，称为控件（Control）。程
序窗体和窗体上的控件都是对象（Object）。
（2）属性
在 VB 中，属性（Property）用来描述对象特性。每个对象都有若干个属性。
不同对象的属性类型和属性个数不同。
设置对象的属性时，要首先选中该对象，使其“激活”，此时属性窗口顶部“对
象框”中显示出该对象的名字。在属性窗口中找到需要设置的属性，并为其指定
属性值，即可改变属性取值。属性值也可以在程序中设置。
（3）事件（Event）
事件是由系统事先设置好的某一对象可以识别的动作。
81第九章 智能处理与编程
通俗地说，事件就是作用在对象上的某种事先规定的动作。例如窗体上的单
击事件，当单击窗体时，窗体就会响应鼠标单击事件，也就是执行事件中的程序
代码，这些代码由开发人员编写。
在 VB 中，事件动作称为一个事件过程。执行过程中的程序代码，实现对对
象的某种操作响应。一般用“对象名 _ 事件名”形式来表示“作用在指定对象上
的指定事件”的事件过程名。事件过程框架结构如下：
Private Sub Form_ 事件名() ' 这里Form 是窗体名
语句块
End Sub
知识链接 注释
程序代码中的注释，说明代码的作用。计算机不执行注释。VB 程序中，
注释以英文的单引号“'”开头。编写程序时，记得添加必要的注释信息，
以提高代码的可读性。
对象、属性、事件的关系如图9-2-7所示。
属性
｛
对象
事件
图9-2-7 对象、属性、事件关系图
3. 应用“标签”开发简单程序
例题2-1 编写程序，在窗体上显示自己的姓名。
（1）分析问题
标签（Label）
在此，只要求输出信息——姓名。即编程，在窗体上显示姓名。这可以使用
标签控件完成，如图9-2-6所示。
参见图9-2-5，标签在工具箱中的图标为 ，用于显示文字内容。
82第二节 编程解决问题
表9-2-2 标签常用属性、事件
对齐，指定标签框上显示内容的对齐方式。0：左对齐，
Alignment
1：右对齐，2：居中
属 性
Caption 标题，标签框上要显示的内容
事 件 Click() 单击，鼠标单击标签时触发的事件
新建一个工程，单击工具栏中的“保存”按钮 ，在弹出的“文件另存为”对
话框中，以“名条”为文件名，将窗体文件保存到“第 2 节”文件夹的“名条”
文件夹中；在随后出现的“工程另存为”对话框中，再次以“名条”为文件名，
保存工程文件到同一位置。
记住，在编程过程中，随时存盘，以免意外，操作丢失。
（2）界面设计
这个程序比较简单，窗体上只显示名字。完成图 9-2-6 所示程序界面设计如
下：
① 单击工具箱中的“标签”控件按钮，将鼠标指针移动到Form1窗体界面上。
此时，鼠标指针变为“精度选择”的“十”字形状。
② 在窗体的适当位置，拖动鼠标指针画出一个矩形，当松开鼠标左键时，
在“Form1”窗体中出现一个四周带有 8 个控制点的“Label1”控件对象，如图
9-2-8所示。
图9-2-8 Label1标签
83第九章 智能处理与编程
● 窗体布局
用鼠标拖曳控件对象的 8 个控制点之一，调整控件大小，拖曳窗体边界，调
整窗体的大小。
● 属性设置
① 选中窗体上的Label1 控件，在属性窗口中设置Caption 属性为自己的姓名。
此时窗体上的标签控件中显示出自己的名字，如图9-2-9所示。
图9-2-9 设置标签的Caption属性
② 参照表9-2-3，在属性窗口中设置对象的BackColor、Font 和ForeColor 属性。
表9-2-3 Label1对象属性设置表
对 象 属性名 属性值 属性值说明
Caption 王红 标签上显示的文字
Label1
Alignment 2 对齐方式是居中
(标签1)
Font 黑体、28号字 字体、字号
（3）调试程序
单击工具栏中的“启动”按钮 ，运行程序。这期间如果编码有错，会给出
错误提示，需要及时修改。另外，程序正常运行时，需要仔细观察结果是否正确，
如果不正确，同样要修改。
单击工具栏中的“结束”按钮 ，结束程序的运行。
（4）运行程序
当程序完全正确，且效果满意，则单击按钮 ，输入相应的数据，就可以完
84第二节 编程解决问题
成个性需求。
课堂实践
尝试修改标签的 ForeColor、BackColor 属性值，运行程序，观察效果，
分析这些属性不同取值的作用。修改标签的 MousePointer 属性值，运行程
序时，查看鼠标光标有何变化。
课堂思考
例题 2-1 中编写了 Label1 的事件代码吗？在哪里能看到标签控件能响
应的事件呢？
课后作业
【1】修改例题 2-1，使得鼠标单击姓名后，能显示班级和学号。
分析 ：在标签的鼠标 Click 事件中设置标签的新值为“初三（1）”。
双击 Label1 标签，打开 Label1 鼠标单击事件过程（Label1_Click）代码
编写窗口，如图 9-2-10。添加代码，如图 9-2-11 所示。
图9-2-10 代码窗口 图9-2-11 输入代码
Private Sub Label1_Click()
Label1.Caption= '' 初三（1）''
End Sub
【2】基于例题 2-1，编写程序，使得单击标签 Label1，显示你的座右铭；
单击窗体，显示你的名字。
85第九章 智能处理与编程
第三节 数据的输入输出
计算机的神奇在于它可以与用户进行各种信息交互——数据输入与输出。程
序中信息交互用数据的输入与输出方法来实现。本节学习 VB 程序的数据输入与
输出方法。
学习目标
学会使用Print方法输出数据。
学习使用文本框输入输出数据。
掌握用VB开发程序的一般过程。
学习按钮控件的使用。
一、数据输出
在图 9-2-2 中，程序可以没有输入，但是至少会有一个输出。如例题 2-1，
没有输入，唯一输出是标签Label1 显示的名字。
程序的运行结果，必须按用户的要求输出。VB 程序中，常见的数据输出方
法有两种：控件输出和Print 方法输出。
1. 用控件的属性输出数据
例题2-1中，通过改变控件Label1.Caption 属性的取值，完成了名字的输出。
课堂思考
基于例题 2-1，你能编写出图 9-3-1 所示的程序吗？这里窗体标题是
“座右铭”，Label1 控件的标题是“有志者事竟成”。
图9-3-1 使用标签输出数据
86第三节 数据的输入输出
通过修改控件属性输出数据的方法，界面比较美观，但是如果输出数据较多，
则不方便。
2. 用控件的 Print 方法输出数据
方法是附属于对象的行为和动作，也可以将其理解为指示对象动作的命令。
调用对象方法的格式是：
对象名.方法名 <数据>
这里数据是对象方法处理的信息，视情况可有可无。
窗体或控件的Print 方法功能是输出信息到对象上。
Print 方法
功 能：计算和显示变量及表达式的值
调用格式：对象名.Print < 输出项>
说 明：
（1）“对象名称”可以是窗体（Form）、图片框（PictureBox）。如果省略“对
象名称”，则表示将数据输出到窗体。
（2）该方法可以有多个输出项，各输出项之间可以用“,”或“;”分隔。当用“,”
时，为分段格式；用“;”时，为紧凑格式。
（3）语句末尾为分隔符“,”或“;”，则该语句最后的输出位置为下一条 Print
语句输出的起始位置。
（4）若省略输出项，则输出一个空行。
例如，在窗体的 Activate() 事件过程中添加如下代码，输出数据如图 9-3-2
所示。
Private Sub Form_Activate()
Print ''爱国'';''创新''; '用分号分隔时，被分隔的输出项之间以紧凑格式输出；
用Print 方法可以将用引号括起的一串字符照原样输出
Print '' 包容 '', '' 厚德 '' ' 用逗号分隔时，被分隔的输出项以标准格式输出，
每个标准输出区宽度为15个字符
Print
Print 2 + 3, 2 * 3, 2 / 3 'Print 方法先计算表达式，再输出计算值
End Sub
87第九章 智能处理与编程
图9-3-2 使用Print方法输出数据
知识链接 Cls方法
功 能：清除对象中的显示信息。
调用格式：[ 对象名 .]Cls
说 明：如果省略对象名，默认清除窗体上显示的文字或图形。
课堂实践
1. 调用方法 Form1.Print“ *”，把星号输出到窗体控件。
2. 通过调用窗体的 Print 方法，在窗体上输出字符画。
︿︿︿︿⌒
{/- ★★-/}
( (oo) )
︶︶︶
知识链接 Space()函数
在 Print 方法中可以使用 Space(n) 函数输出 n 个空格。
3. 应用 Print 方法输出数据
例题3-1 试编写程序，当鼠标单击窗体时，窗体上显示出当前窗体的位置坐
标，如图9-3-3所示。表9-3-1为窗体常用属性、事件。
88第三节 数据的输入输出
图9-3-3 使用Print输出窗体位置
表9-3-1 窗体（Form）常用属性、事件
功 能 程序执行窗口，用于实现程序与用户的交互
Height 设置窗体的高
Width 设置窗体的宽
常用属性
Left 设置窗体左边界距屏幕左边界的距离（x轴方向）
Top 设置窗体上边界距屏幕上边界的距离（y轴方向）
载入事件。窗体的载入事件发生在窗体被装入内存、窗体
Load ( ) 显示在屏幕上之前。所以该事件通常用来在启动应用程序
时初始化控件属性和变量
常用事件 Activate( ) 激活事件。当一个窗体成为活动窗口时发生
鼠标单击事件。程序运行时，当鼠标单击窗体某个位置，
Click( ) 触发Form_Click事件。如果单击的是窗体内的控件，则只
能触发相应控件的Click事件
89第九章 智能处理与编程
课堂实践
查看属性面板中窗体的 Height、Width 属性默认值是多少，修改 Height
值为 2300，Width 值为 4500，看看窗体大小的变化。
查看窗体的 Left、Top 属性默认值是多少，修改 Left 值为 0，Top 值为
0，看看窗体的位置变化。你知道当 Left 和 Top 的取值分别是多少时，程序
窗口将出现在屏幕右下角吗？
（1）分析问题
在窗体的单击事件中，使用Print 方法输出窗体的Left 属性和Top属性值。
新建工程，以“窗体位置”为名保存窗体文件和工程文件到“第3节\窗体位置”
文件夹中。
（2）界面设计
在属性窗口中，参照表9-3-2，设置窗体的属性。
表9-3-2 窗体属性设置表
对 象 属性名 属性值 属性值说明
Form1 名称 FrmStation 窗体的名称
(窗体1 )
Caption 窗体位置 显示在窗体标题栏上信息
（3）代码设计
双击窗体，打开“代码窗口”，选择窗体的鼠标单击Click() 事件，如图9-3-
4，添加如下代码。
Private Sub Form_Click()
Print FrmStation.Left, FrmStation.
Top
' 在窗体上显示窗体的 Left 属性
和Top属性值
图9-3-4 选择窗体的Click()事件
End Sub
90第三节 数据的输入输出
（4）调试程序
运行程序后，单击窗体，观察窗体上显示的数据，用鼠标移动窗体位置，再
次单击窗体，观察窗体上显示数据的变化。
课后探究
“名称”和“Caption”是一个对象的两个不同属性，所有的对象都有“名
称”属性，而有些对象却没有“Caption”属性。
“名称”属性是对象的标识名，在程序中被引用，不显示在窗体上。
“Caption”属性是对象在窗体中显示出的文本内容。
二、数据输入
VB开发的应用程序中，信息交互常见窗口如图9-3-5所示。
图9-3-5 输入输出练习运行界面
这是使用文本框控件 来接收输入数据。
表9-3-3 文本框（TextBox）常用属性、事件
功 能 接收输入的信息，或显示有关信息
常用属性 Text Text的内容是文本框中所显示的内容
常用事件 Change( ) 当文本框的Text属性值改变时，触发Change事件
91第九章 智能处理与编程
知识链接 文本框的其他几个常用属性和常用事件
常用属性:
（1）MaxLength 属性 ：用来设置文本框可输入的字符数的最大值，系统
缺省值为 0，表示字符输入的个数没有限制。
（2）PasswordChar 属性 ：缺省值为空字符串，这时用户从键盘上输入的
字符与文本框上显示出来的字符一致，即文本框上直接显示用户的键盘输入。
如果设置 PasswordChar 属性值为某个字符，如“*”，则任何输入均显示为“*”。
利用该属性，可以制作密码输入程序。
（3）Multiline 属性 ：值为 True 时，可以在文本框中输入多行文本 ；值
为 False 时，用户不能在文本框中输入多行信息。
（4）ScrollBar 属性：设置是否加上滚动条。值为 0（None）时，不加滚动条；
值为 1（Horizontal）时，只加水平滚动条 ；值为 2（Vertical）时，只加垂直
滚动条 ；值为 3（Both）时，同时加水平滚动条和垂直滚动条。
常用事件：
KeyPress 事件 ：当用户从键盘上敲入一个字符时，触发 KeyPress 事件。
知识链接 InputBox()函数输入数据
功 能：显示一个输入对话框，等待输入数据。
格 式：InputBox [ ＄]（提示 [，标题 ][，缺省 ][，x 坐标位置 ][，y 坐标
位置 ]）
课堂实践
编写程序，其界面上有一个文本框，然后编写文本框的 Change() 事件，
使程序运行，在文本框上输入数据后，使用窗体的 Print 方法，在窗体上显
示输入数据。
三、开发可视化程序的一般步骤
1. 开发 VB 程序的一般步骤
（1）分析问题，做好开发准备
分析问题，确定待解决问题的输入 / 输出，设计问题求解算法，如果需要，
92第三节 数据的输入输出
再准备好素材。
在 VB 环境中创建程序，并将程序用恰当的名字保存到合适位置。在程序设
计的过程中，一定要养成及时存盘的习惯。
（2）界面设计
Windows应用程序都有一个图形窗口，可以友好地完成信息交互。程序设计时，
通过界面设计，分窗体控件布局和控件属性设置两步完成。
① 窗体布局。
根据需要，从工具箱中选择所需控件，在窗体中放置控件，调整控件大小，
得出合适的用户操作界面。
② 属性设置。
在属性窗口中，初步设置各对象的属性。
（3）代码设计
在代码窗口中，输入应用程序的事件过程执行代码。
（4）调试程序
运行、检查、改正程序代码中的错误，调整控件位置，使程序运行效果符合
需要。
（5）测试程序
运行程序，用各种可能的输入数据检查程序的输出是否符合要求。
2. VB 语句书写规则
每一种语言都有自己的语法规则，程序设计语言也是如此。VB 程序设计语
言中的语句书写规则如下：
（1）VB程序中的语句不区分字符的大小写。
（2）一条语句可以写在同一行，也可以写在多行上，续行符号是“ _”（空格
与下划线）。
（3）一行也可以写多条语句，但是要用冒号分隔，每行最多允许有255个字符。
（4）以英文的单引号开头的语句是注释语句，计算机不执行。注释语句可以
在程序中单独占一行，也可以写在程序语句的末尾。
四、应用数据的输入输出
例题3-2 试编写程序，使用Print 方法将从键盘输入的姓名、年龄输出到图
93第九章 智能处理与编程
片框中，如图9-3-6所示。
图9-3-6 输入输出练习运行效果
（ 1）分析与准备
输入是姓名和年龄，输出是输入的数据值，无须处理。
用文本框接收输入；用Print 方法输出结果。
为了界面的美观，通常不把结果直接输入到窗体，而是用 Print 方法输出到
图片框中。
先以“输入输出练习”为名，创建程序，并保存窗体文件和工程文件到“第
3节\ 输入输出练习”文件夹中。
（2）界面设计
本程序的界面上用到图片框控件 和命令按钮控件 。表 9-3-4 为图片
框常用属性。表9-3-5 为命令按钮常用属性。
表9-3-4 图片框（PictureBox）常用属性
功 能 显示位图（bmp）、图标（ico）等图片，或用Print方法显示文本和数值
展示图片。在属性窗口设置Picture属性值，可完成图片加载。
常用属性 Picture
代码中使用LoadPicture()函数，也可以完成程序运行时加载图片
表9-3-5 命令按钮（CommandButton）常用属性
功 能 接收用户单击/双击操作，触发相应事件代码，实现相应的功能
常用属性 Caption 按钮上显示的内容，通常是按钮功能的说明
94第三节 数据的输入输出
① 窗体布局。
如图9-3-7设计界面。
图9-3-7 输入输出练习设计界面
② 属性设置。
在属性窗口中，参照表9-3-6设置对象的属性。
表9-3-6 对象属性设置表
对 象 属性名 属性值 属性值说明
名 称 FormIO
Form1（窗体1）
Caption 输入输出练习 窗体标题栏上显示的文字
名 称 LblName
Label1（标签1） Caption 姓名 标签1上显示的文字
Font 字号：小四
名 称 LblAge
Label1（标签2） Caption 年龄 标签2上显示的文字
Font 字号：小四
名 称 TxtName
TextBox1
Text 空
（文本框1）
Font 字号：小四
名 称 TxtAge
TextBox2
Text 空
（文本框2）
Font 字号：小四
CommandButton1 名 称 CmdIn
（命令按钮1） Caption 输入 按钮作用说明
Picture Box1（图片框1） 名 称 PicOut
95第九章 智能处理与编程
（3）代码设计
双击命令按钮，在命令按钮的单击事件中输入代码：
Private Sub CmdIn_Click()
PicOut.Print TxtName.Text, TxtAge.Text '显示文本框输入的内容
End Sub
（4）调试、测试程序
调试、测试并保存程序。
课后作业
【1】方法 Print“ 10+6=”;10+6 输出的结果是 ，输出在 上。
【2】读程序，说明代码输出的结果。
Private Sub Form_Click()
Print ''aa'' , 2 * 6
Print ''bb''; 2 * 6
Print
Print ''12*5=''; 12 * 5
End Sub
【3】设计一个程序，当程序运行后在窗体上显示各种信息，如图
9-3-8 所示。
图9-3-8 输出结果
【 4】编写程序，使得程序用文本框接收窗体新位置坐标值，当单击命
令按钮“移动”时，窗体移动到新位置，且窗体上显示出新位置坐标。
96第四节 数据类型和变量
第四节 数据类型和变量
计算机进行信息处理，其实是其内部程序在处理数据。数据输入到计算机
后需要存储起来，再进行处理。本节学习在 VB 程序中存储输入数据，以及用
程序管理数据。
学习目标
认识VB中数据的基本类型。
理解变量的含义，学会声明变量的方法。
掌握在程序中为变量和对象属性赋值的方法。
一、基本数据类型
生活中的数据有多种类型，表 9-4-1 中列出了“学生王旭”的个人数据。
姓名“王旭”是个字符串类型的数据，年龄是整数，身高是实数。你所在班级
的人数是一个什么类型的数据呢？
表9-4-1 学生的个人数据
姓 名 王 旭
年 龄 15
身 高 1.65米
VB 支持多种数据类型。例如，窗体的 Height、Width 属性数据类型是整型，
标签 Caption 属性数据类型是字符串型。
同类型的数据，所需的内存单元大小不同。表 9-4-2 中列出了 VB 常用数
据类型及其占用内存单元大小。
97第九章 智能处理与编程
表9-4-2 VB语言常用数据类型表
数据类型 类型名称 数值范围 占用字节
逻 辑 Boolean 1（真）、0（假） 2
整 数 Integer -32768~+32767 2
长整数 Long -231~+231-1 4
单精度 负数 -3.402823E38~-1.401298E-45
Single 4
实 数 正数1.401298E-45~3.402823E38
负数 -1.79769313486232E308~
双精度
-4.94065645841247E-324
实 数 Double 8
正数 4.94065645841247E-324~
1.79769313486232E308
字符串 String 0~65536个不同的字符 1/每字符
课堂思考
标签的 Left、Top 属性数据类型是什么？文本框的 Text 属性、命令按
钮的 Caption 属性数据类型是什么？
二、变量
程序中的数据可以反复使用，数据值也可以在程序运行过程中发生变化，这
种数据在程序中使用变量来存储。
1. 变量的含义
变量是在程序运行过程中，数据值可以改变的量。变量实质上是计算机存储
器中的某个单元，在这个存储单元中的数据值可以被反复使用，且不受使用的影
响。但是如果给单元赋新值，则旧值会被覆盖。
知识链接 常量
在程序运行过程中，取值不能改变的量称为常量。VB 常用的有数值型
常量、字符串常量。
98第四节 数据类型和变量
2. 变量名
就像人有名字一样，用变量来访问变量存储单元时，也要给变量单元取个名
字——变量名。
变量名的命名以英文字母开头，后面跟若干字母或数字，长度不超过 255 个
字符。其中可包括下划线“_”。
为了便于理解和记忆，变量名最好具有一定含义，但不能和 VB 关键字（如
End 、Private、 Sub 等）同名。例如：命名变量 age 用于存放年龄，命名变量 S 用
于存放图形面积。
知识链接 标识符与关键字
VB 中，以英文字母开头，后面跟若干字母或数字，长度不超过 255 个
字符的字符串，统称为标识符。VB 语言中已经定义含义、有专门作用的标
识符称为关键字或保留字，如 Integer，VB 整型数据说明符。程序中的变量
名、常量名、函数名等是普通标识符。
课堂实践
1．以下符号串，可以作为合法变量名的是（ ）。
A.a7 B. 7a C. a-3 D.End
2．请分别为存储以下数据的变量命名 ：
圆的面积，球的体积，同学的身高。
3. 变量的声明
在 VB 程序中，如果一个变量在存放数据前，不对其类型进行声明，系统默
认该变量为变体型，变体型变量的类型会随着存放数据的类型而变化。为了避免
这种变化造成的混乱，最好先声明变量的类型再使用。
为了充分利用内存，编程过程中需要用大数据时才申请大内存，就好像大物
件要存放在大柜子中，小物件尽量存放在小柜子中一样。
Dim 语句
功 能：声明变量
99第九章 智能处理与编程
使用格式 ：Dim < 变量名 1> As < 类型名 >，< 变量名 2> As < 类型名 >，
…
例如：
Dim s As String '变量s定义为字符型
Dim n As Integer ，m As Single '定义变量n为整型，m为单精度型
课堂实践
1. 声明一个整型变量。
2. 声明两个用于存放你的中文名和英文名的字符串变量。
知识链接 使用类型说明符声明变量
VB 中提供了类型说明符，用来简化变量的声明。
格式：Dim < 变量名 1>< 类型符 >，< 变量名 2>< 类型符 >
类型说明符：单精度（!）、双精度（#）、整型（%）、长整型（&）、字符串（＄）。
例如 ：Dim x$ ，y% ' 定义变量 x 为字符型，y 为整型
知识链接 变量的分类
VB 程序中的变量，按照作用域，可以分为三类 ：
局部变量 ：在过程内定义的变量称为局部变量，其作用域是它所在
●
的过程。局部变量通常用来存放中间结果或用作临时变量。某一过程的执
行只对该过程内的变量产生作用，对其他过程中相同名字的局部变量没有
任何影响。因此，在不同的过程中可以定义相同名字的局部变量，它们之
间没有任何关系。
局部变量使用 Dim\Static 语句定义。
窗体变量和模块变量 ：窗体变量可用于该窗体内的所有过程。
●
窗体变量只能用 Dim 语句定义。
全局变量 ：全局变量也称全程变量，其作用域最大，可以在应用程
●
序的任何模块和过程中使用。
全局变量必须使用 Global 语句声明，不能使用 Dim 语句声明。
100第四节 数据类型和变量
三、赋值
给变量单元放入数据，称为赋值。
格式：变量名= 表达式
功能：将“=”右边的数据存入“=”左边的变量单元中。
例如，为变量a赋值10。语句为：a =10 。
例题4-1 阅读以下程序代码，说出下面程序运行时，Print 语句输出的结果。
（1）Private Sub Form_Click()
Dim a As Single, b As Integer
a = 10.5 '为单精度变量a赋值为10.5
b = 800 ' 为整型变量b赋值为800
Print a, b '输出a和b的值
End Sub
结果 ：
————
对一个单元可以进行多次赋值，且新数值覆盖旧数值，也就是说只保留最后
一次存入的数值。
例题4-2 阅读以下程序代码，说出下面程序运行时，Print 语句输出的结果。
（2）Private Sub Form_Click()
Dim a As Integer, b As Integer, c As Integer
a = 4 '为变量a赋值4
b = 3 ' 为变量b赋值3
c = a + b '将变量a与b的和赋值给c
b = 6 '为变量b赋值6
Print a, b, c
End Sub
结果 ：
————
注意“=”不同于数学中的“等号”，VB 中“=”是赋值符号。如：赋值语句
a = a + 300，在数学上是不成立的，但是程序设计中“=”作为赋值号是成立的，
意义是将“单元 a 中的内容取出，加上 300”，再回存到单元赋值语句“=”左边
的a中，使a单元的值比原来多300。
例题4-3 阅读以下程序代码，说出下面程序运行时，Print 语句输出的结果。
101第九章 智能处理与编程
（3）Private Sub Form_Click()
Dim a As Integer, b As Single
a = 0 '为变量a赋值0
b = 0 '为变量b赋值0
a = a + 1 '将a+1的值赋给a
b = b - 1 ' 将b-1的值赋给b
Print a, b
End Sub
结果 ：
————
课后探究
1. 声明整型变量，不赋初值，直接输出，结果如何？
2. 分别将 3.4 和 3.5 赋给整型变量，结果如何？
3. 如果将字符串数据赋给整型变量，结果如何？
4. 将整型数据赋值给字符串变量，结果如何？
课堂实践
创建一个程序，在窗体的 Activate 事件过程中编写代码，实现两个变量
的数值交换，并用窗体的 Print 方法输出交换前后两个变量的数据值。
知识链接 运行程序的多种方法
任何程序编写完成后，都必须不断运行，用各种数据进行测试，以尽
可能地找出存在的错误。在 VB 中运行程序可以采用三种方法 ：
（1）执行“运行”→“启动”命令。
（2）单击工具栏中的“启动”按钮 。
（3）按快捷键 F5 。
知识链接 打开代码窗口的多种方法
VB 程序代码在代码窗口中编写。除了可以双击控件，打开其对应事件
的代码外，还可以通过图 9-4-1 中所示的“工程资源管理器”进入“代码
102第四节 数据类型和变量
窗口”。方法是 ：
①执行“文件”→“打开工程”命令。
②单击“工程资源管理器”窗口中
的“查看代码”按钮 ，打开“代码窗
口”，如图 9-4-1 所示。
例题 4-4 试编写程序，调整窗口中图
图9-4-1 工程资源管理器
片框控件的宽度和高度，并设计若干按钮，
使得单击按钮完成图片框宽度和高度取值设置、交换或清除显示信息。
（1）分析与准备
输入和输出数据都是图片框的宽和高取值。
在窗口上，文本框常用于接收键盘输入，命令按钮用于接收鼠标输入，图片
框常用于信息输出。为此，设计图9-4-2所示操作界面，完成信息的交互。
文本框，接
命令按钮，接收
收键盘输入
鼠标输入
图片框，待设置
对象，以及信息
显示区
图9-4-2 图片框尺寸调整程序设计界面
三个按钮：“确定”——接收新设置，完成图片框尺寸调整；“交换”——完
成图片框宽、高属性值交换；“清除”——擦除窗口已有信息。
以“设置图片框的宽和高”为文件名，将程序文件保存到“第 4 节 \ 设置图
片框的宽和高”文件夹中。
103第九章 智能处理与编程
（2）界面设计
① 窗体布局。
用工具箱控件完成图 9-4-2 所示窗体设计，即放置两个标签、两个文本框、
三个命令按钮和一个图片框。
② 属性设置。
按表9-4-3设置窗体上控件对象属性。
表9-4-3 对象属性设置表
对 象 属性名 属性值 属性值说明
名称 FrmChang
Form1（窗体1）
Caption 图片框的宽和高
名称 LblWidth
Label1（标签1）
Caption 宽
名 称 LblHeight
Label2（标签2）
Caption 高
名 称 TxtWidth
TextBox1（文本框1）
Text 空
名 称 TxtHeight
TextBox2（文本框2）
Text 空
名 称 CmdOk
CommandBotton1（命令按钮1）
Caption 确定
名 称 CmdChang
CommandBotton2（命令按钮2）
Caption 交换
名 称 CmdClear
CommandBotton3（命令按钮3）
Caption 清除
PictureBox1（图片框1） 名 称 PicWH
（3）代码设计
为三个命令按钮分别编写鼠标单击事件过程代码。
104第四节 数据类型和变量
'功能：单击“交换”按钮，交换图片框的宽和高取值
Private Sub CmdChang_Click()
Dim x As Integer '声明一个临时变量，辅助数据交换
' 交换图片框宽度和高度取值
x = PicWH.Width
PicWH.Width = PicWH.Height
PicWH.Height = x
'在图片框中输出当前的图片框宽度和高度取值
PicWH.Print ''宽''; PicWH.Width; ''高''; PicWH.Height
End Sub
'功能：单击 ''清除''按钮，擦除窗体上显示的所有信息
Private Sub CmdClear_Click()
TxtWidth.Text = '' '' ' 清除文本框中的图片框宽度值
TxtHeight.Text = '' '' ' 清除文本框中的图片框高度值
PicWH.Cls ' 清除图片框中显示的信息值
End Sub
' 功能：在文本框输入新的图片框尺寸取值后，单击“确定”按钮，完成图
片框尺寸设置
Private Sub CmdOk_Click()
PicWH.Width = Val(TxtWidth.Text) '设置图片框宽度值
PicWH.Height = Val(TxtHeight.Text) '设置图片框高度值
' 在图片框中输出当前的图片框宽度和高度取值
PicWH.Print ''宽''; PicWH.Width; ''高''; PicWH.Height
End Sub
（4）调试、测试程序
运行程序，正常的话将看到图9-4-3所示窗口。
文本框中输入不同数据，再单击这3个按钮，查看程序运行正确否。
完成程序调试和测试后，保存程序。
105第九章 智能处理与编程
图9-4-3 图片框调整程序运行界面
知识链接 数值与字符型数据的转换
Val() 函数
功能 ：把字符串型数据转成数值型数据。
Str ＄() 函数
功能 ：把数值型数据转成字符串型数据。
知识链接 调试和测试程序
程序设计中出错非常正常。调试程序，就是检查和纠正程序中存在的
错误。
程序运行时，如果出现如图 9-4-4 所示对话框，则表明系统自动检查
到了代码中的错误。单击“确定”按钮，打开代码窗口，此时，系统光标
移动到提示的出错位置。请按信息提示，修改程序。
图9-4-4 调试程序
当程序调试完成后，还需要用各种输入数据检查程序输出的结果是否
正确。这就是测试程序，测试程序的目的是检查程序内部逻辑是否正确，
106第四节 数据类型和变量
以及当输入错误时，程序是否正确给出错误提示。
课后作业
【【【111】】】 阅阅阅读读读以以以下下下程程程序序序代代代码码码，，，说说说出出出下下下面面面程程程序序序运运运行行行时时时，，，PPPrrriiinnnttt 语语语句句句输输输出出出的的的结结结果果果。。。
然后在 VB 中设计程序，完成判断结果的检验。
（1）Private Sub CmdOut_Click()
Dim a As Integer, b As Integer, c As Integer
a = 10
b = 3
c = a
a = b
b = c
Print a, b
End Sub
结果 ：
————
（2）Private Sub CmdOut_Click()
Dim a As Integer, b As Integer
a = 10
b = 3
a = a + b
b = a - b
a = a - b
Print a, b
End Sub
结果 ：
————
【2】 修改例题 4-4 程序，使鼠标单击“交换”命令按钮时，文本框中
的宽和高取值也同时发生交换。
【3】 编写程序，使得在窗体上接收键盘对窗体上输出文字的字号设置，
并按设置好的字号大小，在窗体上显示文字。
【4】 编写程序，当用鼠标单击窗体时，使窗体变大，即高和宽各增加
300。
107第九章 智能处理与编程
第五节 算术运算
计算机最擅长的工作就是计算。本节学习用 VB 程序进行简单数据计算，求
解基本计算问题。
学习目标
学习VB中的算术运算。
了解VB内部函数的调用方法。
学会用图像框显示图片。
学习用LoadPicture()函数加载图片。
一、算术表达式
如图9-5-1所示，计算圆的面积。这类问题的求解，需要用程序完成算术运算，
如图9-5-2 所示。
计算结果是用算术运算式（即算术表达式）计算获得。
图9-5-1 求圆面积运行界面 图9-5-2 求圆面积的程序代码
表达式中会使用到各种运算符，常用的算术运算符如表 9-5-1 所示。记住，
VB程序中与数学中的算术运算符不完全相同，请仔细加以区分。
108第五节 算术运算
表9-5-1 算术运算符表
运算符 含 义 举 例 说 明 优先级
+ 加 10+2，结果等于12 6
- 减 7.4-3，结果等于4.4 6
- 取负 -10，结果等于-10 单目运算，对10取负 2
* 乘 8*2，结果等于16 3
/ 除 7/2，结果等于3.5 3
7\2，结果等于3
\ 整除 取商的整数部分 4
4.8\2，结果等于2
7 Mod 2，结果等于1
Mod 求余 取两数相除后的余数 5
12.33 Mod 4.75，结果等于2
^ 指数 4^3，结果等于64 乘方运算，4^3是64 1
整除运算（\），运算结果是商值的整数部分。如表中7\2=3。如果参加整除运
算的数据是实数，则先按四舍五入原则对运算数据取整，然后求商值，最后取得
商值的整数部分。如表中4.8\2=2。
求余运算（Mod），结果是两个整数相除后的余数。如果参加运算的两个数据
是整数，则直接进行相除，然后取余数。如果参加运算的两个数据是实数，则先
按四舍五入原则对运算数据取整，再进行求余运算，如表中12.33 Mod 4.75=2。
表达式中可以用小括号改变运算符计算顺序，即表达式中可以出现小括号，
小括号内的计算优先。
课堂实践
有如下 VB 语言算术运算表达式，请写出表达式计算结果。
3*(5+6) (3+6)/4 57 (12-4) Mod 3
例题5-1 试编写程序，计算和输出圆的面积。效果如图9-5-1所示。
（1）分析与准备
程序输入是圆的半径，计算和输出是圆的面积。在此，用文本框接收输入，
用“确定”命令按钮的单击事件触发计算，并输出圆的面积到界面。
109第九章 智能处理与编程
以“计算圆面积”为文件名，保存窗体文件和工程文件到“第5节\计算圆面积”
文件夹中。
（2）界面设计
① 窗体布局。
图9-5-3 计算圆面积设计界面
在窗体上放置三个标签、一个文本框和两个命令按钮，如图9-5-3所示。
② 属性设置。
按照表9-5-2设置对象属性。
表9-5-2 对象属性设置表
对 象 属性名 属性值 属性值说明
名称 FrmCircle
Caption 计算圆的面积
固定大小，标题栏只有关
Form1（窗体1）
BorderStyle 1-Fixed Single
闭按钮
运行程序后，窗体在屏幕
StartUpPosition 2-屏幕中心
中心
名称 LblR
Label1（标签1）
Caption 半径
名称 LblArea
Label2（标签2）
Caption 高
110第五节 算术运算
表9-5-2 对象属性设置表 续表
对 象 属性名 属性值 属性值说明
名称 LblS
Label3（标签3）
Caption 空
名称 TxtR
TextBox1（文本框1）
Text 空
名称 CmdOk
CommandBotton1
（命令按钮1）
Caption 计算
名称 CmdExit
CommandBotton2
（命令按钮2）
Caption 退出
（3）代码设计
编写“计算”和“退出”命令按钮的鼠标单击事件程序代码：
'功能：单击按钮，计算圆的面积
Private Sub CmdOk_Click()
Dim s As Single, r As Single
r = Val(TxtR.Text) '将文本框接收到的字符串数据转换成数值型
s = 3.14 * r * r '计算圆的面积
LblS.Caption = Str$ (s) '将圆的面积转成字符型，通过标签输出
End Sub
' 功能：退出程序
Private Sub CmdExit_Click()
End ' 退出程序
End Sub
（4）调试、测试程序
调试、测试并保存程序。
111第九章 智能处理与编程
课堂实践
试编程，制作一个完成加法运算的计算器。
二、函数
1. 常用函数
函数是用来完成特定功能的独立程序代码，函数可以返回一个计算结果给调
用程序。
VB 提供了常用功能的函数，供人们选用，快速完成一些特定的功能。例如：
Val()可以将字符串型数据转换成数值型；Str$()可以将数值型数据转换成字符串型；
Rnd()函数是产生一个0到1之间的随机数。表9-5-3中列出了几个常用的VB函数。
表9-5-3 VB常用函数
函 数 功 能
Abs() 计算和返回数据的绝对值
Sqr() 计算和返回数据的算术平方根
Sin() 计算和返回角度的正弦值
Cos() 计算和返回角度的余弦值
Date() 返回当前日期
Time() 返回当前时间
2. 应用函数
例题5-2 试编写程序，显示机器的当前日期
和时间值。
（1）分析与准备
输入是机器的当前日期和时间值，但是由于这
些数据值是从计算机的内部时钟上读取，所以程序
运行时不接收数据输入，只需要把获得的机器日期
与时间值输出。 图9-5-4 日历的设计界面
设计如图 9-5-4，程序中将用标签控件完成信息输出。两个命令按钮，一个
112第五节 算术运算
读取和显示机器记住的当前日期，一个读取和显示当前时间。
以“日历”为文件名，保存窗体文件和工程文件到“第5节\日历”文件夹中。
（2）界面设计
① 窗体布局。
在窗体上放置4个标签和两个命令按钮，如图9-5-4所示。
“显示日期”命令按钮的单击事件代码，将用函数 Date 读取系统时钟，从而
获得机器的当前日期，并将取值赋值给Label4 标签的Caption 属性，完成日期显示；
同理完成“显示时间”显示。
② 属性设置。
按照表9-5-4设置对象属性。
表9-5-4 对象属性设置表
对象 属性名 属性值 属性值说明
名称 FrmDate
Form1（窗体1）
Caption 日历
名称 LblD
Label1（标签1）
Caption 日期
名称 LblDate
Label2（标签2） Caption 空
BorderStyle 1-Fixed Single 标签的边框样式
名称 LblT
Label3（标签3）
Caption 时间
名称 LblTime
Label4（标签4） Caption 空
BorderStyle 1-Fixed Single 标签的边框样式
名称 CmdDate
CommandBotton1
（命令按钮1）
Caption 显示日期
名称 CmdTime
CommandBotton2
（命令按钮2）
Caption 显示时间
113第九章 智能处理与编程
（3）代码设计
编写“显示日期”和“显示时间”命令按钮的单击事件程序代码：
'功能：获取当前日期
Private Sub CmdDate_Click()
' 用函数Date 获取系统日期，值赋给标签LblDate 的Caption
LblDate = Date()
End Sub
'功能：获取当前时间
Private Sub CmdTime_Click()
' 用函数Time获取系统时间，值赋给标签LblTime的Caption
LblTime = Time()
End Sub
（4）调试、测试程序
运行程序，效果如图9-5-5所示。
图9-5-5 日历的运行界面
如果程序调试、测试都正确，就保存好。
课后作业
【1】修改例题 5-1，使得可以同时输出圆的面积和圆的周长。
【2】编写程序，使得在窗口上用文本框输入长方形的长和宽取值，然
后计算并输出长方形的面积和周长。
【3】编写程序，制作一个简易计算器，使得可以完成两个数据的加、减、
乘、除运算。
114第六节 顺序结构
第六节 顺序结构
很多人习惯按计划一步一步做事情，程序中也常常按顺序执行语句来求解问
题。本节学习顺序结构，以及几个常用的绘图语句，完成顺序结构程序的设计。
学习目标
理解顺序结构程序的执行过程。
学习用VB程序绘制简单图形。
一、顺序问题程序结构
计算机的“智慧”源于程序，程序中的语句被计算机一步步执行，求解问题。
再复杂的程序，也只有三种结构，其中顺序结构是最简单、最常用的基本结构。
一步一步按顺序执行各条语句的程序结构，就是顺序结构。这种结构化的程
序用流程图描述，如图 9-6-1 所示。计算机执行程序，其实就是按先后顺序，依
次执行语句1、2、3。
二、顺序语句
VB控件对象的方法，或VB的一些函数都可以用来构成顺序结构的程序。
语句1
语句2
语句3
图9-6-1 程序顺序结构的流程图
111155第九章 智能处理与编程
1. Circle 方法
功 能：绘制圆形、椭圆和圆弧。
调用格式：［对象.］Circle［Step］(x, y), 半径［, 颜色］
说 明：
① 这里的对象可以是窗体、图片框等，即在对象上使用 Circle 方法画圆形。
省略对象，默认在窗体上用Circle 方法绘图。
② (x, y) 是圆心坐标值。
课堂实践
在（2000, 1500）处绘制一个半径为 500 的圆。
知识链接 VB程序的坐标系
如图 9-6-2 所示，VB 程序窗体中的坐标原点在画图区域的左上角，
横坐标正方向向右，纵坐标正方向向下。
x 轴
原点(0, 0)
圆心(2000,1500)
y 轴
半径1000
图9-6-2 在窗体上画圆
111166第六节 顺序结构
2. Pset 方法
功 能：画点 。
调用格式：Pset (x, y)
说 明：在坐标(x, y) 处画点。
3. Line 方法
功 能：画线 。
调用格式：Line(x1, y1)-(x2, y2)［，颜色］［，B］［F］
说 明：以(x1, y1) 为起点，(x2, y2) 为终点画直线；如果加上参数B，表示以(x1,
y1) 和(x2, y2) 为对顶点画矩形，同时加上F则表明画一个实心矩形。
课堂实践
编写程序，在窗体的 Activate 事件过程中，调用 Line 方法，在窗体上
画一条直线或者是画一个长方形。
知识链接 绘制彩色图形
在 VB 中可以用 QBColor() 函数设置图形的绘制颜色。QBColor() 函数
可以获得 16 种颜色。
调 用 方 法 ：QBColor(x)， 其 中 x 是 0~15 的 整 数，x 取 不 同 值，
QBColor(x) 就会得到不同的颜色。见表 9-6-1 所示。
表9-6-1 颜色值
x值 颜色 x值 颜色 x值 颜色 x值 颜色
0 黑色 4 红色 8 灰色 12 亮红色
1 蓝色 5 洋红色 9 亮蓝色 13 亮洋红色
2 绿色 6 黄色 10 亮绿色 14 亮黄色
3 青色 7 白色 11 亮青色 15 亮白色
例如，设置文本框中的文字颜色为亮红色方法是 ：
TxtInput .ForeColor= QBColor(12) ' 设置文本框前景色
111177第九章 智能处理与编程
知识链接 RGB()函数
在 VB 程序中也可以用 RGB() 函数获得颜色。
调用方法 ：RGB(R，G，B)
说明：R、G、B 含义分别是红色 (Red)、绿色 (Green)、蓝色 (Blue)，R、
G、B 的取值范围是 [0，255]，不同的取值能组成不同的颜色。
256×256×256=16 777 216，即能产生百万种颜色，称为真彩色。
表 9-6-2 列出一些常见的标准颜色，以及这些颜色的红、绿、蓝三原
色的成分。
表9-6-2 常见标准色
颜 色 红色值 绿色值 蓝色值
黑色 0 0 0
蓝色 0 0 255
绿色 0 255 0
青色 0 255 255
红色 255 0 0
洋红色 255 0 255
黄色 255 255 0
白色 255 255 255
知识链接 DrawWidth属性
在 VB 程序中，也可以设置画笔的粗细，使图形的边框粗细不同。设
置画笔粗细的方法是设置画图对象的画笔宽度。
[ 对象 .]DrawWidth= 画笔粗细值
值越大，画笔越粗。
课堂实践
修改画圆程序的窗体对象的 DrawWidth 属性，使得单击窗体，在窗体
上绘制一个边框宽度为 6 的圆。即双击窗体，打开代码窗口，在窗体的单
118第六节 顺序结构
击事件中输入如下代码 ：
Private Sub Form1_Click()
DrawWidth = 6 ' 窗体的 DrawWidth 属性值设为 6
Circle (1620, 1780), 550, QBColor(1) ' 蓝色圆
End Sub
三、应用顺序结构
例题6-1 编程，绘制彩色图形。
（1）分析与准备
没有输入，只有输出，处理任务是绘制图形，假设是绘制三个正方形，其颜
色分别为红、黄、蓝。
为了不断绘图，设计三个按钮——“绘制”按钮，绘制三个正方形；“清除”
按钮，清除绘制的图形；“退出”按钮，退出程序。图形绘制在一个图片框上。如
图9-6-3。
画图区
功能按钮
图9-6-3 画图形程序设计界面
以“绘制方形”名字保存窗体文件和工程文件于“第6节\画图”文件夹中。
（2）界面设计
① 窗体布局。
在窗体上放置一个图片框和三个命令按钮，如图9-6-3所示。
② 属性设置。
设置对象的属性如表9-6-3所示。
119第九章 智能处理与编程
表9-6-3 对象属性设置表
对 象 属性名 属性值 属性值说明
名称 FrmSQ
Form1（窗体1） Caption 绘制方形
BackColor &H00FFFFFF& 白 色
Picture Boxl 名 称 PicSQ
（图片框1） BackColor &H00FFFFFF& 白 色
名 称 CmdDraw
Caption 绘制
CommandBotton1
设置Style属性后，按钮的颜
（命令按钮1） Style 1-Graphical
色才能显示出来
BackColor &H00C0C0FF& 淡红色
名 称 CmdClear
CommandBotton2 Caption 清除
（命令按钮2） Style 1-Graphical
BackColor &H0080FFFF& 淡黄色
名 称 CmdExit
CommandBotton3 Caption 退出
（命令按钮3） Style 1-Graphical
BackColor &H00FFC0C0& 淡蓝色
（3）代码设计
编写三个命令按钮的单击事件代码，实现绘图、擦图、退出操作。
'功能：绘图
Private Sub CmdDraw_Click()
'绘制红色正方形
PicSQ.Line (1500, 1000)-(2500, 2000), QBColor(4), BF
'绘制蓝色正方形
PicSQ.Line (2000, 500)-(3000, 1500), QBColor(1), BF
'绘制黄色正方形
PicSQ.Line (2500, 1200)-(3500, 2200), QBColor(6), BF
End Sub
'功能：擦图
Private Sub CmdClear_Click()
PicSQ.Cls '清除图片框中的图形
112200第六节 顺序结构
End Sub
'功能：退出程序
Private Sub CmdExit_Click()
End
End Sub
（4）调试、测试程序
运行程序，效果如图9-6-4所示。
图9-6-4 绘制彩色正方形程序运行效果
调试、测试完成，保存程序。
课堂实践
仿照例题6-1，编程，在窗体上绘制8个彩色同心圆，效果如图9-6-5所示。
图9-6-5 绘制彩色同心圆程序运行效果
课后作业
【1】编程，接收输入的圆半径，并画出对应的圆。
【2】编程，接收输入的长方形的长和宽，并画出相应的长方形。
112211第九章 智能处理与编程
第七节 分支结构
生活中时常需要根据条件，做出选择。程序中，则用分支结构来实现对问题
的选择与判断。本节学习分支结构，及求解分支问题的程序实现。
学习目标
理解分支问题的程序结构。
学习使用If语句。
学习逻辑运算、关系运算。
一、分支问题程序结构
现实生活中人们经常要面对各种选择，并根据条件的成立与否，做出不同的
处理。例如，放假期间，选择和爸爸妈妈一同外出旅行，还是与同学结伴出行。
每天出门时，根据天气，选择什么样的
穿着等。
B
选择问题的流程如图9-7-1所示。
条件
程序中用分支结构处理选择问题，
A
做B选择行为
根据给定的条件是否成立，决定下一步
做A选择行为
执行的操作。
图9-7-1 分支问题流程图
课堂实践
你能说一说生活中具有分支结构的问题吗？试列出几个。
二、条件表达式和分支语句
产生分支的原因是有条件需要选择。如路口信号灯，“红”则停，“绿”则行。
程序中，条件用关系运算或逻辑运算的表达式来表示。
1. 关系运算
关系运算，就是将两个数进行“比较”的运算，其结果不“真”（True）即“假”
（False）。例如，5>3，是一个关系表达式，结果为“真”。关系表达式的运算符见
表9-7-1。
112222第七节 分支结构
表9-7-1 关系表达式运算符
运 算 运算符 运算 运算符
大于 > 大于或等于 >=
小于 < 小于或等于 <=
等于 = 不等于 <>
课堂实践
设 x=3，y=4，请计算下列关系表达式的值。
5>6，5<6，100>1000，100=1000，100<=120，x>y，6.5>5.5
２. 逻辑运算
逻辑运算将关系表达式或逻辑值（真 / 假）连接起来构成逻辑表达式，其计
算结果不“真”（True）就“假”（False）。表 9-7-2 列出了逻辑表达式中常用的
逻辑运算符。
表9-7-2 逻辑表达式中常用逻辑运算符
运算优先级 运 算 运算符 说 明
Not 右侧的逻辑值为True时，表达式的值为False，反
1 非 Not
之为True
And 连接的两个逻辑值都为True时，表达式值为True，
2 与 And
否则为False
Or 连接的两个逻辑值都为False时，表达式值为False，
3 或 Or
否则为True
课堂实践
判断下列逻辑表达式的值。
（1）Not False
（2）True And False
（3）True And True
（4）True Or False
（5）False Or False
112233第九章 智能处理与编程
在一个表达式中，既有逻辑运算又有关系运算时，先进行关系运算，再进行
逻辑运算。小括号可以改变运算符的运算顺序。
课堂实践
请计算下列表达式的值。
（1）5>0 And 8<0
（2）5>0 or 8<0
（3）5>0 or not 8<0 And 7>3
（4）5<0 or not 8<0 And 7<3
（5）5<0 or not (8<0 And 7<3)
3．If 条件语句
VB中If 语句完成条件的判断，If语句的格式和流程图如下。
格式1： 格式 1的流程如图9-7-2所示。
If <判断条件> Then
No
< 程序段A>
判断条件成立吗?
End If
Yes
<程序段 B>
程序段A
程序段B
图9-7-2 条件语句格式1的流程图
当程序执行格式 1 的 If 语句时，如果条件成立，则执行 Then 后面的程序段
A，然后执行End If后面的程序段B；否则越过程序段A，直接执行End If后面的
程序段B。程序流程图参见图9-7-2。
格式2： 格式 2的流程如图9-7-3所示。
If <判断条件> Then
Yes No
< 程序段 A> 判断条件成立吗?
Else
程序段A 程序段B
< 程序段 B>
End If
程序段C
<程序段 C>
图9-7-3 条件语句格式2的流程图
112244第七节 分支结构
当程序执行格式 2 的 If 语句时，首先判断条件是否成立，如果条件成立，则
执行Then后面的程序段A，然后执行 End If后面的程序段C；否则执行Else 后面
的程序段B，再执行End If 后面的程序段C。程序流程图参见图9-7-3。
条件语句实现了程序代码的分支，在程序中常常用于各种条件的选择和不同
情况的处理，是三种基本程序结构之一，非常重要。
三、应用分支结构
信息时代，计算机和网络给人们提供了很多便利。为了信息保密，很多地方
都用到密码，如，银行账号密码、网络支付密码、计算机开机密码等。
例题 7-1 试编写一个密码检测程序，使得程序接收用户密码输入与判断，
并根据结果给出不同的提示。
（1）分析与准备
此任务执行时，将提供密码输入窗口，并能判断输入，给出不同的提示。
设计一个图 9-7-4 所示程序运行界面，文本框等待密码输入，点击“确定”
按钮，接收输入，开始判断。如果是预设密码，则弹出图9-7-5“欢迎进入系统！”
提示信息 ；否则弹出图 9-7-6 提示信息“请输入正确的密码！”，并要求重新输
入密码。
保存“密码检测”程序到“第7节\密码检验”文件夹中。
图9-7-4 密码检测运行界面
图9-7-5 密码正确时弹出的消息框 图9-7-6 密码错误时弹出的消息框
112255第九章 智能处理与编程
（ 2）界面设计
① 窗体布局。
用控件完成密码检测界面设计，如图9-7-7所示。
图9-7-7 密码检测设计界面
② 属性设置。
“密码检测”界面的属性设置，如表9-7-3。
表9-7-3 “ 密码检测”界面属性设置
对 象 属性名 属性值 属性值说明
名 称 Frmpw
Caption 密码检测
Form1（窗体1）
BorderStyle 1-Fixed Single 只保留了关闭按钮
Icon 图标 选择的个性图标
名称 Lbl1
Label1（标签1）
Caption 请输入密码：
CommandBotton1 名称 CmdOk
（命令按钮1） Caption 确定
CommandBotton2 名称 CmdCancel
（命令按钮2） Caption 取消
TextBox1 名称 Txtpw
（文本框1） Text 空白
112266第七节 分支结构
（3）代码设计
“确定”按钮的单击事件过程程序代码如下：
'功能：检测密码
Private Sub CmdOk_Click()
If Txtpw.Text ="123456" Then
MsgBox (''欢迎进入系统 '')
Else
MsgBox (" 请输入正确的密码 '')
Txtpw.Text = ＂＂ '将输入密码的文本框清空
Txtpw.SetFocus '焦点落在密码输入的文本框
End If
End Sub
“取消”按钮的单击事件过程代码如下：
'退出程序
Private Sub Cmdcancel_Click()
End
End Sub
（4）调试、测试程序
调试、测试并保存程序。
知识链接 消息输出 MsgBox
在 VB 程序执行过程中，如果需要输出信息，可以用“消息框”语句完成。
如 ：
调用格式 ：MsgBox ('' 请输入正确的密码 '')
该语句执行后，会弹出一个消息对话框，其中按要求列出提示信息，
如图 9-7-5 或图 9-7-6 所示。
课后作业
【1】参考例题 7-1，编写程序，使得接收键盘输入的数据，并进行
112277第九章 智能处理与编程
数据奇偶性判断，给出相应的提示信息。
【2】参考例题 7-1，编写程序，从键盘上接收数据输入，并判断数据是
正数、负数或者 0，给出相应的信息提示。
【3】参考例题 7-1，编程，接收键盘输入，判断输入的数据是否为水仙
花数。
提示：“水仙花数”是一个三位的数字，其各位数字立方和等于该数本身。
如，153 是水仙花数，因为 153=13+53+33。
112288第八节 循环结构
第八节 循环结构
问题求解中，如果重复多次做同一件事，就属于循环问题。本节学习循环结
构和循环问题的程序实现。
学习目标
学习循环结构。
学习For语句的使用。
一、循环问题程序结构
在解决实际问题时，经常会重复做某一段工作，这种被重复执行的工作叫循
环结构，被重复做的工作，称为循环体。
对应到程序求解问题时，就是用循环结构的程序来实现问题求解。任何事情
不可以无限地循环下去，所以重复是有条件的，即在满足一定条件下，才重复执
行循环体，或者说满足条件后就不再循环了。
例如，在一场娱乐联欢会上，有500位来宾，每人到达时，获得一个入场顺序号，
现在需要设计一个计算机程序，使得按顺序号随机抽取一位幸运来宾，送出当日
的奖品。
分析问题可知，这是循环结构问
题，因为在抽奖之前，可以不断重复
地显示 1~500 个顺序号，当人们喊出
是
是否喊停？
“停”时，停止显示，当前出现的号码
否
对应者，就是幸运来宾，如图 9-8-1
所示。 随机显示1~500之间的数字
循环控制结构的目的，就是决定
在什么条件下进入或退出循环。
循环结构可以减少源程序重复书
（此时屏幕显示喊停
时的来宾序号）
写的工作量，是程序设计中最能发挥
计算机特长的程序结构。
图9-8-1 幸运来宾产生方法的循环思想
112299第九章 智能处理与编程
二、循环语句
VB程序中有专门语句用于完成循环控制。这就是For / Next 循环语句。
For / Next 循环语句
功能：重复执行一组操作。
格式：
For 循环变量 =初值 To 终值 [Step 步长值 ]
循环体
Next 循环变量
说明：循环变量的初值和终值可以是整数或字符等。步长值是循环控制变量
在循环执行过程中每次增加的数值，步长值可取正值，也可以取负值，缺省时默
认为1。
循环语句的流程如图9-8-2所示。
将初值赋给循环变量，
并记录终值和步长
是
判断循环变量是否超出终值
否
执行循环体
循环变量=循环变量+步长值
执行Next语句下面的语句
图9-8-2 For/Next循环语句流程图
课堂实践
编写程序，用 Print 方法在窗体上输出数字 1 ～ 100。
113300第八节 循环结构
三、应用循环结构
例题8-1 编写程序，画出10个同心圆，如图9-8-3所示。
图9-8-3 循环画同心圆界面
（1）分析与准备
该程序没有输入，只有输出，即绘制10个同心圆。
设计 3 个命令按钮——“同心圆”，在窗体绘制 10 个同心圆；“清除”按钮，
擦除同心圆；“退出”按钮，退出该程序。
（ 2）界面设计
① 窗体布局。
由于同心圆是画在窗体上，所以窗体上只需添加三个命令按钮。
② 属性设置。
按照属性设置表9-8-1 设置对象的属性。
表9-8-1 对象属性设置
对 象 属性名 属性值 属性值说明
名 称 FrmCircle
Caption 循环画同心圆
Form1（窗体1） BackColor &H00FFFFFF& 白色
Height 6000 窗体的高
Width 5000 窗体的宽
113311第九章 智能处理与编程
表9-8-1 对象属性设置 续表
对 象 属性名 属性值 属性值说明
名称 CmdDraw
Caption 同心圆
CommandBotton1 设置Style属性后，
（命令按钮1） Style 1-Graghical 命令按钮的颜色显
示出来
BackColor 橙色 &H0080C0FF&
名称 CmdClear
CommandBotton2 Caption 清除
（命令按钮2） Style 1-Graghical
BackColor 绿色 &H0000C000&
名称 CmdExit
CommandBotton3 Caption 退出
（命令按钮3） Style 1-Graghical
BackColor 红色 &H008080FF&
（3）代码设计
'功能：画圆
Private Sub CmdDraw_Click()
DrawWidth = 3 '窗体的DrawWidth 属性值设为3
For i = 1 To 10 '循环10次
Circle (2500, 2500), 200 * i ' 圆的半径随循环变量变化
Next i
End Sub
'功能：擦除圆
Private Sub CmdClear_Click()
Cls ' 清除屏幕
End Sub
113322第八节 循环结构
'功能：退出程序
Private Sub CmdExit_Click()
End
End Sub
（4）调试、测试程序
调试、测试并保存程序。
课后作业
【1】编写程序，实现数字从 1 到 100 之间的所有奇数输出。
提示 ：这既需要用到循环，还要用到分支，即挑选出奇数。
【2】编写程序，使用循环完成累加和，计算从键盘上接收的 10 个数据
的和。
【3】试编程，当用鼠标单击窗体时，将图片框由循环控制逐步移动到
鼠标新单击的位置。
113333第九章 智能处理与编程
第九节 综合实践
本章学习了编写简单程序解决实际问题的方法，以及简单 VB 程序的设计与
实现。本节根据范例，学会发现身边问题，动手设计程序，解决相应问题。
学习目标
综合运用程序设计知识解决问题。
一、发现问题
希望通过编写程序解决什么问题？
例如：
● 编写点名器程序，实现随机点名。
● 编写电子表程序，实现计时秒表，并显示日期、时间功能。
● 编写图片浏览器程序，浏览照片。
● 制作控制角色走、跑、跳等动作的小游戏。
● 制作拼图小游戏。
● 制作计算器。
● 制作小学生口算练习器。
例题 9-1 用程序模拟制作一个水果特性学习程序，用我们的“专家系统”，
帮助幼童了解苹果、香蕉、草莓三种水果的不同，使他们能区分三种水果。
二、分析问题
对待开发问题进行分析，找出已知和未知条件，确定求解问题算法，并设计
程序的输入与输出。
如，例题 9-1，已知条件是学习区别 3 种水果——苹果、香蕉、草莓，未知
条件是如何区分。
根据常识，可知：
● 苹果形状是圆形，颜色是粉红色，果皮可以削，不能剥。
● 香蕉形状是月牙形，颜色是黄色，果皮可以剥。
113344第九节 综合实践
● 草莓形状是锥形，颜色是红色，果皮不可以削，也不可以剥。
区分水果程序：
输入：水果的形状、颜色、果皮的处理方式。
输出：这是哪种水果。
对于 VB 程序，将用文本框 / 列表框接收信息输入，用标签给出判断结果，
用图片框呈现水果图片。
根据输入数据，判断出哪种水果，使用了条件判断，即分支结构。
用文本框接收信息输入的程序如图9-9-1所示。
图9-9-1 辨识三种水果的“专家系统”程序
参照问题分析方法，确定你研究的问题。
1. 数据输入模块
如，辨识水果程序需要输入的信息是：水果的形状、外皮颜色和外皮处理方法。
（1）你的程序有哪些输入数据？
————————————————————
（2）你计划用哪种控件或方法接收输入数据？
————————————————————
113355第九章 智能处理与编程
2. 数据处理模块
如，辨识水果程序中，用分支程序结构完成输入信息的判断，并做出结论。
代码写在“确定”按钮的单击事件过程中。
（1）你的程序中处理数据的方法是什么？需要对数据进行怎样的处理？
————————————————————
（2）你的程序结构是什么样的？顺序、分支还是循环？
————————————————————
3. 数据输出模块
如，辨识水果程序的输出是：水果名以及水果图片。
（1）你的程序需要输出哪些数据？
————————————————————
（2）你计划用什么方法输出数据？
————————————————————
4. 程序界面是什么样的？需要用到哪些控件？
————————————————————
5. 要想完成程序还需要学习哪些知识？你计划如何学习这些新知识？
————————————————————
三、解决问题
请用本章学习的知识，完成问题的求解。如图9-9-1，得出设计结果。
（1）分析与准备
（2）界面设计
① 窗体布局。
② 属性设置。
113366第九节 综合实践
（3）代码设计
如，例题9-1的辨识水果代码是：
Private Sub OK_Click()
If (Text1.Text = ''圆形'') And (Text2.Text ='' 粉红色'') And (Text3.Text = ''可以
削，不能剥 '') Then '判断水果
Label5.Caption = Text1.Text + '','' + Text2.Text + '','' + Text3.Text '展示
水果基本信息
Label7.Caption = ''苹果'' ' 说明是哪种水果
Picture1.Picture = LoadPicture( ＂苹果.jpg ＂) ' 加载水果图片
End If
End Sub
试完成你所设计程序的代码编写。
（4）调试、测试程序
113377第九章 智能处理与编程
评价与反思
成功完成
评价项目 学习兴趣 解决过几个问题 是否帮助了别人
几个任务
第一节
第二节
第三节
第四节
活动过程 第五节
第六节
第七节
第八节
第九节
掌握的知识技能 取得的成果
收获
反思
113388主 编：胡祖康 杨德军
副 主 编：章小莉 王振强
本册编写人员：李俊杰 李 卓
责 任 编 辑：刘建波
封 面 设 计：罗 瑞
装 帧 设 计：红黄蓝设计中心
责 任 印 制：李 萌
义务教育教科书
信息技术
第六册
（7-9年级用）
北 京 教 育 科 学 研 究 院 编
北 京 出 版 社 出版
（北京北三环中路6号）
邮政编码：100120
网 址：ww w . b ph. c o m. c n
北 京 出 版 集 团 公 司 总 发 行
*
787毫米×1092毫米 16开本 印张
2014年6月第1版 2019年6月第7次印刷
ISBN 978-7-200-10905-4
定价：15.30元
质量监督电话：010-58572293 58572393义
务
教
育
教
科
义务教育教科书
书
信
息 XINXI JISHU
技
术
第
六
册
（
北 京 出 版 社
7-9
信 息
技 术
第六册
（7-9 年级用）
年
级
用
）
北
京
出
版
社