楊鵬博++萬錚

摘 要：隨著網(wǎng)絡技術和多媒體技術的發(fā)展，將網(wǎng)絡應用于教學，開展網(wǎng)絡教學和科研服務已成為大勢所趨。礦物加工系根據(jù)專業(yè)特色，設計與制作了本專業(yè)的教學網(wǎng)站。本文從教學網(wǎng)站前期開發(fā)時的設計、規(guī)劃，到中期的資料收集、頁面美工、再到最后的調試、發(fā)布以及更新維護等工作的整體設計與細節(jié)進行了探討。

關鍵詞：教學網(wǎng)站建設 礦物加工工程 整體設計 工作細節(jié)

中圖分類號：G642 文獻標識碼：A 文章編號：1672-3791（2014）07（b）-0012-02

礦物加工工程專業(yè)是工程性強的傳統(tǒng)專業(yè)，為了讓學生更好的理解和接觸選礦設備和現(xiàn)場實際，提前讓學生進入專業(yè)范疇，選礦系致力于開發(fā)教學網(wǎng)站，通過礦物加工系網(wǎng)站的教學培養(yǎng)、技術交流、科學研究等欄目同學們可以了解現(xiàn)場實際和選礦設備，使有經(jīng)驗的專家和工程技術人員隨時進入“大學課堂”對學生進行答疑和交流，通過此教學網(wǎng)站平臺，有效拉近生產(chǎn)現(xiàn)場和科研單位和本校的合作，促進“產(chǎn)—— 學—— 研”的有效結合。在“產(chǎn)—— 學—— 研”中培養(yǎng)學生的主觀能動性和創(chuàng)新能力，增加學生的專業(yè)學習熱情。教學網(wǎng)站設計制作按工作性質分成：結構設計、資料收集、美工設計等。按照設計的時期可以分為前期規(guī)劃，中期制作、發(fā)布及后期維護。所以，在網(wǎng)站的制作過程中實行分工協(xié)作[1，2]。

1 網(wǎng)站的整體規(guī)劃設計

簡單地來講，網(wǎng)頁是構成網(wǎng)站的基本要素。一個又一個的網(wǎng)頁組成網(wǎng)站，而一個又一個的網(wǎng)站再組成了現(xiàn)代的Internet網(wǎng)。礦物加工系教學網(wǎng)站的建設離不開網(wǎng)頁的制作，網(wǎng)頁制作要通過軟件來實現(xiàn)，建立站點首先基本的任務就是選用恰當?shù)闹黜撝谱鞴ぞ撸帉懗鲞m合教學網(wǎng)站的網(wǎng)頁[3]。

1.1 站點的訪客定位

礦物加工系教學網(wǎng)站的目的是為礦物加工工程專業(yè)的學生和老師提供一個對外交流和學習的平臺主要服務對象是本專業(yè)及對本專業(yè)感興趣的學生。為了吸引工程技術人員和科研工作者參加到這個交流平臺，對訪問者定位顯的特別重要，既要符合大眾口味，又要有教學網(wǎng)站的獨特之處。但在高校中，學校和學院的風格也要考慮其中，這樣才不會顯得與學校、學院脫節(jié)。在站點正式運作之后，該網(wǎng)站技術人員留下QQ號和E_mail來了解訪問者對站點的看法和建議，從而能及時做出調整和修改，讓站點更適合來訪者的口味，以達到更好的效果。

1.2 站點的主題選擇

在礦物加工系教學網(wǎng)站點設計考慮上，考慮到了一個內容特別豐富的站點上一般有一個弱點，就是查找信息困難。因為許多網(wǎng)站注意面面俱到，使內容太多，太雜，網(wǎng)友查找一個消息要點上很多次鼠標，而且會像進了大觀園一樣找不到出來時的“路”。所以礦物加工系教學網(wǎng)站從設計角度考慮，將礦物加工系的教學主頁用一個簡潔的頁面來囊括網(wǎng)站的索引，方便學生和其他訪客及時找到所需要的信息，這樣能做到主題鮮明，有特色。

1.3 網(wǎng)站整體風格的設計

網(wǎng)站給人的第一印象來自視覺沖擊，確定網(wǎng)站的標準色彩是相當重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。礦物加工系教學網(wǎng)站主要采用白色底調，具有潔白，明快，純真，清潔的感受，正文則采用淡藍色，給訪客一種雅致之感，無論對于吸引眼球還是增加回頭率都是大有裨益的。另外，風格始終抽象的概念，往往要結合整個站點來看，而且不同的人其審美觀也不同。礦物加工系教學網(wǎng)站內容較為廣泛，涉及簡介、教學培養(yǎng)、求職考研、科學研究、學生欄目、答疑空間等多個內容。本網(wǎng)站將整個站點設為同一種風格，但是在各欄目的設計中，又必須強調求同存異。因為單一的色調、背景會讓訪客產(chǎn)生單調的感覺。輕松活潑的動畫欄目，嚴肅的知識問答將它們設計成各有特色的風格會使人感覺舒服。

2 網(wǎng)站制作的細節(jié)

2.1 瀏覽器版本和分辨率

不同的瀏覽器對網(wǎng)頁做出的顯示是不一樣的。在Internet Explorer里非常漂亮的瀏覽器，用Netscape Navigator顯示可能就差強人意。所以技術現(xiàn)在IE 同一天下的時候，也要考慮少數(shù)的其他用戶，也許它們正是你的潛在訪客。把每個頁面都放在兩個瀏覽器里測試一下，有什么問題馬上解決。如果考慮到舊版本的兼容性就更佳了，因為有的網(wǎng)頁老板本的瀏覽器并不支持。當今最流行的是1024×768的分辨率，可是相當大部分在用800×600的分辨率，所以要考慮更多訪客的需求。這些都在考慮的首要位置。

2.2 關于CI和Banner的設計

設計網(wǎng)站的標志（logo）。就如同商標一樣，logo是你站點特色和內涵的集中體現(xiàn)，看見logo就讓大家聯(lián)想起你的站點。標志可以是中文，英文字母，可以是符號，圖案，標志，色彩，字體，標語，是一個網(wǎng)站樹立CI形象的關鍵，確切的說是網(wǎng)站的表面文章，設計并完成這幾步，你的網(wǎng)站將脫胎換骨，整體形象有一個提高。礦物加工系為了充分調動同學們的積極性和創(chuàng)造能力，在全系進行了網(wǎng)站logo設計大賽，邀請全院老師和選礦屆同行作為評委，評選出最佳圖標作為礦物加工系教學網(wǎng)的logo。為了讓本網(wǎng)站的logo國際化的標準，進行了大量的修改。最終Mineral Processing Department（礦物加工系）設計成了一個包括了時尚元素，又不失傳統(tǒng)韻味，將系所處的大學、學院、文化等元素包括其內，英文MPD醒目而明了，中文的含義層次分明，通俗易懂，使訪客很容易記住[4]。

Banner的設計必須從整個站點的理念表現(xiàn)出來。當然色調也極為重要。在整個考慮中，礦物加工系教學網(wǎng)站充分考慮這一理念。使用FLASH設計的banner，屬于動態(tài)效果，會使人在靜態(tài)的頁面中感覺動感，增加更多的訪客流量。

2.3 礦物加工系網(wǎng)站結構

礦物加工系網(wǎng)站結構的完善大約經(jīng)歷一年多的時間。最初的網(wǎng)站結構是通過本專業(yè)學生進行調研后確定的。因為本教學網(wǎng)站不僅僅吸引本專業(yè)同學，后來通過網(wǎng)站訪問者的留言和建議進行不斷改進。最終確定礦物加工系教學網(wǎng)站結構如表1所示。endprint

2.4 網(wǎng)站的開發(fā)

目前礦物加工系教學網(wǎng)站主要依靠Dreamweaver、Firework等工具來完成網(wǎng)頁的制作，省卻了手工編寫HTML語言的麻煩，且能夠所見即所得，提高網(wǎng)頁制作速度。網(wǎng)站向用戶提供交互式訪問功能、實現(xiàn)信息交流是開發(fā)工作的重點。另外，Macromedia專業(yè)軟件不一定完全符合網(wǎng)站內開發(fā)全部的要求，尤其是用戶的需求不斷提高，我系的完善條件不斷變化，也常常需要進行二次開發(fā)。

礦物加工系教學網(wǎng)站使用的開發(fā)工具主要是Dreamweaver、Photoshop、Fireworks、Flash等軟件，在網(wǎng)頁中采用javascipt語言實現(xiàn)交互功能，在開發(fā)論壇、交流方面運用ASP.net技術，實現(xiàn)讀者訪問數(shù)據(jù)庫的功能，在一些需要效率較高或比較復雜的地方則采用Delphi工具實現(xiàn)。礦物加工網(wǎng)站的開發(fā)工作將伴隨該網(wǎng)站的存在、礦物加工系的發(fā)展、計算機技術的更新不斷進行。

2.5 設計中的技巧和細節(jié)處理

標準字體是指用于標志、標題和主菜單的特有字體。為了體現(xiàn)站點的“與眾不同”和特有風格，礦物加工系教學網(wǎng)站根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)使用粗仿宋體，體現(xiàn)設計精美用廣告體，體現(xiàn)親切隨意用手寫體等等。常見的英文字體有近百種，網(wǎng)絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體并不算困難。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝特別字體，那么您的辛苦設計制作便付之東流。在設計頁面表格的時候，整個頁面不要都套在一個表格里，盡量拆分成多個表格；單一表格的結構盡量整齊；表格嵌套層次盡量要少。因為層次越多的表格下載速度越慢，還有圖片不應過大，如果過大，要裁減至小于6 Kb左右。

3 網(wǎng)站的安全與維護

礦物加工系教學網(wǎng)站建設完畢，并不意味著萬事大吉，一勞永逸，還需要進行經(jīng)常性的維護。無論是網(wǎng)站內容還是主頁風格，均應定期更新，添加新的信息內容，清除己經(jīng)失效的信息及超級鏈接。只有這樣，才能保證礦物加工系教學網(wǎng)站具有旺盛的生命力，才不至于被Internet浩瀚的信息洪流所淹沒。

礦物加工系教學網(wǎng)站的安全性雖然比不上軍事、經(jīng)濟等領域，但是教學科研整理的各類數(shù)據(jù)還是非常重要的，數(shù)據(jù)是全體教職員工和學生的心血與汗水，是整個科研教學的生命，因此制訂相應的網(wǎng)絡安全措施是很有必要的。限制對內部網(wǎng)絡服務器的訪問權限和建立內部網(wǎng)與外部網(wǎng)的網(wǎng)關都是礦物加工系內部管理系統(tǒng)與WEB服務器之間安全考慮的通用做法[5]。

4 結語

礦物加工系教學網(wǎng)站是聯(lián)系高校礦物加工專業(yè)學子、老師和外界的紐帶，更是為推動礦物加工系與外界社會溝通的一座橋梁。網(wǎng)站的建設應最大限度地滿足社會上不同層次人的需要，為教師及科研人員提供現(xiàn)代化的科學技術服務，促進學校的教學、科研工作，充分地讓學生參加科研和教學討論，培養(yǎng)具有高專業(yè)素質應用能力和創(chuàng)新能力的礦物加工人才。同時也為礦物加工系學科的迅速發(fā)展服務。

參考文獻

[1] 方晨.網(wǎng)頁設計三劍客[M].上海：上?？茖W普及出版社，2005，5.

[2] 胡道遠.網(wǎng)絡設計師教程[M].北京：清華大學出版社，2001，5.

[3] 康曉東.企業(yè)商務網(wǎng)站建設完全解決方案[M].北京：人民郵電出版社，2006，5.

[4] N. Sun，F(xiàn).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.endprint

2.4 網(wǎng)站的開發(fā)

目前礦物加工系教學網(wǎng)站主要依靠Dreamweaver、Firework等工具來完成網(wǎng)頁的制作，省卻了手工編寫HTML語言的麻煩，且能夠所見即所得，提高網(wǎng)頁制作速度。網(wǎng)站向用戶提供交互式訪問功能、實現(xiàn)信息交流是開發(fā)工作的重點。另外，Macromedia專業(yè)軟件不一定完全符合網(wǎng)站內開發(fā)全部的要求，尤其是用戶的需求不斷提高，我系的完善條件不斷變化，也常常需要進行二次開發(fā)。

礦物加工系教學網(wǎng)站使用的開發(fā)工具主要是Dreamweaver、Photoshop、Fireworks、Flash等軟件，在網(wǎng)頁中采用javascipt語言實現(xiàn)交互功能，在開發(fā)論壇、交流方面運用ASP.net技術，實現(xiàn)讀者訪問數(shù)據(jù)庫的功能，在一些需要效率較高或比較復雜的地方則采用Delphi工具實現(xiàn)。礦物加工網(wǎng)站的開發(fā)工作將伴隨該網(wǎng)站的存在、礦物加工系的發(fā)展、計算機技術的更新不斷進行。

2.5 設計中的技巧和細節(jié)處理

標準字體是指用于標志、標題和主菜單的特有字體。為了體現(xiàn)站點的“與眾不同”和特有風格，礦物加工系教學網(wǎng)站根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)使用粗仿宋體，體現(xiàn)設計精美用廣告體，體現(xiàn)親切隨意用手寫體等等。常見的英文字體有近百種，網(wǎng)絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體并不算困難。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝特別字體，那么您的辛苦設計制作便付之東流。在設計頁面表格的時候，整個頁面不要都套在一個表格里，盡量拆分成多個表格；單一表格的結構盡量整齊；表格嵌套層次盡量要少。因為層次越多的表格下載速度越慢，還有圖片不應過大，如果過大，要裁減至小于6 Kb左右。

3 網(wǎng)站的安全與維護

礦物加工系教學網(wǎng)站建設完畢，并不意味著萬事大吉，一勞永逸，還需要進行經(jīng)常性的維護。無論是網(wǎng)站內容還是主頁風格，均應定期更新，添加新的信息內容，清除己經(jīng)失效的信息及超級鏈接。只有這樣，才能保證礦物加工系教學網(wǎng)站具有旺盛的生命力，才不至于被Internet浩瀚的信息洪流所淹沒。

礦物加工系教學網(wǎng)站的安全性雖然比不上軍事、經(jīng)濟等領域，但是教學科研整理的各類數(shù)據(jù)還是非常重要的，數(shù)據(jù)是全體教職員工和學生的心血與汗水，是整個科研教學的生命，因此制訂相應的網(wǎng)絡安全措施是很有必要的。限制對內部網(wǎng)絡服務器的訪問權限和建立內部網(wǎng)與外部網(wǎng)的網(wǎng)關都是礦物加工系內部管理系統(tǒng)與WEB服務器之間安全考慮的通用做法[5]。

4 結語

礦物加工系教學網(wǎng)站是聯(lián)系高校礦物加工專業(yè)學子、老師和外界的紐帶，更是為推動礦物加工系與外界社會溝通的一座橋梁。網(wǎng)站的建設應最大限度地滿足社會上不同層次人的需要，為教師及科研人員提供現(xiàn)代化的科學技術服務，促進學校的教學、科研工作，充分地讓學生參加科研和教學討論，培養(yǎng)具有高專業(yè)素質應用能力和創(chuàng)新能力的礦物加工人才。同時也為礦物加工系學科的迅速發(fā)展服務。

參考文獻

[1] 方晨.網(wǎng)頁設計三劍客[M].上海：上海科學普及出版社，2005，5.

[2] 胡道遠.網(wǎng)絡設計師教程[M].北京：清華大學出版社，2001，5.

[3] 康曉東.企業(yè)商務網(wǎng)站建設完全解決方案[M].北京：人民郵電出版社，2006，5.

[4] N. Sun，F(xiàn).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.endprint

2.4 網(wǎng)站的開發(fā)

目前礦物加工系教學網(wǎng)站主要依靠Dreamweaver、Firework等工具來完成網(wǎng)頁的制作，省卻了手工編寫HTML語言的麻煩，且能夠所見即所得，提高網(wǎng)頁制作速度。網(wǎng)站向用戶提供交互式訪問功能、實現(xiàn)信息交流是開發(fā)工作的重點。另外，Macromedia專業(yè)軟件不一定完全符合網(wǎng)站內開發(fā)全部的要求，尤其是用戶的需求不斷提高，我系的完善條件不斷變化，也常常需要進行二次開發(fā)。

礦物加工系教學網(wǎng)站使用的開發(fā)工具主要是Dreamweaver、Photoshop、Fireworks、Flash等軟件，在網(wǎng)頁中采用javascipt語言實現(xiàn)交互功能，在開發(fā)論壇、交流方面運用ASP.net技術，實現(xiàn)讀者訪問數(shù)據(jù)庫的功能，在一些需要效率較高或比較復雜的地方則采用Delphi工具實現(xiàn)。礦物加工網(wǎng)站的開發(fā)工作將伴隨該網(wǎng)站的存在、礦物加工系的發(fā)展、計算機技術的更新不斷進行。

2.5 設計中的技巧和細節(jié)處理

標準字體是指用于標志、標題和主菜單的特有字體。為了體現(xiàn)站點的“與眾不同”和特有風格，礦物加工系教學網(wǎng)站根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)使用粗仿宋體，體現(xiàn)設計精美用廣告體，體現(xiàn)親切隨意用手寫體等等。常見的英文字體有近百種，網(wǎng)絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體并不算困難。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝特別字體，那么您的辛苦設計制作便付之東流。在設計頁面表格的時候，整個頁面不要都套在一個表格里，盡量拆分成多個表格；單一表格的結構盡量整齊；表格嵌套層次盡量要少。因為層次越多的表格下載速度越慢，還有圖片不應過大，如果過大，要裁減至小于6 Kb左右。

3 網(wǎng)站的安全與維護

礦物加工系教學網(wǎng)站建設完畢，并不意味著萬事大吉，一勞永逸，還需要進行經(jīng)常性的維護。無論是網(wǎng)站內容還是主頁風格，均應定期更新，添加新的信息內容，清除己經(jīng)失效的信息及超級鏈接。只有這樣，才能保證礦物加工系教學網(wǎng)站具有旺盛的生命力，才不至于被Internet浩瀚的信息洪流所淹沒。

礦物加工系教學網(wǎng)站的安全性雖然比不上軍事、經(jīng)濟等領域，但是教學科研整理的各類數(shù)據(jù)還是非常重要的，數(shù)據(jù)是全體教職員工和學生的心血與汗水，是整個科研教學的生命，因此制訂相應的網(wǎng)絡安全措施是很有必要的。限制對內部網(wǎng)絡服務器的訪問權限和建立內部網(wǎng)與外部網(wǎng)的網(wǎng)關都是礦物加工系內部管理系統(tǒng)與WEB服務器之間安全考慮的通用做法[5]。

4 結語

礦物加工系教學網(wǎng)站是聯(lián)系高校礦物加工專業(yè)學子、老師和外界的紐帶，更是為推動礦物加工系與外界社會溝通的一座橋梁。網(wǎng)站的建設應最大限度地滿足社會上不同層次人的需要，為教師及科研人員提供現(xiàn)代化的科學技術服務，促進學校的教學、科研工作，充分地讓學生參加科研和教學討論，培養(yǎng)具有高專業(yè)素質應用能力和創(chuàng)新能力的礦物加工人才。同時也為礦物加工系學科的迅速發(fā)展服務。

參考文獻

[1] 方晨.網(wǎng)頁設計三劍客[M].上海：上?？茖W普及出版社，2005，5.

[2] 胡道遠.網(wǎng)絡設計師教程[M].北京：清華大學出版社，2001，5.

[3] 康曉東.企業(yè)商務網(wǎng)站建設完全解決方案[M].北京：人民郵電出版社，2006，5.

[4] N. Sun，F(xiàn).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.endprint