《计算机技术网络课程》网站的制作与研究

杨春哲 常涵吉

【摘要】 随着计算机网络技术的快速发展，多媒体技术与网络技术在教学中的应用，教学网站已经成为学生学习和获取资料的重要渠道，在教学中发挥着越来越重要的作用。学生通过教学网站的使用，补充课上学习时间的不足和掌握知识的不足，与老师同学互动交流学习经验，探讨学习方法和学习理念，解决学习中遇到的问题。本文以制作我校《计算机技术网络课程》网站为例，讨论教学网站的设计方法和制作技巧。

【关键词】 教学网站 计算机网络课程 网站制作

随着计算机网路在人们生活、学习、工作中的普及，人们越来越习惯于通过网络来解决日常生活中的问题。教育技术也伴随着网络技术的发展而进一步发展完善，多媒体技术与网络技术在教学中的广泛应用，学生学习的途径变得更加多样化。

为方便学生学习计算机知识，补充课上计算机学习的不足，拓宽学生的计算机知识体系，更好的了解和掌握计算机课程的重点、难点，有针对性的进行计算机知识的学习和复习，我校在已有静态计算机网站的基础上，开发新的《计算机技术网络课程》网站，通过课上和课外的双重教学，有效的提升学生学习的兴趣和学习效果。

一、设计规划

我校是医学院校，相对于医学课程，计算机属于辅助学科，计算机课程的授课学时相对较少。虽然我校有信息管理与信息系统专业和生物医学工程专业，也讲授计算机专业课程，但由于学校整体课程的规划，医学生专业课的压力，计算机类课程教学时间远远少于需求时间，学生迫切需要一种途径和手段，帮助消化理解课堂所学知识并适当对知识进行知识拓展。

早期我校的计算机课程网站采用静态网页技术，所有的内容都由静态网页制作，更新和维护操作复杂；课程数目少，我校新增专业新增的计算机课程添加麻烦，需重新制作网页；网站无法与学生互动交流，无法动态掌握学生学习情况，《计算机技术网络课程》网站解决了这些问题。通过建立《计算机技术网络课程》网站，将我校所有计算机课程的教学资源共享，达到辅助课程教学的目的，同时为学生提供自主学习的媒介和互动交流的平台。

《计算机技术网络课程》网站面向的对象为我校医学生，网站的内容以教学资料为主，补充学生课堂学习的不足，向学生提供教学大纲、教学进度、教学课件、教学录像、课后习题、试题样卷；网站设有登陆模块，允许教师在后台进行各自负责课程信息的维护和整理；网站有互动学习模块，方便学生、老师之间信息交流；网站还包括参考书目部分，提供给学生课程使用书目的相关信息。网站的导航清楚合理，操作简单。

确定好网站的内容后，制作编写网站的需求。将网站的外观在纸上画出草图，确定网站主页和其他页面需要显示的内容及显示方式。

结合网站的内容和网站面向的对象，广泛浏览类似网站，吸取他人网页制作的优点，设计构建《计算机技术网络课程》网站的结构。

二、建设准备

建设网站，需要技术支持和材料支持，两者缺一不可。

技术支持，主要指网站中的各种功能的实现，如网页制作、网页配色、网页动画、动态网页等，需要使用不同的软件。在制作网站之前，必须保证多个软件能够正常使用，且网站制作人员需具备相关软件的操作能力，能够按照要求完成网站的制作。教学网站中包含教学视频，视频的录制和剪辑需要专业人员操作并进行格式转换。

材料支持，指的是网站中涉及的课程教学资料，需要各任课教师的配合帮助，将资料分章节准备并按照要求将所有资料存储为.html格式，使用网站后台自行上传。请我校电教中心的教师帮助录制课程的教学视频，存储为网站设计要求的格式，留作学生自学使用。

三、制作方法

3.1外观设计

抛开网页的功能暂且不谈，网页的外观设计非常重要，它也是决定网站是否吸引人的一个重要因素。不同色彩的搭配会产生不同的效果，如果网页的颜色搭配不合理，色彩、样式过于复杂，学生操作麻烦，一样会影响学生学习的心情。

在访问网站时，色彩对人视觉的刺激，会给访问者留下第一印象。参考了多个教学网站的设计后，在我校《计算机技术网络课程》网站色彩的设计上，为使学生在访问网站学习时心情愉快，没有压力，网站采用天空蓝色为主的色调，辅以橙色，并适当降低图片的亮度，使网站整体色彩轻快、柔和。网站的色彩符合人的视觉要求，访问者长时间操作不易疲劳。

网站的结构、网站操作的难易程度和网站内容的丰富度，也是决定一个网站是否受欢迎的一个因素。在《计算机技术网络课程》网站中，网页的布局采用常见的左右两栏的模式，两栏中间以蓝色的天空辅以学校主楼为分割，给人以干净、开阔的感觉。

整个网页布局纵向为课程导航，学生随时可通过纵向导航切换访问课程。我校计算机课程有基础课、专业基础课、专业课三大种类，网页设计时采用鼠标经过时分别显示不同的课程列表的方式显示所有课程，供学生选择操作。网页横向为内容导航，各课程的教学大纲、教学进度、授课课件、习题练习、试题样卷等均在内容导航中显示，具体内容随着选择的课程同步发生变化，方便访问者查询。

网页主体部分显示细节内容，学生选择的课程具体内容在此处显示。网站结构设计简洁明了，导航和菜单明确清晰，学生通过纵横交错的方式，可以快速定位目标，自主学习。各课程网页内容布局一致，访问方法一致，页面结构相似，学生访问网站方便，操作简单，节省学生熟悉网站的时间。

3.2基本技术实现

《计算机技术网络课程》网站由多人合作完成，制作中使用多个软件，包括：网页制作软件Dreamweaver、图像处理软件Photoshop、动画制作软件Flash、动态网页制作软件.Net 2010、数据库制作软件SQL Server 2008。

确定了网站的结构和具体功能后，网站进入制作阶段，整个网站的制作流程如下：

在确定网站整体色彩后，设计网站外观，用Photoshop软件处理图像、为网页配色、制作网站Logo，整个《计算机技术网络课程》网站的制作，考虑到学生访问网页的便捷性和学生访问网站时使用的电脑情况，网页宽度设计为996像素，访问者不用左右拖动滚动条查看网页内容。图片设计好后可以利用Photoshop中的切片工具对图片进行切片，保存为Web格式。也可以利用参考线分割图片，再使用选择工具选取图片，在Dreamweaver中通过表格自己制作网页。为提高网页浏览的速度，图片不宜过大，存储时品质不宜选择过高。

用Flash 软件制作网站开头动画，根据网站的色彩设计网站中使用的动画，考虑到网站的色彩一致性，动画的主色彩使用天空蓝色。

在Dreamweaver中设计和调整网页结构，设计主页、互动学习、参考书目、登陆等静态页面外观，为后面动态网页的制作打下基础。

根据制作的网页效果和网站建设功能要求，按照静态网页的外观，在.Net 2010中完成动态网页的制作，用SQL Server制作网站后台数据库。实现网站的预期功能。

四、测试

网站制作完成后，为保证其正确运行，需要对网站进行测试。测试的内容包括：检查网站中内容是否存在错误，各页面之间链接是否正确，网页中的文档、课件、视频能否打开，网站的各部分功能是否达到预期设计要求。

测试的方法：在Windows配置好服务器和相关信息，然后访问网站的主页。浏览每一个页面，选取不同课程查看网页内容是否正确，后台上传的文件显示是否正常，互动中心能否与学生互动交流。检测网站的后台功能文件管理功能。为保证网站上传到学校的服务器也能正常使用，需要对网站进行多次测试，并请多位教师和学生访问操作，查找网站制作的不足，进行改进。通过丰富网站的内容，进一步测试网站的功能。

五、结语

教学网站是学生通过网络获取信息的渠道之一，面向特定的群体，有针对性的对学生进行知识传播和答疑解惑。在现代教育技术与计算机教育教学结合下，通过《计算机技术网络课程》教学网站的使用，丰富了我校计算机学科的教学手段，为医学生学习计算机知识提供便捷的途径，便于学生有重点的学习和掌握课程知识体系。

参 考 文 献

[1] 高建华. 教学网站制作与研究. 网络安全技术与应用. 2006.4

[2] 王润泉，马文惠. 网站制作经验漫谈. 电脑知识与技术. 2010.4

[3] 程发友. 关于网站建设和网页制作方法的探讨. 电子技术与软件工程. 2015.9