教學(xué)網(wǎng)站的設(shè)計與制作

教學(xué)網(wǎng)站的設(shè)計與制作教學(xué)網(wǎng)站的設(shè)計與制作

中圖分類號：G642文獻(xiàn)標(biāo)識碼：A文章編號：1672-3791〔2022〕07〔b〕-0012-02

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

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

簡單地來講，網(wǎng)頁是構(gòu)成網(wǎng)站的根本要素。一個又一個的網(wǎng)頁組成網(wǎng)站，而一個又一個的網(wǎng)站再組成了現(xiàn)代的Internet網(wǎng)。礦物加工系教學(xué)網(wǎng)站的建設(shè)離不開網(wǎng)頁的制作，網(wǎng)頁制作要通過軟件來實(shí)現(xiàn)，建立站點(diǎn)首先根本的任務(wù)就是選用恰當(dāng)?shù)闹黜撝谱鞴ぞ?，編寫出適合教學(xué)網(wǎng)站的網(wǎng)頁[3]。

1.1站點(diǎn)的訪客定位

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

1.2站點(diǎn)的主題選擇

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

1.3網(wǎng)站整體格調(diào)的設(shè)計

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

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

2.1瀏覽器版本和分辨率

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

2.2關(guān)于CI和Banner的設(shè)計

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

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

2.3礦物加工系網(wǎng)站結(jié)構(gòu)

礦物加工系網(wǎng)站結(jié)構(gòu)的完善大約經(jīng)歷一年多的時間。最初的網(wǎng)站結(jié)構(gòu)是通過本專業(yè)學(xué)生進(jìn)行調(diào)研后確定的。因?yàn)楸窘虒W(xué)網(wǎng)站不僅僅吸引本專業(yè)同學(xué)，后來通過網(wǎng)站訪問者的留言和倡議進(jìn)行不斷改良。最終確定礦物加工系教學(xué)網(wǎng)站結(jié)構(gòu)如表1所示。2.4網(wǎng)站的開發(fā)

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

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

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

規(guī)范字體是指用于標(biāo)志、標(biāo)題和主菜單的特有字體。為了體現(xiàn)站點(diǎn)的“與眾不同〞和特有格調(diào)，礦物加工系教學(xué)網(wǎng)站根據(jù)需要選擇一些特別字體。示例，為了體現(xiàn)專業(yè)使用粗仿宋體，體現(xiàn)設(shè)計精美用廣告體，體現(xiàn)親切隨意用手寫體等等。常見的英文字體有近百種，網(wǎng)絡(luò)上還有許多專用英文藝術(shù)字體下載，要尋找一款稱心的字體并不算困難。需要表明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的PC里沒有安裝特別字體，則您的辛苦設(shè)計制作便付之東流。在設(shè)計頁面表格的時候，整個頁面不要都套在一個表格里，盡量拆分成多個表格；單一表格的結(jié)構(gòu)盡量整齊；表格嵌套層次盡量要少。因?yàn)閷哟卧蕉嗟谋砀裣螺d速度越慢，還有圖片不應(yīng)過大，如果過大，要裁減至小于6Kb左右。

3網(wǎng)站的平安與維護(hù)

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

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

4結(jié)語

礦物加