APP下载

高职高专院校计算机基础专题网站的设计与实现

2015-07-27河北外国语职业学院河北秦皇岛066001

山东工业技术 2015年8期
关键词:网页页面布局

史 伟(河北外国语职业学院,河北 秦皇岛 066001 )

高职高专院校计算机基础专题网站的设计与实现

史 伟
(河北外国语职业学院,河北 秦皇岛 066001 )

教育网站是在一定的深度和广度上给学生提供学习并且考察学生的一种手段。本计算机教育网站是针对河北外国语职业学院计算机基础教学而设计和开发的。本文详细介绍了该计算机基础专题网站从设计到实现的全部过程。它还分析了在此过程中所遇到的难点及注意事项。

教育网站;计算机基础;考试模块

1 论文的研究目的和意义

《计算机应用基础》课程是高职高专院校为培养学生的计算机应用能力而开设的一门重要的必修课程。学生通过学习该课程,在掌握基础理论之外,还应该能够熟练掌握Word、Excel、PowerPoint等常用软件的使用,达到应用计算机这一工具解决本专业实际问题的水平。

我们学院近几年校园网的建设也初具规模。该网站建设的目的就是及时准确地发布考试信息,将相关的学习资料传递给学生,并通过计算机基础考试模块检测学生的学习效果,发现教学中的不足之处。我们将不断更新试题库,让学生第一时间接触到新的题型,为自己的学习提供一个方向,使学生在自我评价的过程中获得成就感。

2 网站的基础设计

对于网站的定位,既要考虑到其要符合高职高专院校的对各专业学生计算机基础操作技能的培养目标,又要考虑到其要具有教育网站的特色。那么,我们在设计时就要注意,在功能上,要能达到网站需求中所设定的目标;在设计上,要体现出教育网站的稳重与主题网站的独特这两点。

2.1 网页的布局设计

由于是学习类网站,所以首先要让学生有访问的欲望,其次才涉及到网页内容的安排。由此可见,网页的布局不能小视。网页布局是指网页内容在页面上所处位置的设计。其目的是使网页在实用的基础上更加美观,以吸引访问者的眼球。网页布局要注意以下几个方面的因素。

2.1.1造型设计

页面造型指的是页面给人的整体印象,可以根据网站的需求及设计者本人的空间想象来进行整体的把握,比如可以把整体框架设计成为矩形、圆形、三角形、菱形、不规则图形等。

2.1.2主题部分设计

每一页都涉及到主题的显示,所以主题部分制作很关键,它既要第一时间告诉读者网站的核心思想,又要很好的协调与其它部分的关系。该部分一般放置的是站点名称、学校或公司标志或旗帜性广告。

2.1.3布局方法

布局的方法一般分为纸上布局和软件布局两种,纸上布局即在网页制作之前,对网页有一个大体的规划,需要准备好纸和笔,在纸上画出网页的基本设计方案;软件布局就是利用Photoshop等对图像的编辑功能来为网页进行布局,它可以在布局时方便地使用颜色和图形。

2.2 网站的风格与特色

网站必须要有自己的风格与特色才足够能吸引读者的眼球,一般来讲,与色系、排版、程序、构架、特效、内容等有关。设计时,以上因素要相互协调才能使网站具有和谐统一的整体风格。

3 网站前台页面的系统设计

3.1 前台功能概述

要在高职高专院校实现宣传计算机基础课程这一大功能模块,主要的工作是需要将大模块分成多个子模块来实现的。网站中各个页面的设计非常相似,因此,本文只描述几个重要页面的设计。首页上方的导航栏设置分为考试新闻、考试大纲、应试指南、试题中心、成绩查询、在线查询、模拟考试等,分别链接到相关页面。页面的左下角是一个统计访问量的展示,页面的中间主体部分是通过图片及文字展示计算机基础课程特点。页面左侧则是将教学录像、课程信息等模块进行展开,如课程信息模块又分为教学大纲、教学进度、教师队伍、电子教案、演示课件、实训、课程特色等子栏目。

3.2 前台页面设计

3.2.1首页的设计

首页会带给访问者对网站的第一印象,因此制作至关重要。在设计上,要让访问者很快找到主题,还要做好清晰的导航。在风格上坚持干净清新的原则,让读者在众多网站中耳目一新。最好不要放置大型图片或大型程序在首页,否则会减慢网页登录的速度。

3.2.2二级页面的设计

由于网站要保持风格一致,所以二级页面的色彩及布局风格应与主页相协调即可。值得注意的是,除了主页应具备清晰的导航外,二级页面之间的相互联系和跳转也很重要。笔者将二级页面的菜单放置在页面左侧,采用平铺式一级、二级菜单的导航模式,并用相近的色彩将一级、二级菜单的颜色加以区分,使读者能够一目了然。同时要就当前读者访问的页面标题较之其它标题加粗显示,使读者清晰知道自己访问的页面所在的位置。

4 后台管理模块设计

4.1 后台管理模块功能概述

要判断该用户是否可以进入后台进行操作,必须通过身份验证来实现,判断他是普通用户还是管理员用户,后台管理系统会对不同的用户设定不同的权限。普通用户,可以进行注册登录、修改用户资料、浏览、下载、查询信息、在线交流等操作,管理员用户,权限更大,在普通用户的权限以外还可以进行更改登录信息和口令、修改和删除用户信息、更新信息管理资源等。

4.2对后台管理模块的设计

下面将用后台管理模块工作流程图来展示后台的管理流程,如图1。

5 网站的总体功能

网站主要分为五大版块,分别为:网站首页、试题中心、成绩查询、网上报名、模拟考试。各部分功能如下。

5.1试题中心

为学生提供历年考题、模拟考试题的一个信息平台,版块按试卷的名称(A卷、B卷、C卷等)及模块类型(Windows、Word、 Excel、Powerpoint、Frontpage、网络)关键字分类,并在每个分类中再根据各个试卷中的考试语言等进行详细分类,以方便考生能快捷方便的找到自己要使用的信息。除此之外,还要发布考试新闻、考试大纲、应试指南等内容。

5.2 成绩查询

就是当考试成绩公布后由管理员把成绩导入到网站,考生可以根据自己的准考号在系统中查询出自己的考试成绩。

5.3 网上报名

是为了方便考生在网上报考计算机基础考试,就是让考生填写报名表格,录入相关信息。

5.4 模拟考试

试卷可以根据题库中的内容随机生成,还可以采用大量的标准化试题,计算机阅卷,大大提高阅卷效率;另外,还可以直接把成绩上传到数据库中,进行统计、排序等操作。考生通过姓名、准考证号码及口令进行系统登录,考试答案也预先存放在服务器中,这样考试有较高的公平性、较强的安全性,考试结果可以得到有效的保证。

5.5 网站首页

网站首页及是上面所有栏目的一个整体再现,在网站首页里面还应添加一个会员管理系统和公告发布系统。

[1]李国辉,涂丹,张军.多媒体通信网络[M].北京:人民邮电出版社,2010.

[2]冯建华,周立柱.数据库系统设计与原理.北京:清华大学出版社,2007:178-215.

[3]崔艳,许合利.基于Asp的Web数据库访问技术的探讨.福建电脑,2008,3(07):13-14.

史伟,(1982-),河北外国语职业学院讲师,主要研究方向:计算机教学。

猜你喜欢

网页页面布局
刷新生活的页面
先进纤维材料战略布局
答案
基于HTML5与CSS3的网页设计技术研究
让Word同时拥有横向页和纵向页
基于HTML5静态网页设计
搜索引擎怎样对网页排序
商用WiFi蓄势待发BAT360谨慎布局前景存疑
邓小平开启改革开放前的内外布局
Lumileds汽车照明:新布局下的新思路