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醒目而明了，中文的含义层次分明，通俗易懂，使访客很容易记住。
Banner的设计必须从整个站点的理念表现出来。当然色调也极为重要。在整个考虑中，矿物加工系教学网站充分考虑这一理念。使用动画设计的banner，属于动态效果，会使人在静态的页面中感觉动感，增加更多的访客流量。
