教学网站的设计与制作
教学网站的设计与制作
摘要：随着网络技术和多媒体技术的发展，将网络应用于教学，开展网络教学和科研服务已成为大势所趋。矿物加工系根据专业特，设计与制作了本专业的教学网站。本文从教学网站前期开发时的设计、规划，到中期的资料收集、页面美工、再到最后的调试、发布以及更新维护等工作的整体设计与细节进行了探讨。
关键词：教学网站建设矿物加工工程整体设计工作细节
矿物加工工程专业是工程性强的传统专业，为了让学生更好的理解和接触选矿设备和现场实际，提前让学生进入专业范畴，选矿系致力于开发教学网站，通过矿物加工系网站的教学培养、技术交流、科学研究等栏目同学们可以了解现场实际和选矿设备，使有经验的专家和工程技术人员随时进入“大学课堂”对学生进行答疑和交流，通过此教学网站平台，有效拉近生产现场和科研单位和本校的合作，促进“产——学——研”的有效结合。在“产——学——研”中培养学生的主观能动性和创新能力，增加学生的专业学习热情。教学网站设计制作按工作性质分成：结构设计、资料收集、美工设计等。按照设计的时期可以分为前期规划，中期制作、发布及后期维护。所以，在网站的制作过程中实行分工协作[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技术，实现读者访问数据库的功能，在一些需要效率较高或比较复杂的地方则采用Delphi工具实现。矿物加工网站的开发工作将伴随该网站的存在、矿物加工系的发展、计算机技术的更新不断进行。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。