博星卓越电子政务开发平台实验指导书教师版

1、博博星星卓卓越越电电子子 政政务务门门户户开开发发平平台台 系系统统 实实 验验 指指 导导 书书 （教教师师版版 ） 制作：北京博导前程信息技术有限公司 目目 录录 前言前言6 第一章第一章 博星卓越电子政务门户开发平台系统实验知识学习流程实现博星卓越电子政务门户开发平台系统实验知识学习流程实现8 1.1 实验一实验一 博星卓越电子政务门户开发平台系统初步认识博星卓越电子政务门户开发平台系统初步认识8 1.1.1 实验目的和目标实验目的和目标8 1.1.2 实验流程实现实验流程实现8 第二章第二章 静态网页设计实验静态网页设计实验13 2.12.1 实验一实验一 htmlhtml 标记语言入

2、门及基本操作标记语言入门及基本操作13 2.1.1 实验前的准备实验前的准备13 2.1.2 实验目的实验目的13 2.1.3 实验内容及步骤实验内容及步骤13 2.1.4 实验考核实验考核14 2.1.5 思考题思考题14 2.22.2 实验二实验二 htmlhtml 语言列表和条目标记语言列表和条目标记15 2.2.1 实验前的准备实验前的准备15 2.2.2 实验目的实验目的16 2.2.3 实验内容及步骤实验内容及步骤16 2.2.4 实验考核实验考核18 2.2.5 思考题思考题18 2.32.3 实验三实验三 htmlhtml 语言超链接语言超链接19 2.3.1 实验前的准备实验

3、前的准备19 2.3.2 实验目的实验目的19 2.3.3 实验内容及步骤实验内容及步骤19 2.3.4 实验考核实验考核21 2.3.5 思考题思考题21 2.42.4 实验四实验四 htmlhtml 的表格和表单的表格和表单22 2.4.1 实验前的准备实验前的准备22 2.4.2 实验目的实验目的25 2.4.3 实验内容及步骤实验内容及步骤25 2.4.4 实验考核实验考核28 3.4.5 思考题思考题28 2.52.5 实验五实验五 图像和框架应用操作图像和框架应用操作30 2.5.1 实验前的准备实验前的准备30 2.5.2 实验目的实验目的32 2.5.3 实验内容及步骤实验内容

4、及步骤32 2.5.4 实验考核实验考核36 2.5.5 思考题思考题36 2.6.4 实验考核实验考核48 2.6.5 思考题思考题48 第三章第三章 电子政务网站设计实验电子政务网站设计实验49 3.13.1 实验一实验一 登录模块设计实验登录模块设计实验49 3.1.13.1.1 实验前的准备实验前的准备49 3.1.23.1.2 实验目的实验目的49 3.1.33.1.3 实验内容及步骤实验内容及步骤49 3.1.43.1.4 实验考核实验考核51 3.1.53.1.5 思考题思考题51 3.23.2 实验二实验二 导航条设计实验导航条设计实验52 3.2.1 实验前准备实验前准备52

5、 3.2.3 实验内容及步骤：实验内容及步骤：52 3.2.5 思考题思考题54 3.33.3 实验三实验三 政务新闻模块设计实验政务新闻模块设计实验55 3.3.1 实验前的准备实验前的准备55 3.3.2 实验目的实验目的55 3.3.3 实验内容及步骤实验内容及步骤55 3.3.4 实验考核实验考核57 3.3.5 思考题思考题57 3.43.4 实验四实验四 政策法规模块设计实验政策法规模块设计实验58 3.4.1 实验前的准备实验前的准备58 3.4.2 实验目的实验目的58 3.4.3 实验内容及步骤实验内容及步骤58 3.4.43.4.4 实验考核实验考核60 3.4.53.4.

6、5 思考题思考题60 3.53.5 实验五实验五 友情链接模块设计实验友情链接模块设计实验62 3.5.13.5.1 实验前的准备实验前的准备62 3.5.23.5.2 实验目的实验目的62 3.5.33.5.3 实验内容及步骤实验内容及步骤62 3.5.43.5.4 实验考核实验考核65 3.5.53.5.5 思考题思考题65 3.63.6 实验六实验六 网站调查模块设计实验网站调查模块设计实验66 3.6.13.6.1 实验前的准备实验前的准备66 3.6.23.6.2 实验目的实验目的66 3.6.33.6.3 实验内容及步骤实验内容及步骤66 3.6.53.6.5 思考题思考题68 3

7、.73.7 实验七实验七 软件下载模块设计实验软件下载模块设计实验69 3.7.13.7.1 实验前的准备实验前的准备69 3.7.23.7.2 实验目的实验目的69 3.7.33.7.3 实验内容及步骤实验内容及步骤69 3.7.43.7.4 实验考核实验考核71 3.7.53.7.5 思考题思考题71 3.83.8 实验八实验八 采购信息模块设计实验采购信息模块设计实验72 3.8.13.8.1 实验前的准备实验前的准备72 3.8.23.8.2 实验目的实验目的72 3.8.33.8.3 实验内容及步骤实验内容及步骤72 3.8.43.8.4 实验考核实验考核74 3.8.53.8.5

8、思考题思考题74 3.93.9 实验九实验九 人大代表建议模块设计实验人大代表建议模块设计实验75 3.9.13.9.1 实验前的准备实验前的准备75 3.9.23.9.2 实验目的实验目的75 3.9.33.9.3 实验内容及步骤实验内容及步骤75 3.9.43.9.4 实验考核实验考核77 3.9.53.9.5 思考题思考题77 3.103.10 实验十实验十 政协提案模块设计实验政协提案模块设计实验78 3.10.13.10.1 实验前的准备实验前的准备78 3.10.23.10.2 实验目的实验目的78 3.10.33.10.3 实验内容及步骤实验内容及步骤78 3.10.43.10.

9、4 实验考核实验考核80 3.10.53.10.5 思考题思考题81 3.113.11 实验十一实验十一 本地概况模块设计实验本地概况模块设计实验82 3.11.13.11.1 实验前的准备实验前的准备82 3.11.23.11.2 实验目的实验目的82 3.11.33.11.3 实验内容及步骤实验内容及步骤82 3.11.43.11.4 实验考核实验考核84 3.11.53.11.5 思考题思考题84 3.123.12 实验十二实验十二 政府公报模块设计实验政府公报模块设计实验85 3.12.13.12.1 实验前的准备实验前的准备85 3.12.23.12.2 实验目的实验目的85 3.1

10、2.33.12.3 实验内容及步骤实验内容及步骤85 3.12.43.12.4 实验考核实验考核87 3.12.53.12.5 思考题思考题87 3.133.13 实验十三实验十三 办事指南模块设计实验办事指南模块设计实验88 3.13.13.13.1 实验前的准备实验前的准备88 3.13.23.13.2 实验目的实验目的88 3.13.33.13.3 实验内容及步骤实验内容及步骤88 3.13.43.13.4 实验考核实验考核90 3.13.53.13.5 思考题思考题90 3.143.14 实验十四实验十四 信息公开设计实验信息公开设计实验91 3.14.13.14.1 实验前的准备实验

11、前的准备91 3.14.23.14.2 实验目的实验目的91 3.14.33.14.3 实验内容及步骤实验内容及步骤91 3.14.43.14.4 实验考核实验考核93 3.14.53.14.5 思考题思考题93 3.153.15 实验十五实验十五 政府文件模块设计实验政府文件模块设计实验94 3.15.13.15.1 实验前的准备实验前的准备94 3.15.23.15.2 实验目的实验目的94 3.15.33.15.3 实验内容及步骤实验内容及步骤94 3.15.43.15.4 实验考核实验考核96 3.15.53.15.5 思考题思考题96 3.163.16 实验十六实验十六 其他单位模块

12、设计实验其他单位模块设计实验97 3.16.13.16.1 实验前的准备实验前的准备97 3.16.23.16.2 实验目的实验目的97 3.16.33.16.3 实验内容及步骤实验内容及步骤97 3.16.43.16.4 实验考核实验考核99 3.16.53.16.5 思考题思考题99 第四章第四章 电子政务网站开发综合实验电子政务网站开发综合实验100 4.14.1 实验一实验一 电子政务网站开发综合实验电子政务网站开发综合实验100 4.1.14.1.1 实验前的准备实验前的准备100 4.1.24.1.2 实验目的实验目的100 4.1.34.1.3 实验内容及步骤实验内容及步骤100

13、 4.1.44.1.4 实验考核实验考核103 4.1.54.1.5 思考题思考题103 前前 言言 1. 博星卓越电子政务门户开发平台系统设计思想及目标博星卓越电子政务门户开发平台系统设计思想及目标 （1）博星卓越电子政务门户开发平台系统开发思想）博星卓越电子政务门户开发平台系统开发思想 博星卓越电子政务门户开发平台系统是一套面向“电子政务专业”设计的教 学系统。针对电子政务专业不“文”不“武”专业内容的需要就要求博星卓越电 子政务门户开发平台系统不但是一个专业的“开发平台” ，还要为学生提供一套完 整的“教学任务” ，这样才能让学生了解电子政务网站的工作流程和整个网站的建 设过程。所以系统

14、最终目的就是为学生提供各种网站开发实例和专业开发知识， 让学生能够通过平台的操作学会网站建设过程中涉及到的相关知识。通过博星卓 越电子政务门户开发平台系统的使用，可以使学生对电子政务网站开发有一个全 面的认识。也使学生从整体上了解电子政务的内涵。 （2）博星卓越电子政务门户开发平台系统设计目标）博星卓越电子政务门户开发平台系统设计目标 博星卓越电子政务门户开发平台系统不但能够帮助学生学习网站建设知识， 而且还能指导学生开发出一套完整的电子政务信息网站。并通过整个开发过程的 实际操作，使学生得到网站项目的实际开发经验。在网站的开发过程中也极大的 提高了学生的动手操作能力和项目协作能力，通过这两点

15、的提高就使学生成为社 会急需的理论和实践相结合的人才。 2. 博星卓越电子政务门户开发平台系统开发流程简介博星卓越电子政务门户开发平台系统开发流程简介 博星卓越电子政务门户开发平台系统通过实验的方式，让学生按照软件工程 所展示的开发流程进行开发。首先，教师和学生注册、登陆开发平台。当学生登 陆到平台以后，系统首先提供软件开发流程中每个阶段所必须的知识和要点。目 的让学生知道自己在每个流程的具体任务是什么。之后，系统为学生提供了许多 开发实例，这些实例含盖了网站建设从基础阶段到整体应用阶段中所有必须的知 识。这样学生通过实例可以很直观的看到各种技术的用法和效果，并能够模仿这 些实例开发出自己所需

16、要的网站。最后，学生通过平台中的开发环境，并结合环 境中预先给出的各种功能模块，就能很快速的开发出一个功能齐全的电子政务系 统。 3. 博星卓越电子政务门户开发平台系统实验的设计方法与需求博星卓越电子政务门户开发平台系统实验的设计方法与需求 博星卓越电子政务门户开发平台系统是按照软件工程中的方法来指导学生设 计电子政务网站的。因为博星卓越电子政务门户开发平台系统不仅是一套网络产 品，同时也是一套软件产品。而软件开发过程越来越规范化、标准化的事实，要 求我们必须遵循这条规律才能开发出规范、标准的软件产品。所以，平台在指导 学生进行开发时，严格按照了软件工程下的开发流程进行设计。目地就是让学生 能

17、够形成一个很好的开发习惯，并能够在不同环境下以最快的速度适应当时的环 境。 4. 博星卓越电子政务门户开发平台系统实验案例简介博星卓越电子政务门户开发平台系统实验案例简介 博星卓越电子政务门户开发平台系统最大的特点就是为学生准备了大量的开 发实例，目的就是通过这些实例来减小电子政务专业的学生开发软件的难度。通 过不同的开发实例，学生可以接触到一个网站整个建设过程的内容，并通过平台 提供的知识教程，让学生全面掌握开发方面的知识。平台提供的案例从简单到复 杂含盖了软件开发过程中全面的技能知识，并通过这些知识的积累，让学生在开 发网站的乐趣中体会到电子政务网站的整个商务应用内涵。 5. 博星卓越电子

18、政务门户开发平台系统实验环境简介博星卓越电子政务门户开发平台系统实验环境简介 博星卓越电子政务门户开发平台系统为学生提供一个集成开发环境，学生可 以不借助其他任何开发工具，就能在平台中完成开发任务。在环境中学生可以方 便的导入实例来观察实例的运行结果。并且，平台开发环境中还为学生提供许多 现成的网站开发组件，学生可以直接把组件套用到自己的网站里，这样就为网站 的建设带来了很大方便。同时，环境能够很容易的实现网站前后台的搭配和调试， 并通过导入导出功能让学生可以很方便的实现整个工程在其他编程环境下的导出 和导入，达到项目的二次开发的目的。 第一章第一章 博星卓越电子政务门户开发平台系统实验知识学

19、习流程实现博星卓越电子政务门户开发平台系统实验知识学习流程实现 1.1 实验一实验一 博星卓越电子政务门户开发平台系统初步认识博星卓越电子政务门户开发平台系统初步认识 1.1.1 实验目的和目标实验目的和目标 （1） 、教师进入注册页面，完成基本信息的录入。 （2） 、教师通过登陆页面登陆到系统，完成登陆过程。 （3） 、教师认识操作界面，并熟悉各种操作的功能。 1.1.2 实验流程实现实验流程实现 进入开发平台 登录页面 登录验证教师注册 登录成功 登录失败 教师管理页面 图 1.1.1 教师登录流程 教师注册教师注册 教师通过登录页面进入注册页面，并填写自己的基本信息，包括：用户名、 密码

20、、姓名、e-mail 和电话号码。表单填写完毕提交给系统，让系统保存注册信 息，完成系统信息同步。 图 1.1.2 注册界面 教师登录教师登录 系统管理员通过登录页面进行登陆（图 1.1.3） ，在管理员登录完成以后就能 看到已经注册过的教师信息，管理员通过信息页面给每个教师开通权限。教师通 过管理员开通自己的权限后，才能从登录页面登录。教师正确登录后就能对自己 的班级进行操作了。 图 1.1.3 登陆界面 管理员操作界面管理员操作界面 管理员登录后通过操作页面认识管理员端的具体操作（图 1.1.4） 。系统初始 化可是使系统还原到系统的默认状态；教师管理是对所注册教师的管理；站点管 理是对学

21、生站点进行操作。 图 1.1.4 管理员操作界面 在初始化数据栏中选择初始化类型（图 1.1.5）,初始化数据类型时可以多选的也可 以选择其中一个。例如选择“删除所有教师、班级、学生数据”而不选择“删除 所有学生所创建的站点工作目录数据”后单击【执行】按钮，所有的教师、班级 和学生的数据都被删除，但是学生所创建的站点数据都将完整保留下来；选择 “删除所有学生所创建的站点工作目录数据” 而不选择“删除所有教师、班级、 学生数据”单击【执行】按钮所有的教师、班级和学生的数据都被完整保留下来 而学生所创建的站点数据都将被删除。两项都选择那么所有教师、班级、学生及 学生所创建的站点工作目录的数据都将被

22、删除。 图 1.1.5 系统初始化 单击管理员界面中【教师管理】按钮进入教师管理界面（如图 1.1.6）所示：选择 教师对其进行确认、删除操作，在教师管理界面右上方对可用和不可用的教师进 行筛选。 图 1.1.6 教师管理页面 站点管理中管理员可以看到学生创建的站点以及对学生的站点进行删除操作。 图 1.1.7 管理员站点管理页面 教师管理页面教师管理页面 教师登录进入教师管理页面（图 1.1.8） ，页面中将教师的操作功能展示给教 师。 图 1.1.8 教师管理页面 教师信息维护教师信息维护 单击教师首页教师姓名进入教师信息页面如图 1.1.9，修改需要修改的字段后 单击【更改】按钮进行更改

23、 图 1.1.9 教师信息 班级和学生管理班级和学生管理 单击教师首页上方【班级和学生管理】按钮进入班级管理界面如图 1.1.10： 图 1.1.10 班级管理 添加班级：在班级管理界面右上方“添加一个班组”栏里输入想创建的班级名称 后单击【添加】按钮添加一个新班级。 删除班级：在班级管理页面选中想要删除的用户后单击右下方【删除】按钮进行 班级删除。 学生管理：单击班级管理界面班级栏目中的“学生列表”进入学生管理界面如图 1.1.11 所示： 删除学生：在学生管理界面选中要删除的学生单击右下角【执行】按钮删除学生。 学生权限分配：在学生管理界面单击学生栏目中的【设定权限】按钮进入学生权 限设定

24、界面如图 1.1.11 所示： 图 1.1.11 学生权限设定 在学生权限设定界面中教师按需给学生开通使用系统的权限。 第二章第二章 静态网页设计实验静态网页设计实验 2.12.1 实验一实验一 htmlhtml 标记语言入门及基本操作标记语言入门及基本操作 2.1.1 实验前的准备实验前的准备 （1）检查浏览器是否运行正常。 （2）检查博星卓越电子政务门户开发平台系统中前台编辑功能模块是否运行正常。 2.1.2 实验目的实验目的 （1）了解 html 标记语言的运行环境。 （2）熟悉在博星卓越电子政务门户开发平台系统中 html 标记语言的编辑功能 （3）掌握 html 文件的基本结构。 2

25、.1.3 实验内容及步骤实验内容及步骤 (1)指导学生正常登陆系统后，在前台编辑器中的代码模式下书写简单的 html 语 言。 代码如下： 这是一个基本 html 实例，让你初步认识 html 标签 如图 2.1 图 2.1.1 页面编辑 2.1.4 实验考核实验考核 教师进入后台管理界面，选择“站点管理” ，查看并运行学生设计的程序，根 据上课任务进行评分。 2.1.5 思考题思考题 （1）html 表示的是什么意思？ 答案：html 英语意思是：hypertext marked language，即超文本标记语言,是一 种用来制作超文本文档的简单标记语言。 （2）什么是静态网页？ 答案：

26、静态网页通常是 html htm shtml 格式的,在前几年的网站都是由静态 网页制作的.静态网页有一个固定的 url。 静态网页的特点一般由以下几点: 1、静态网页每个网页都有一个固定的 url，且网页 url 以. htm、.html、.shtml 等常见形式为后缀，而不含有“？”； 2、网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页 的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务 器上的文件，每个网页都是一个独立的文件； 3、静态网页的内容相对稳定，因此容易被搜索引擎检索； 4、静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当

27、网站信息量很大时完全依靠静态网页制作方式比较困难； 5、静态网页的交互性较差，在功能方面有较大的限制。 2.22.2 实验二实验二 htmlhtml 语言列表和条目标记语言列表和条目标记 2.2.1 实验前的准备实验前的准备 列表标记语言的学习列表标记语言的学习 无序列表 无序列表使用的一对标签是，无序列表指没有进行编号的列表, 每 一个列表项前使用。的属性 type 有三个选项,这三个选项都必须小写: disc 实心园 circle 空心园 square 小方块 如果不使用其项目的属性值,即默认情况下的会加实心园。 格式 1: 第一项 第二项 第三项 格式 2 第一项 第二项 第三项 有序列

28、表 有序列表和无序列表的使用格式基本相同，它使用标签，每一个列 表项前使用。列表的结果是带有前后顺序之分的编号。如果插入和删除一 个列表项，编号会自动调整。 顺序编号的设置是由的两个属性 type 和 start 来完成的。start=编号开始 的数字，如 start=2 则编号从 2 开始，如果从 1 开始可以省略，或是在标签中 设定 valuen改变列表行项目的特定编号，例如。type=用于编号 的数字,字母等的类型，如 type=a，则编号用英文字母。为了使用这些属性，把它 们放在或的的初始标签中。 表 2.2.1 有序列表 type 的属性 type 类 型 描 述 type=1表示列

29、表项目用数字标号（1,2,3.） type= a 表示列表项目用大写字母标号（a,b,c.） type=a表示列表项目用小写字母标号（a,b,c.） type=i表示列表项目用大写罗马数字标号（,.） type=i表示列表项目用小写罗马数字标号（i,ii,iii.） 图 2.2.1 type 属性 格式 1 第 1 项 第 2 项 第 3 项 格式 2 第 1 项 第 2 项 第 3 项 2.2.2 实验目的实验目的 （1）掌握无序列表、有序列表的用法。 （2）掌握改变条目标记的用法 2.2.3 实验内容及步骤实验内容及步骤 （1） 在学生学习序列标记语言后，指导学生进入前台编辑器，在代码模式下书 写如下代码： 列表练习 默认的无序列表加实心园 默认的无序列表实心园 默认的无序列表实心园 无序列表 square 加方块 无序列表 square 加方块 无序列表 square 加方块 无序列表 circle 加空心园 无序列表 circle 加空心园 无序列表 circle 加空心园 默认的有序列表 默认的有序列表 默认的有序列表 第 1 项 第 2 项 第 3 项 第 4 项 第 1 项 第 2 项 第 3 项 如图 2.2.2 所示： 图 2.2.2 页面编辑 （2）学生作业练习 让学生自己参照上边步骤做出一个列表项目用大写罗马数字标号的有序列表 2.2.4 实验考核实验考核