论文部分内容阅读
摘 要：随着网络技术和多媒体技术的发展，将网络应用于教学，开展网络教学和科研服务已成为大势所趋。矿物加工系根据专业特色，设计与制作了本专业的教学网站。本文从教学网站前期开发时的设计、规划，到中期的资料收集、页面美工、再到最后的调试、发布以及更新维护等工作的整体设计与细节进行了探讨。
关键词：教学网站建设 矿物加工工程 整体设计 工作细节
中图分类号：G642 文献标识码：A 文章编号：1672-3791（2014）07（b）-0012-02
矿物加工工程专业是工程性强的传统专业，为了让学生更好的理解和接触选矿设备和现场实际，提前让学生进入专业范畴，选矿系致力于开发教学网站，通过矿物加工系网站的教学培养、技术交流、科学研究等栏目同学们可以了解现场实际和选矿设备，使有经验的专家和工程技术人员随时进入“大学课堂”对学生进行答疑和交流，通过此教学网站平台，有效拉近生产现场和科研单位和本校的合作，促进“产—— 学—— 研”的有效结合。在“产—— 学—— 研”中培养学生的主观能动性和创新能力，增加学生的专业学习热情。教学网站设计制作按工作性质分成：结构设计、资料收集、美工设计等。按照设计的时期可以分为前期规划，中期制作、发布及后期维护。所以，在网站的制作过程中实行分工协作[1，2]。
1 网站的整体规划设计
简单地来讲，网页是构成网站的基本要素。一个又一个的网页组成网站，而一个又一个的网站再组成了现代的Internet网。矿物加工系教学网站的建设离不开网页的制作，网页制作要通过软件来实现，建立站点首先基本的任务就是选用恰当的主页制作工具，编写出适合教学网站的网页[3]。
1.1 站点的访客定位
矿物加工系教学网站的目的是为矿物加工工程专业的学生和老师提供一个对外交流和学习的平台主要服务对象是本专业及对本专业感兴趣的学生。为了吸引工程技术人员和科研工作者参加到这个交流平台，对访问者定位显的特别重要，既要符合大众口味，又要有教学网站的独特之处。但在高校中，学校和学院的风格也要考虑其中，这样才不会显得与学校、学院脱节。在站点正式运作之后，该网站技术人员留下QQ号和E_mail来了解访问者对站点的看法和建议，从而能及时做出调整和修改，让站点更适合来访者的口味，以达到更好的效果。
1.2 站点的主题选择
在矿物加工系教学网站点设计考虑上，考虑到了一个内容特别丰富的站点上一般有一个弱点，就是查找信息困难。因为许多网站注意面面俱到，使内容太多，太杂，网友查找一个消息要点上很多次鼠标，而且会像进了大观园一样找不到出来时的“路”。所以矿物加工系教学网站从设计角度考虑，将矿物加工系的教学主页用一个简洁的页面来囊括网站的索引，方便学生和其他访客及时找到所需要的信息，这样能做到主题鲜明，有特色。
1.3 网站整体风格的设计
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。矿物加工系教学网站主要采用白色底调，具有洁白，明快，纯真，清洁的感受，正文则采用淡蓝色，给访客一种雅致之感，无论对于吸引眼球还是增加回头率都是大有裨益的。另外，风格始终抽象的概念，往往要结合整个站点来看，而且不同的人其审美观也不同。矿物加工系教学网站内容较为广泛，涉及简介、教学培养、求职考研、科学研究、学生栏目、答疑空间等多个内容。本网站将整个站点设为同一种风格，但是在各栏目的设计中，又必须强调求同存异。因为单一的色调、背景会让访客产生单调的感觉。轻松活泼的动画栏目，严肃的知识问答将它们设计成各有特色的风格会使人感觉舒服。
2 网站制作的细节
2.1 浏览器版本和分辨率
不同的浏览器对网页做出的显示是不一样的。在Internet Explorer里非常漂亮的浏览器，用Netscape Navigator显示可能就差强人意。所以技术现在IE 同一天下的时候，也要考虑少数的其他用户，也许它们正是你的潜在访客。把每个页面都放在两个浏览器里测试一下，有什么问题马上解决。如果考虑到旧版本的兼容性就更佳了，因为有的网页老板本的浏览器并不支持。当今最流行的是1024×768的分辨率，可是相当大部分在用800×600的分辨率，所以要考虑更多访客的需求。这些都在考虑的首要位置。
2.2 关于CI和Banner的设计
设计网站的标志（logo）。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。标志可以是中文，英文字母，可以是符号，图案，标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。矿物加工系为了充分调动同学们的积极性和创造能力，在全系进行了网站logo设计大赛，邀请全院老师和选矿届同行作为评委，评选出最佳图标作为矿物加工系教学网的logo。为了让本网站的logo国际化的标准，进行了大量的修改。最终Mineral Processing Department（矿物加工系）设计成了一个包括了时尚元素，又不失传统韵味，将系所处的大学、学院、文化等元素包括其内，英文MPD醒目而明了，中文的含义层次分明，通俗易懂，使访客很容易记住[4]。
Banner的设计必须从整个站点的理念表现出来。当然色调也极为重要。在整个考虑中，矿物加工系教学网站充分考虑这一理念。使用FLASH设计的banner，属于动态效果，会使人在静态的页面中感觉动感，增加更多的访客流量。
2.3 矿物加工系网站结构
矿物加工系网站结构的完善大约经历一年多的时间。最初的网站结构是通过本专业学生进行调研后确定的。因为本教学网站不仅仅吸引本专业同学，后来通过网站访问者的留言和建议进行不断改进。最终确定矿物加工系教学网站结构如表1所示。 2.4 网站的开发
目前矿物加工系教学网站主要依靠Dreamweaver、Firework等工具来完成网页的制作，省却了手工编写HTML语言的麻烦，且能够所见即所得，提高网页制作速度。网站向用户提供交互式访问功能、实现信息交流是开发工作的重点。另外，Macromedia专业软件不一定完全符合网站内开发全部的要求，尤其是用户的需求不断提高，我系的完善条件不断变化，也常常需要进行二次开发。
矿物加工系教学网站使用的开发工具主要是Dreamweaver、Photoshop、Fireworks、Flash等软件，在网页中采用javascipt语言实现交互功能，在开发论坛、交流方面运用ASP.net技术，实现读者访问数据库的功能，在一些需要效率较高或比较复杂的地方则采用Delphi工具实现。矿物加工网站的开发工作将伴随该网站的存在、矿物加工系的发展、计算机技术的更新不断进行。
2.5 设计中的技巧和细节处理
标准字体是指用于标志、标题和主菜单的特有字体。为了体现站点的“与众不同”和特有风格，矿物加工系教学网站根据需要选择一些特别字体。例如，为了体现专业使用粗仿宋体，体现设计精美用广告体，体现亲切随意用手写体等等。常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装特别字体，那么您的辛苦设计制作便付之东流。在设计页面表格的时候，整个页面不要都套在一个表格里，尽量拆分成多个表格；单一表格的结构尽量整齐；表格嵌套层次尽量要少。因为层次越多的表格下载速度越慢，还有图片不应过大，如果过大，要裁减至小于6 Kb左右。
3 网站的安全与维护
矿物加工系教学网站建设完毕，并不意味着万事大吉，一劳永逸，还需要进行经常性的维护。无论是网站内容还是主页风格，均应定期更新，添加新的信息内容，清除己经失效的信息及超级链接。只有这样，才能保证矿物加工系教学网站具有旺盛的生命力，才不至于被Internet浩瀚的信息洪流所淹没。
矿物加工系教学网站的安全性虽然比不上军事、经济等领域，但是教学科研整理的各类数据还是非常重要的，数据是全体教职员工和学生的心血与汗水，是整个科研教学的生命，因此制订相应的网络安全措施是很有必要的。限制对内部网络服务器的访问权限和建立内部网与外部网的网关都是矿物加工系内部管理系统与WEB服务器之间安全考虑的通用做法[5]。
4 结语
矿物加工系教学网站是联系高校矿物加工专业学子、老师和外界的纽带，更是为推动矿物加工系与外界社会沟通的一座桥梁。网站的建设应最大限度地满足社会上不同层次人的需要，为教师及科研人员提供现代化的科学技术服务，促进学校的教学、科研工作，充分地让学生参加科研和教学讨论，培养具有高专业素质应用能力和创新能力的矿物加工人才。同时也为矿物加工系学科的迅速发展服务。
参考文献
[1] 方晨.网页设计三剑客[M].上海：上海科学普及出版社，2005，5.
[2] 胡道远.网络设计师教程[M].北京：清华大学出版社，2001，5.
[3] 康晓东.企业商务网站建设完全解决方案[M].北京：人民邮电出版社，2006，5.
[4] N. Sun，F.Wei， and J.f.Liu.“The Key Technology and Application of Alumni Website Construction” Electronic Sci.& Tech.2010，23（6）：94-96.
[5] L.J.Ding，“Construction of University Website Based on CMS Value Engineering Value Engineering，”Value Engineering，vol.9，no.11，pp.159-160， November 2008.
关键词：教学网站建设 矿物加工工程 整体设计 工作细节
中图分类号：G642 文献标识码：A 文章编号：1672-3791（2014）07（b）-0012-02
矿物加工工程专业是工程性强的传统专业，为了让学生更好的理解和接触选矿设备和现场实际，提前让学生进入专业范畴，选矿系致力于开发教学网站，通过矿物加工系网站的教学培养、技术交流、科学研究等栏目同学们可以了解现场实际和选矿设备，使有经验的专家和工程技术人员随时进入“大学课堂”对学生进行答疑和交流，通过此教学网站平台，有效拉近生产现场和科研单位和本校的合作，促进“产—— 学—— 研”的有效结合。在“产—— 学—— 研”中培养学生的主观能动性和创新能力，增加学生的专业学习热情。教学网站设计制作按工作性质分成：结构设计、资料收集、美工设计等。按照设计的时期可以分为前期规划，中期制作、发布及后期维护。所以，在网站的制作过程中实行分工协作[1，2]。
1 网站的整体规划设计
简单地来讲，网页是构成网站的基本要素。一个又一个的网页组成网站，而一个又一个的网站再组成了现代的Internet网。矿物加工系教学网站的建设离不开网页的制作，网页制作要通过软件来实现，建立站点首先基本的任务就是选用恰当的主页制作工具，编写出适合教学网站的网页[3]。
1.1 站点的访客定位
矿物加工系教学网站的目的是为矿物加工工程专业的学生和老师提供一个对外交流和学习的平台主要服务对象是本专业及对本专业感兴趣的学生。为了吸引工程技术人员和科研工作者参加到这个交流平台，对访问者定位显的特别重要，既要符合大众口味，又要有教学网站的独特之处。但在高校中，学校和学院的风格也要考虑其中，这样才不会显得与学校、学院脱节。在站点正式运作之后，该网站技术人员留下QQ号和E_mail来了解访问者对站点的看法和建议，从而能及时做出调整和修改，让站点更适合来访者的口味，以达到更好的效果。
1.2 站点的主题选择
在矿物加工系教学网站点设计考虑上，考虑到了一个内容特别丰富的站点上一般有一个弱点，就是查找信息困难。因为许多网站注意面面俱到，使内容太多，太杂，网友查找一个消息要点上很多次鼠标，而且会像进了大观园一样找不到出来时的“路”。所以矿物加工系教学网站从设计角度考虑，将矿物加工系的教学主页用一个简洁的页面来囊括网站的索引，方便学生和其他访客及时找到所需要的信息，这样能做到主题鲜明，有特色。
1.3 网站整体风格的设计
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。矿物加工系教学网站主要采用白色底调，具有洁白，明快，纯真，清洁的感受，正文则采用淡蓝色，给访客一种雅致之感，无论对于吸引眼球还是增加回头率都是大有裨益的。另外，风格始终抽象的概念，往往要结合整个站点来看，而且不同的人其审美观也不同。矿物加工系教学网站内容较为广泛，涉及简介、教学培养、求职考研、科学研究、学生栏目、答疑空间等多个内容。本网站将整个站点设为同一种风格，但是在各栏目的设计中，又必须强调求同存异。因为单一的色调、背景会让访客产生单调的感觉。轻松活泼的动画栏目，严肃的知识问答将它们设计成各有特色的风格会使人感觉舒服。
2 网站制作的细节
2.1 浏览器版本和分辨率
不同的浏览器对网页做出的显示是不一样的。在Internet Explorer里非常漂亮的浏览器，用Netscape Navigator显示可能就差强人意。所以技术现在IE 同一天下的时候，也要考虑少数的其他用户，也许它们正是你的潜在访客。把每个页面都放在两个浏览器里测试一下，有什么问题马上解决。如果考虑到旧版本的兼容性就更佳了，因为有的网页老板本的浏览器并不支持。当今最流行的是1024×768的分辨率，可是相当大部分在用800×600的分辨率，所以要考虑更多访客的需求。这些都在考虑的首要位置。
2.2 关于CI和Banner的设计
设计网站的标志（logo）。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。标志可以是中文，英文字母，可以是符号，图案，标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。矿物加工系为了充分调动同学们的积极性和创造能力，在全系进行了网站logo设计大赛，邀请全院老师和选矿届同行作为评委，评选出最佳图标作为矿物加工系教学网的logo。为了让本网站的logo国际化的标准，进行了大量的修改。最终Mineral Processing Department（矿物加工系）设计成了一个包括了时尚元素，又不失传统韵味，将系所处的大学、学院、文化等元素包括其内，英文MPD醒目而明了，中文的含义层次分明，通俗易懂，使访客很容易记住[4]。
Banner的设计必须从整个站点的理念表现出来。当然色调也极为重要。在整个考虑中，矿物加工系教学网站充分考虑这一理念。使用FLASH设计的banner，属于动态效果，会使人在静态的页面中感觉动感，增加更多的访客流量。
2.3 矿物加工系网站结构
矿物加工系网站结构的完善大约经历一年多的时间。最初的网站结构是通过本专业学生进行调研后确定的。因为本教学网站不仅仅吸引本专业同学，后来通过网站访问者的留言和建议进行不断改进。最终确定矿物加工系教学网站结构如表1所示。 2.4 网站的开发
目前矿物加工系教学网站主要依靠Dreamweaver、Firework等工具来完成网页的制作，省却了手工编写HTML语言的麻烦，且能够所见即所得，提高网页制作速度。网站向用户提供交互式访问功能、实现信息交流是开发工作的重点。另外，Macromedia专业软件不一定完全符合网站内开发全部的要求，尤其是用户的需求不断提高，我系的完善条件不断变化，也常常需要进行二次开发。
矿物加工系教学网站使用的开发工具主要是Dreamweaver、Photoshop、Fireworks、Flash等软件，在网页中采用javascipt语言实现交互功能，在开发论坛、交流方面运用ASP.net技术，实现读者访问数据库的功能，在一些需要效率较高或比较复杂的地方则采用Delphi工具实现。矿物加工网站的开发工作将伴随该网站的存在、矿物加工系的发展、计算机技术的更新不断进行。
2.5 设计中的技巧和细节处理
标准字体是指用于标志、标题和主菜单的特有字体。为了体现站点的“与众不同”和特有风格，矿物加工系教学网站根据需要选择一些特别字体。例如，为了体现专业使用粗仿宋体，体现设计精美用广告体，体现亲切随意用手写体等等。常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装特别字体，那么您的辛苦设计制作便付之东流。在设计页面表格的时候，整个页面不要都套在一个表格里，尽量拆分成多个表格；单一表格的结构尽量整齐；表格嵌套层次尽量要少。因为层次越多的表格下载速度越慢，还有图片不应过大，如果过大，要裁减至小于6 Kb左右。
3 网站的安全与维护
矿物加工系教学网站建设完毕，并不意味着万事大吉，一劳永逸，还需要进行经常性的维护。无论是网站内容还是主页风格，均应定期更新，添加新的信息内容，清除己经失效的信息及超级链接。只有这样，才能保证矿物加工系教学网站具有旺盛的生命力，才不至于被Internet浩瀚的信息洪流所淹没。
矿物加工系教学网站的安全性虽然比不上军事、经济等领域，但是教学科研整理的各类数据还是非常重要的，数据是全体教职员工和学生的心血与汗水，是整个科研教学的生命，因此制订相应的网络安全措施是很有必要的。限制对内部网络服务器的访问权限和建立内部网与外部网的网关都是矿物加工系内部管理系统与WEB服务器之间安全考虑的通用做法[5]。
4 结语
矿物加工系教学网站是联系高校矿物加工专业学子、老师和外界的纽带，更是为推动矿物加工系与外界社会沟通的一座桥梁。网站的建设应最大限度地满足社会上不同层次人的需要，为教师及科研人员提供现代化的科学技术服务，促进学校的教学、科研工作，充分地让学生参加科研和教学讨论，培养具有高专业素质应用能力和创新能力的矿物加工人才。同时也为矿物加工系学科的迅速发展服务。
参考文献
[1] 方晨.网页设计三剑客[M].上海：上海科学普及出版社，2005，5.
[2] 胡道远.网络设计师教程[M].北京：清华大学出版社，2001，5.
[3] 康晓东.企业商务网站建设完全解决方案[M].北京：人民邮电出版社，2006，5.
[4] N. Sun，F.Wei， and J.f.Liu.“The Key Technology and Application of Alumni Website Construction” Electronic Sci.& Tech.2010，23（6）：94-96.
[5] L.J.Ding，“Construction of University Website Based on CMS Value Engineering Value Engineering，”Value Engineering，vol.9，no.11，pp.159-160， November 2008.