技术实现1.网站开发技术与工具

7.5.4　技术实现 1.网站开发技术与工具

网站开发中需要用到的关键技术主要有：

（1）静态网页制作技术。为用户提供一种技术水平比较低的网页设计技术，用户无须编程，只要将相关的网页元素插入到页面中，就可以制作出比较满意的网页。常见的静态网页制作工具有FrontPage、Dreamweaver。

（2）动态网页制作技术。动态网页制作技术是指基于客户端与服务器端的一种交互技术。这种技术使得用户在网页中输入信息并提交以后，可以得到网站的及时反馈信息。常用的动态网页发布技术有：CGI、ASP、JSP和PHP等。

（3）数据库技术。网站开发中，数据库技术主要用来实现协作学习平台和在线测评等动态网页部分数据的存取。

2.开发过程

“中学电学实验”专题学习网站的开发过程如下：

（1）素材制作与资料收集。“中学电学实验”专题学习网站的大部分素材都由学科教师搜集和整理，另有一些素材是根据学科教师的建议制作的。

（2）系统设计。系统设计是对网站的整体规划，主要包括界面风格设计、导航设计、数据库设计等，这是网站开发的基础。

界面风格设计：确定网站的整体色调、界面形式、跳转或链接方式等；

导航设计：这是网站开发中非常重要的一个环节。导航的设计要明确、简单、完整，只有这样，学习者在浏览网站时才能不迷航，才能轻松地在网站内寻找、浏览自己想要的资源，方便地应用网站进行研究性学习和协作交流。

数据库设计：有关内容在第四节已经作了叙述。

（3）编码实现。下面以“中学电学实验”专题学习网站“协作学习”模块中的“选择主题”页面的设计为例，来介绍一下具体的实现技术。

用户在正确登录以后，如果在本模块的主页上点击“选择主题”下拉菜单就进入到该页面。如图7－10所示。

图7－10　选择主题页面

关键技术及其实现：如图7－10所示，所有保存在数据库中的信息都是通过列表显示的。学习者在确定选择哪一个主题之前，可以通过点击“题目”超级链接来查看其内容，然后，点击题目前面的单选按钮并按下“确定”按钮，这样就完成了主题的选择。

在该页面的设计中，采用了动态显示的办法。页面上，设计了一个表单，相应的语句为“form method＝"POST"action＝"xiezuo.asp"”，即，当表单元素提交后，程序就导入到xiezuo.asp。动态显示的关键代码如下：

〈input type＝"radio"name＝"radiobutton"value＝"〈%＝rs（“id”）%〉"〉

〈%＝rs（“id”）%〉

〈a href＝"problem.asp？id＝〈%＝rs（“id”）%〉"〉

〈%＝rs（"title"）%〉〈/a〉

〈%＝rs（"filename"）%〉

其中，最为关键的是第一条语句“input type＝"radio"name＝"radiobutton" value＝"〈%＝rs（"ID"）%〉"”，它的作用是为每一条显示的信息加上一个单选按钮。值得注意的是，该单选按钮的value域必须与信息对应起来，否则程序执行的结果将是错误的，rs（“id”）是从数据库中调出来的文件的编号，该编号是文件的索引值，即每个文件只有一个编号与之相对应。

第二条语句“〈a href＝"problem_item.asp？id＝〈%＝rs（“id”）%〉"〉

〈%＝rs（"title"）%〉〈/a〉”中的problem.asp是显示文件内容的超级链接，链接对象由id＝〈%＝rs（“id”）%来确定。