近日，我校开展了师德标兵的评选活动，校领导希望能让全校师生和家长在校园网上进行投票评选，同时也对各位候选人的先进事迹进行宣传。
虽然网上有现成的投票系统代码，可以找一个来改改，但是考虑到自己的ASP水平有限，要在短时间里把源代码按我们的活动方案来改，难度很大。网上在线投票网站也很多，如果不想费事，可以在这些网站上发起投票，然后再链接到我校的网站里。但是这样，投票页面的布局无法符合我们的设计要求。
在对在线投票系统生成的页面进行分析之后，我发现它也可以和我们的静态网页相结合，这样基本不需要ASP和数据库的知识也能设计出符合我们要求的投票页面，下面就谈谈我的做法。
一、设计静态投票页面
首先，根据宣传要求设计出投票页面的外观，这一步只需要制作静态页面的技术。我的主要步骤分为：Photoshop设计页面整体效果、ImageReady切片，生成HTML代码以及在FrontPage中进行修改等（如图1）。
二、发起在线投票
根据我们学校的实际需求，我选择了“三藏投票网站”（http://toupiao.sheup.com/），理由是它具有管理功能，可以设置投票的有效时间，而且可以按需求设置单选或多选。
接下来我就按我们学校师德标兵评选的要求发起了投票（如图2）。
（图1）
（图2）
三、将投票表单嵌入静态网页
有的投票网站将投票页面的代码公开，让用户可以直接嵌入到自己的网页里，例如“碧海银沙投票站”（http://vote.yinsha.com/），提供了外部引用的代码（如图3）。
（图3）
但是对于其它没有提供外部引用代码的投票页面，我们也有办法将其嵌入到自己的网页中。具体步骤如下：
1.利用浏览器的查看功能，打开投票页面的源代码（如图4）。
（图4）
2.找到<form>标记
在投票页的源代码中找到<form>标记（如图5），这个标记是整个表单部分的开端。
（图5）
接下来，要把图5中选蓝的语句贴到我们的页面中，如果不清楚贴哪里，可以直接贴到<body>标记下（如图6）。当然，也要相应地在</body>之间加上</form>表示表单的结束。
（图6）
这里还有一点要注意的是<form>标记中的action属性，表示当表单提交后，将把填写的数据传递给action指定的文件进行处理。但是，我们看到源文件中action属性的值是“action.php?index=1&action=VoteSelect”，这不是一个完整的URL，应该是个相对路径，那么引入到我们的网页中不能也这样写，因为我们的网站里根本就没有action.php这个文件。
这也不是难事，仔细查看浏览器的地址栏，可以知道这个投票网页的地址是“http://toupiao.sheup.com/display.php?id=136”，既然从相对路径中可以看出action.php文件跟这个投票页面是在同一目录中，那么可以得知action.php文件的准确URL应该是“http://toupiao.sheup.com/action.php”，因此，我们的页面中action属性应该写作：
action="http://toupiao.sheup.com/action.php?index=1&action=VoteSelect"。
3.为各checkbox控件重新命名
多选投票的表单中少不了checkbox控件（即多选框），接下来要在每位候选人姓名前加入一个checkbox，但是每一个checkbox的name和value的值都必须跟投票页面源代码中的一样（如图7），否则提交后action.php文件无法正确统计投票数据。
（图7）
等所有的checkbox都设置好后，我们的投票网页就大功告成了，赶紧发布到网上空间里去试一试吧！
