4.2.1网站首页
网站首页是网站的第一内容页，整个网站的最新、最值得推荐的内容将在这里展示。主要包含以下几个模块，平台荣誉、教师团队、课程建设、教学资源、下载中心等信息，用ASP制作了头部(head.asp),首页(index.asp),底部(foot.asp)三个模块，index.asp调用head.asp和foot.asp。模块内容如图4.1所示。
新闻中心信息显示代码实现如下：
图4.1 首页效果图
首页其它模块信息代码同上。
1、平台荣誉
网页头部调用了head.asp模块，底部调用foot.asp模块。在正文部分有平台荣誉图片，联系信息。让用户可以更好地了解该系的一些相关荣誉和联系信息。模块内容如图4.2所示。
图4.2 平台荣誉效果图
海南人才在线、海南招聘网-网站前台界面的设计-课程建设
该页面正文部分有课程改革，课程设计方案。在该页面分别有关于计算机专业英语课程改革的具体内容和具体的网络课程设计方案。学生可以具体地了解关于该课程的一些相关内容。模块内容如图4.3所示。
图4.3 课程建设效果图
海南人才在线、海南招聘网-网站前台界面的设计-教学资源
该页面正文部分有课程简介、电子教案、重点难点、相关阅读、习题练习、教学视频这几大部分的内容，学生可以根据自己的需要查看相关资料，可以帮助学生更好地掌握课程学习，弥补学生学习过程中的不足。模块内容如图4.4所示。
图4.4 教学资源效果图
4、
海南人才在线、海南招聘网-网站前台界面的设计-下载中心
该页面主要提供下载资料包括课件下载、音频下载、视频下载。学生可以根据自己掌握的情况对学习资料的下载，达到及时地弥补学生在学习过程中的不足。模块内容如图4.5所示。
图4.5 下载中心效果图
海南人才在线、海南招聘网-网站前台界面的设计-在线留言
该页面是用来学生和老师交流的平台。学生可以通过在线留言，提出自己的一些问题和对该门课程的一些意见。教师可以对学生提出的问题进行回复。以此来实现学生和老师之间的互动。模块内容如图4.6所示。
图4.6 在线留言效果图