任务1 浏览绿蕾教育网

任务描述

在网页编程课程中，我们知道向网站上发表一条信息需进行如下操作：

① 用FTP软件，下载网页模板、相关列表页面和首页到本地；

② 在Dreamweaver中用模板新建信息页面，并录入相关信息；

③ 修改列表页面，如果列表信息超出现有列表文件容量，则新增列表页面；

④ 修改首页，更新有关链接；

⑤ 用FTP上传新建信息页面、列表页面和首页。

从上述操作步骤可知，向这类网站发布信息，要求信息发布人员不但具备文档编辑能力，还应具备FTP操作技能和Dreamweaver页面制作技能。另外，由于新增信息要求显示在列表页的最前面，因此，随着信息量的增加，所涉及的列表页将越来越多，信息发布人员的工作量也将随之剧增，一次发布信息的时间也将越来越长。

为了减轻网站更新的工作量，缩短信息发布时间，绿蕾工作组对网站进行了技术改造，开发了一套动态网站系统，通过简单地把信息保存到数据库中即可实现网站内容的更新，利用网站的会员功能还可实现信息资源的有限使用。

采用该系统之后，每次更新信息时，只要将数据库文件下载到本地，然后启动数据库程序，追加信息后，将数据库上传到指定位置即可。

本任务主要了解采用Access数据库管理技术后的“绿蕾教育网”，为学习数据库技术奠定基础。

操作步骤

1．浏览前台网页

1）打开主页

启动IE，在地址栏中输入“http://demo.edu123.net”（网通线路请输入“http://democnc.edu123.net”），即可打开绿蕾教育网的主页，该首页包含页头、主信息、分隔条、次信息、友情链接和页脚6个区域，如图1-1所示。

（1）页头区域：重要资讯链接、设为主页操作、收藏本站操作、用户登录操作或用户信息显示、网站Logo、网站Banner、关键字搜索操作、主菜单、热门关键字、广告位Head01。

（2）主信息区域：置顶“专业设置”列表（最多10条）、网站统计信息、广告位Index01、最新非置顶图片新闻（最多2 条）、最新文字新闻（最多10 条）、公告信息滚动条（最多6条）、招生就业信息列表（最多10条）、Flash滚动焦点图（最新置顶图片新闻，最多5条）、最新外包（最新勤工俭学信息，最多12条）。

（3）分隔条区域：广告位Index02、最新图片展示信息（最多7条）、广告位Index03。

（4）次信息区域：技术文章中的9个栏目各自的最新置顶（最多1条）和最新文章（最多6条）列表、最新资源信息列表（最多22条）、网站调查操作。

（5）友情链接区域：按字母检索条（用于分隔上一个区域）、图片型友情链接信息（最多20条）、文字型友情链接信息（最多20条）。

（6）页脚区域：全能搜索操作、网站地图、部分操作链接及版权信息等。其中，“《中华人民共和国增值电信业务经营许可证》冀ICP备05004373 号”必须根据工业和信息化部的要求申请和放置，其位置必须位于网站首页底部居中，并建立“http://www.miibeian.gov.cn”链接，备案号可到“www.miibeian.gov.cn”网站申请。

想一想

网站地图中涉及哪些信息？它们与菜单中的信息有何关系？________________

2）浏览列表

单击页头区域部分主菜单中的“技术文章”链接，即可打开“信息列表”页面，该页面除包含页头和页脚之外，还有位置导航、栏目列表（如果存在下级栏目，则显示下一级栏目名称和链接，否则显示本级栏目名称和链接）、最新精品推荐信息列表（最多5条）、本类最新热门信息列表（最多5条）、本栏目最新热门信息列表（最多5条）、最新本栏目精品推荐信息列表（最多5条）、广告位list01、列表信息显示（每页10条）、分页工具条等，如图1-2所示。

3）浏览图文信息

单击列表信息中的相关文章标题，例如“CSS成为设计师必备知识的十大理由”，即可打开“图文信息”页面，该页面除包含页头和页脚、位置导航、栏目列表（如果存在下级栏目，则显示下一级栏目名称和链接，否则显示本级栏目名称和链接）、最新精品推荐信息列表（最多5条）、本类最新热门信息列表（最多5条）、本栏目最新热门信息列表（最多5条）、最新本栏目精品推荐信息列表（最多5条）、广告位ArtInfo01（规格和位置同list01）之外，还有广告位ArtInfo02和ArtInfo03、图文信息显示（标题、作者、来源、点击数、更新时间、图文内容等）、页面操作工具条（收藏、打印和关闭）、相关信息显示（本文关键字百度搜索、本文关键字谷歌搜索、上一篇和下一篇列表）、针对本文的最新评论信息（最多5条）、针对本文发表评论操作等，如图1-3所示。

想一想

图文信息显示中主要显示了哪些信息？这些信息分别具有哪些特点（如数值、文字、日期等）？________________

4）搜索信息

本网站提供了4 种搜索方式：按关键字搜索图文及资源信息（页头关键字搜索和热门搜索）、按标题第一个英文字母搜索资源信息（首页中的字母搜索）、绿蕾搜索（按关键字、标题、内容全面搜索图文及资源信息）和调用百度/谷歌搜索引擎（按关键字站内搜索）。

在绿蕾搜索文本框中输入“中考”，单击“绿蕾搜索”按钮，即可打开搜索结果信息列表页面，该页面包含页头和页脚、整站最新精品推荐信息列表（包括图文和资源，最多10条）、整站最新热门信息列表（最多10条）、广告位Search01（规格和位置同list01）、搜索结果列表信息显示（同信息列表页面）、分页工具条等，如图1-4所示。

5）下载资源

在上述搜索页面中找到“自研软件”类别的“石家庄市中考信息管理系统”信息，单击该链接，即可打开“资源信息”页面，该页面除包含页头和页脚、位置导航、栏目列表（如果存在下级栏目，则显示下一级栏目名称和链接，否则显示本级栏目名称和链接）、最新精品推荐信息列表（最多5条）、本类最新热门信息列表（最多5条）、本栏目最新热门信息列表（最多5条）、最新本栏目精品推荐信息列表（最多5条）、广告位ResInfo01（规格和位置同list01）之外，还有广告位ResInfo02至ResInfo06、资源信息显示（运行环境、语言环境、授权方式、资源等级、整理时间、资源作者、主页/演示、源码大小、资源界面图、浏览次数、下载次数、资源内容介绍等）、下载页面（资源下载链接，最多4条）、相关信息显示（本文关键字百度搜索、本文关键字谷歌搜索、上一篇和下一篇列表）、针对本资源的最新评论信息（最多5条）、针对本资源发表评论操作等，如图1-5所示。

想一想

资源信息显示中主要显示了哪些信息？这些信息分别具有哪些特点？________________

6）会员注册

单击页面右上角的“注册”按钮，即可打开“用户注册”页面，该页面除包含页头和页脚外，还有用户注册协议和用户注册表单（用户名、密码、再次输入密码、真实姓名、性别、城市、E-mail和验证码），如图1-6所示。

想一想

用户注册信息显示中主要涉及哪些信息？这些信息分别具有哪些特点？________________

7）申请友情链接

单击页面左下角的“友情链接”链接，即可打开“申请友情链接”页面，该页面除包含页头和页脚外，还有友情链接申请协议和友情链接申请表单（网站名称、网站地址、联系人、E-mail、链接类型、Logo地址、网站描述和验证码），如图1-7所示。

想一想

申请友情链接中主要涉及哪些信息？这些信息分别具有哪些特点？________________

2．使用数据库程序

1）打开数据库

（1）打开资源包“db_myedu123_01”中的“myedu123.accdb”文件，屏幕弹出登录窗口，如图1-8所示。

（2）出于安全考虑，Access数据库系统默认设置时，对数据库程序做了比较严格的限制，禁止VBA宏（VBA宏与Word、Excel等其他Office系统的VBA宏一样）的执行。单击“选项”按钮，屏幕弹出“安全选项”对话框，如图1-9所示。

（3）选中“启用此内容”选项，单击“确定”按钮，屏幕返回登录窗口。此时，验证码将显示在屏幕上，如图1-10所示。

（4）输入用户名“83”、密码“83”和验证码后，单击“登录”按钮，即可登录到数据库系统。

2）数据库管理首页

用户登录后，在用户信息显示区域将出现“管理中心”链接，单击该链接即可进入后台管理首页，该页面为由上、左、右3个页面组成的框架结构。其中，上部页面主要有用户名、用户级别、返回首页链接、修改用户信息链接和退出系统链接；左部页面为后台操作菜单页面，主要有用户管理（添加用户和管理用户）、信息管理（添加文章、添加资源和管理图文资源信息）、评论管理（管理评论）、友情链接管理、调查管理（添加调查和管理调查）、广告管理和版权信息；右部页面为网站相关信息显示，如图1-11所示。

非管理员只能执行“修改用户信息”操作。

3）添加用户信息

单击“用户管理”选项中的“管理用户”链接，右部页面将打开用户信息窗体，类似于Excel表格操作，可对该表格中的用户信息进行修改操作，如图1-12所示。

在星号“*”所在行输入用户信息即可实现新建用户信息操作。

想一想

添加用户信息中涉及哪些信息？这些信息分别具有哪些特点（如数值、文字、日期等）？________________

4）管理图文信息

（1）单击“信息管理”中的“管理图文”链接，右部页面将打开图文信息列表窗体，如图1-13所示。

（2）选中某行信息后，单击“修改”按钮，即可打开图文信息修改窗体，如图1-14所示。修改完毕，单击 “管理图文”链接，返回图文信息列表窗体。

（3）在图文信息列表窗体中单击“添加”按钮，即可打开图文信息添加窗体，如图1-15所示。添加完毕，单击“管理图文”链接，返回图文信息列表窗体。

想一想

添加图文信息中涉及哪些信息？这些信息分别具有哪些特点？________________

做一做

（1）上机完成修改两条以上图文信息。

（2）上机完成新建两条图文信息。

（3）上机完成修改两条资源信息。

（4）上机完成新建两条资源信息。

（5）写出资源信息中涉及哪些信息？这些信息分别具有哪些特点？________________

5）管理评论信息

单击“评论管理”选项中的“管理评论”链接，右部页面将打开评论信息列表，如图1-16所示。评论信息中，不能进行添加和删除操作，只能修改“审核通过”、“删除标识”和“审核员”3项。

想一想

在评论信息列表中有哪些信息？这些信息分别具有哪些特点?________________

做一做

（1）参照“管理评论”，上机完成友情链接信息设置操作。

（2）写出友情链接列表信息涉及哪些信息？这些信息分别具有哪些特点？________________

（3）上机完成添加一条“调查信息”，并将它设定为当前调查。

（4）写出调查信息涉及哪些信息？这些信息分别具有哪些特点？________________

6）管理广告信息

由于网站设计完成后，广告位就被固定且广告数量不是很多，通常广告位信息在数据库建立过程中录入完成，后台系统只对广告位信息进行修改，其中，对广告位编号和规格不做修改操作。

单击“广告管理”选项中的“管理广告”链接，右部页面将打开广告信息列表窗体，该页面将显示所有广告位信息，如图1-17所示。广告信息的修改可在该窗体中直接进行。

想一想

在广告信息列表和广告信息中，可修改哪些信息？这些信息分别具有哪些特点？________________