教学网站的设计与制作

教学网站的设计与制作教学网站的设计与制作

中图分类号：G642文献标识码：A文章编号：1672-3791〔2022〕07〔b〕-0012-02

矿物加工项目专业是项目性强的传统专业，为了让学生更好的理解和接触选矿设备和现场实际，提前让学生进入专业范畴，选矿系致力于开发教学网站，通过矿物加工系网站的教学培养、技术交流、科学研究等栏目同学们可以了解现场实际和选矿设备，使有经验的专家和项目技术人员随时进入“大学课堂〞对学生进行答疑和交流，通过此教学网站平台，有效拉近生产现场和科研单位和本校的合作，促进“产――学――研〞的有效结合。在“产――学――研〞中培养学生的主观能动性和创新能力，增加学生的专业学习热情。教学网站设计制作按工作性质分成：结构设计、资料收集、美工设计等。按照设计的时期可以分为前期规划，中期制作、发布及后期维护。所以，在网站的制作过程中实行分工协作[1，2]。

1网站的整体规划设计

简单地来讲，网页是构成网站的根本要素。一个又一个的网页组成网站，而一个又一个的网站再组成了现代的Internet网。矿物加工系教学网站的建设离不开网页的制作，网页制作要通过软件来实现，建立站点首先根本的任务就是选用恰当的主页制作工具，编写出适合教学网站的网页[3]。

1.1站点的访客定位

矿物加工系教学网站的目的是为矿物加工项目专业的学生和老师提供一个对外交流和学习的平台主要效劳对象是本专业及对本专业感兴趣的学生。为了吸引项目技术人员和科研工作者加入到这个交流平台，对访问者定位显的特别重要，既要合乎群众口味，又要有教学网站的独特之处。但在高校中，学校和学院的格调也要考虑其中，这样才不会显得与学校、学院脱节。在站点正式运作之后，该网站技术人员留下QQ号和E_mail来了解访问者对站点的看法和倡议，从而能及时做出调整和修改，让站点更适合来访者的口味，以到达更好的效果。

1.2站点的主题选择

在矿物加工系教学网站点设计考虑上，考虑到了一个内容特别丰盛的站点上一般有一个弱点，就是查找信息困难。因为许多网站注意面面俱到，使内容太多，太杂，网友查找一个消息要点上很屡次鼠标，而且会像进了大观园一样找不到出来时的“路〞。所以矿物加工系教学网站从设计角度考虑，将矿物加工系的教学主页用一个简洁的页面来囊括网站的索引，方便学生和其他访客及时找到所需要的信息，这样能做到主题鲜明，有特色。

1.3网站整体格调的设计

网站给人的第一印象来自视觉冲击，确定网站的规范色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。矿物加工系教学网站主要采用白色底调，具有洁白，明快，纯真，清洁的感受，正文那么采用淡蓝色，给访客一种雅致之感，无论对于吸引眼球还是增加回头率都是大有裨益的。另外，格调始终抽象的概念，往往要结合整个站点来看，而且不同的人其审美观也不同。矿物加工系教学网站内容较为广泛，波及简介、教学培养、求职考研、科学研究、学生栏目、答疑空间等多个内容。本网站将整个站点设为同一种格调，但是在各栏目的设计中，又必须强调求同存异。因为单一的色调、背景会让访客产生单调的感觉。轻松活跃的动画栏目，严肃的知识问答将它们设计成各有特色的格调会使人感觉舒服。

2网站制作的细节

2.1浏览器版本和分辨率

不同的浏览器对网页做出的显示是不一样的。在InternetExplorer里非常漂亮的浏览器，用NetscapeNavigator显示可能就差强人意。所以技术现在IE同一天下的时候，也要考虑少数的其他用户，也许它们正是你的潜在访客。把每个页面都放在两个浏览器里测试一下，有什么问题马上解决。如果考虑到旧版本的兼容性就更佳了，因为有的网页老板本的浏览器并不支持。当今最流行的是1024×768的分辨率，可是相当大局部在用800×600的分辨率，所以要考虑更多访客的需求。这些都在考虑的首要位置。

2.2关于CI和Banner的设计

设计网站的标志〔logo〕。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。标志可以是中文，英文字母，可以是符号，图案，标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的外表文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。矿物加工系为了充沛调动同学们的积极性和发明能力，在全系进行了网站logo设计大赛，邀请全院老师和选矿届同行作为评委，评选出最正确图标作为矿物加工系教学网的logo。为了让本网站的logo国际化的规范，进行了大量的修改。最终MineralProcessingDepartment〔矿物加工系〕设计成了一个包括了时尚元素，又不失传统韵味，将系所处的大学、学院、文化等元素包括其内，英文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里没有安装特别字体，则您的辛苦设计制作便付之东流。在设计页面表格的时候，整个页面不要都套在一个表格里，尽量拆分成多个表格；单一表格的结构尽量整齐；表格嵌套层次尽量要少。因为层次越多的表格下载速度越慢，还有图片不应过大，如果过大，要裁减至小于6Kb左右。

3网站的平安与维护

矿物加工系教学网站建设完毕，并不意味着万事大吉，一劳永逸，还需要进行经常性的维护。无论是网站内容还是主页格调，均应定期更新，添加新的信息内容，去除己经失效的信息及超级链接。只有这样，才能保证矿物加工系教学网站具有旺盛的生命力，才不至于被Internet浩瀚的信息洪流所淹没。

矿物加工系教学网站的平安性虽然比不上军事、经济等领域，但是教学科研整理的各类数据还是非常重要的，数据是全体教职员工和学生的心血与汗水，是整个科研教学的生命，因此制订相应的网络平安措施是很有必要的。限制对内部网络效劳器的访问权限和建立内部网与外部网的网关都是矿物加工系内部管理系统与WEB效劳器之间平安考虑的通用做法[5]。

4结语

矿物加