關于班級網(wǎng)站等公益性團體網(wǎng)站的設計與建設

頁數(shù) 26 字數(shù) 16835

摘 要
步入21世紀以后，網(wǎng)絡成了我們生活中必不可少的元素，于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)。在商業(yè)網(wǎng)站越來越多的今天，像學校網(wǎng)站、慈善網(wǎng)站等社會公益網(wǎng)站也不能忽視其發(fā)展，于是我就以高中校園生活為主題制作了一個學校類的公益性團體網(wǎng)站。
<98master班級網(wǎng)站>是屬于浙江省平湖市當湖中學高三（5）班的網(wǎng)站。初步設計了這么五大版塊：《98master專欄》《98寫手孵化園》《我貼,我貼,我貼貼貼》《重要新聞發(fā)布》《精彩連接》等5大板塊，通過3個月左右的時間來完成本網(wǎng)站的建設。而且要上傳到http:// qxyboy.myrice.com/98master 成功使用。
這個網(wǎng)站極具創(chuàng)新意義。自主設計模板，留言板程序采用FLASH,ASP語言編寫，操作方便，而且風格新穎，功能強大，使用VBSCRIPT和JAVASCRIPT實現(xiàn)各種特效，特效設計新穎，使得網(wǎng)頁別具一格。版面布局采用統(tǒng)一規(guī)劃，協(xié)調一致，讓瀏覽者感受到站點獨有的風格，與眾不同。內容上宣傳班級、服務學生，使網(wǎng)站的效果更加突出。
本網(wǎng)站用FrontPage 2003，DreamWeaver MX 2004，F(xiàn)lash MX 2004，PhotoShop7.0，PhotoImpact8.0等工具開發(fā)制作。
在網(wǎng)站的總體設計上比較花時間，結合ASP制作留言版，這個板塊又是有很大的技術含量的。而且，首頁、主頁等都要結合VBSCRIPT和JAVASCRIPT等語言編寫，這個不但要技術，還需要很大的耐心。這個網(wǎng)站共包括5大板塊，十幾個專題板塊。這個網(wǎng)站還是比較大的，這對我來說是一個考驗， 在制作的過程中也遇到了不少的難題。如程序調試出錯，數(shù)據(jù)庫連接錯誤等一系列問題，并在不斷地調試，修改中解決這些難題。
本課題的目的是對自己在大學的所學進行一次總結，也可以說是一次挑戰(zhàn)自己的機會，可以認清自己到底學會了多少。

關鍵詞：班級網(wǎng)站,網(wǎng)頁設計,98MASTER


ABSTRACT
Enter 21 centuries, the network becomes the importance in life. The website of every kind of each kind appear very quickly. The business website is more and more now, Resemble the school website,Kind website,The social public-spirited website in etc. develops continuously. Hence I with senior high school campus living conduct and actions topic Created a public-spirited of school group website.

<98master Class's> websites are that Pinghu of Zhejiang Province act as websites of Senior Three Class 5 of middle school of lake. Scheduled this website main content to include tentatively: "98master special column" " 98 write hand hatch the garden " " I stick to, I stick to, I stick to and stick sticking " 5 great plates, such as " excellent connection ",etc. of " important news briefing " construction of websites of the cost has come through 3 about months. And should upload to http:// qxyboy.myrice.com/98master and succeed in using.

【 key phrase 】：Class website，Web page design，98MASTER

目錄
引言••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(6)
第1章 網(wǎng)站設計準備••••••••••••••••••••••••••••••••••••••••••••••••••••••(7)
1.1 班級網(wǎng)站等公益性團體網(wǎng)站的建設的需求分析。••••••••••••••••••••••••••(7)
1.2 班級網(wǎng)站等公益性團體網(wǎng)站的建設的可行性分析。••••••••••••••••••••••••(7)
1.2.1可行性分析••••••••••••••••••••••••••••••••••••••••••••••••••••••(7)
1.2.2開發(fā)軟件分析••••••••••••••••••••••••••••••••••••••••••••••••••••(8)
1.3班級網(wǎng)站等公益性團體網(wǎng)站留言板的關鍵技術介紹。••••••••••••••••••••••(9)
第2章 網(wǎng)站內容分析•••••••••••••••••••••••••••••••••••••••••••••••••••••(11)
2.1 設計思想••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(11)
2.2網(wǎng)站命名及域名注冊••••••••••••••••••••••••••••••••••••••••••••••••(11)
2.3設計網(wǎng)站形象••••••••••••••••••••••••••••••••••••••••••••••••••••••(12)
2.4主頁設計••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(12)
2.5網(wǎng)站的內容設計••••••••••••••••••••••••••••••••••••••••••••••••••••(13)
2.6各版塊的內容分析••••••••••••••••••••••••••••••••••••••••••••••••••(14)
2.6.1首頁版面設計•••••••••••••••••••••••••••••••••••••••••••••••••(14)
2.6.2主頁設計•••••••••••••••••••••••••••••••••••••••••••••••••••••(14)
2.6.3校園民謠 ••••••••••••••••••••••••••••••••••••••••••••••••••••(15)
2.6.4異彩流言•••••••••••••••••••••••••••••••••••••••••••••••••••••(15)
2.6.5語絲•••••••••••••••••••••••••••••••••••••••••••••••••••••••••(15)
2.6.6班級相冊•••••••••••••••••••••••••••••••••••••••••••••••••••••(16)
2.6.7校友資料•••••••••••••••••••••••••••••••••••••••••••••••••••••(16)
2.6.8班級資料•••••••••••••••••••••••••••••••••••••••••••••••••••••(16)
2.6.9服務專區(qū)•••••••••••••••••••••••••••••••••••••••••••••••••••••(16)
2.6.10在線日歷••••••••••••••••••••••••••••••••••••••••••••••••••••(16)
2.6.11校友錄••••••••••••••••••••••••••••••••••••••••••••••••••••••(17)
2.6.12校友錄（新）•••••••••••••••••••••••••••••••••••••••••••••••••(17)
2.6.13旅游經(jīng)••••••••••••••••••••••••••••••••••••••••••••••••••••••(17)
2.6.14音樂經(jīng)••••••••••••••••••••••••••••••••••••••••••••••••••••••(17)
2.6.15生活、感悟••••••••••••••••••••••••••••••••••••••••••••••••••(17)
第3章 網(wǎng)站調試•••••••••••••••••••••••••••••••••••••••••••••••••••••••••(19)
3.1留言板的使用說明與安裝••••••••••••••••••••••••••••••••••••••••••••(19)
3.2網(wǎng)站圖文配合••••••••••••••••••••••••••••••••••••••••••••••••••••••(19)
3.3顏色調配••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(19)
3.4網(wǎng)站調試••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(20)
第4章 畢業(yè)設計的總結與心得•••••••••••••••••••••••••••••••••••••••••••••(21)
4.1總結••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(21)
4.1.1網(wǎng)頁內容的選擇要不落俗套••••••••••••••••••••••••••••••••••••••(22)
4.1.2網(wǎng)頁命名要簡潔••••••••••••••••••••••••••••••••••••••••••••••••••(22)
4.1.3要及時更新網(wǎng)頁••••••••••••••••••••••••••••••••••••••••••••••••(22)
4.1.4注意視覺效果••••••••••••••••••••••••••••••••••••••••••••••••••(23)
4.1.5網(wǎng)頁內容要易讀••••••••••••••••••••••••••••••••••••••••••••••••(23)
4.1.6考慮瀏覽器的兼容性••••••••••••••••••••••••••••••••••••••••••••(23)
4.1.7不宜多用閃爍文字••••••••••••••••••••••••••••••••••••••••••••••(23)
4.1.8每個頁面都要有導航按鈕••••••••••••••••••••••••••••••••••••••••(24)
4.1.9網(wǎng)頁風格要統(tǒng)一••••••••••••••••••••••••••••••••••••••••••••••••(24)
4.1.10善用圖像•••••••••••••••••••••••••••••••••••••••••••••••••••••(24)
4.1.11不能忽視錯別字•••••••••••••••••••••••••••••••••••••••••••••••(24)
4.2創(chuàng)新點••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(25)
總結•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(26)
謝辭••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(26)
參考文獻•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••(26)

參考文獻
1、《網(wǎng)頁標題制作技巧與實例》-- 呂少華 著-- 清華大學出版社
2、《網(wǎng)頁藝術設計》—顧群業(yè) 著---山東美術出版社
3、《Web可用性設計》--［美］Jakob Nielsen 著 --人民郵電出版社
4、《網(wǎng)站架構與美工黃金組合》--天藍工作室 著-- 人民郵電出版社
5、《網(wǎng)頁設計與網(wǎng)站開發(fā)---HTML網(wǎng)頁制作網(wǎng)站開發(fā)完全實戰(zhàn)》-- 伍梵華 -- 航空工業(yè)出版社