PAGEPAGE34XXXXXX學院全日制高職典型性項目綜合實訓報告項目名稱：XXXXXX學院官網優化設計方案項目組長：XX項目成員：XXX所學專業：工商企業管理指導教師：XXX時間：2014年12月3日XXX學院全日制高職典型性項目任務書XXX系XXXX專業XX班典型性項目名稱：XXXX學院官網優化設計方案完成期限：自2014年6月20日至2014年12月3日止指導教師XX批準日期2014年9月10日學生XX接受任務日期2014年6月20日一、典型性項目原始依據（資料）當今網絡時代，可以說學校網站是學校的第一門面。學生想要了解學校，學校的網站甚至是學生可以了解的唯一途徑，所以學校的網站設計至關重要，由此我們針對現有的學校網站進行優化設計，使學校網站更加完善，從而更好的為廣大師生服務，也有利于學校更好的發展。二、典型性項目的內容和要求（說明書、報告、方案、繪圖、作品、軟件等要求）（一）內容要求1、項目概述2、要解決的問題和工作的方法（1）明確網站服務的人群及其需求（2）現有網站的狀態和用戶體驗（3）優化的基本目標和思路3、用戶需求調研（1）學生方面（2）教師方面（3）企業方面4、目前網站的主要問題（1）網站內容問題（2）網站結構問題（3）網站功能問題（4）網站形象問題（5）網站管理問題5、優化設計的目標和思路（1）對學校的發展（2）對教師的好處（3）對學生的好處（4）對求職者及相關企業的好處6、網站內容的優化設計7、網站功能的優化設計8、網站形象的優化設計（1）網站風格（2）網站色彩（3）網站視覺9、網站的結構設計和技術實現（1）網站的主頁布局（2）網站結構圖的構建（3）網站首頁導航（4）功能模塊（5）網站系統（6）網站管理10、優化后的網站預覽附錄調查問卷參考資料 （二）寫作要求1.數據可靠、邏輯嚴謹、事實清楚、理論正確、無科學性錯誤；2.文字表達簡明扼要、重點突出；3.層次清晰，語言流暢，符合科技文書寫作規范；4.杜絕錯別字，字數符合要求。XXX學院官網優化設計方案目錄一、項目概述 1二、要解決的問題和工作的方法 2（一）明確網站服務的人群及其需求 2（二）現有網站的狀態和用戶體驗 2（三）優化的基本目標和思路 2三、用戶需求調研 3（一）學生方面 3（二）教師方面 9（三）企業方面 11四、目前網站的主要問題 11（一）網站內容問題 11（二）網站結構問題 11（三）網站功能問題 11（四）網站形象問題 13（五）網站管理問題 13五、優化設計的目標和思路 13（一）對學校的發展 14（二）對教師的好處 15（三）對學生的好處 16（四）對求職者及相關企業的好處 17六、網站內容的優化設計 17七、網站功能的優化設計 19八、網站形象的優化設計 22（一）網站風格 22（二）網站色彩 23（三）網站視覺 23九、網站的結構設計和技術實現 23（一）網站的主頁布局 23（二）網站結構圖的構建 25（三）網站首頁導航 26（四）功能模塊 27（五）網站系統 28（六）網站管理 29十、優化后的網站預覽 29附錄調查問卷 29參考資料 34正文項目概述眾所周知，學校的價值在于教育，教育的目的在于優化品德、提高智慧。為了實現學校的價值和目的，會對學校進行管理，而信息化的管理方式是實現這一目的的重要途徑。其中通過學校官網進行管理正是這種信息化管理的一個重要體現。進入21世紀以來，Internet成為最受關注的行業之一，以計算機網絡迅猛發展而形成的網絡化則是推動信息化、數字化和全球化的基礎和核心。計算機網絡的各種網絡應用系統把人類社會更緊密地聯系起來，并影響和沖擊著人類社會政治、經濟、軍事和日常工作、生活的各個方面。隨著計算機應用的發展，網站已經是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑。每個企業、單位都有自己特定的產品或服務，網站的內容理應圍繞企業、單位的核心業務設置。學校網站也是如此。每一所學校都有自己的特色，校都有自己的個性。學校校園網站的總體目標是：通過校園網站，全面宣傳，展示學校風采、優點與特色，發布學校的活動安排與招生政策等信息內容，使學生及家長增加對學校的了解，增強學生、家長與學校之間的聯系，在Internet網上，讓學生及家長及時得到學校發布的重要信息，同時也幫助了學校完成部分事務，提高辦事效率,給學生、家長與學校最方便的聯系橋梁。綜上可知學校網站的重要性。但是我們學校（天津濱海職業學院）的網站真正的滿足了廣大師生、以及學生家長、求職者的需求了嗎？我們通過調查問卷的方式分別從學生、教師、求職者這三大主需求人群進行調查。調查結果發現現有的學校網站存在一定的不足，例如內容不夠完整、結構單調、功能太少、形象簡潔、管理單一等方面的問題，并不能真正滿足需求者的需求，由此我們對現有的學校網站進行優化設計，從而更方便、快捷、完整地滿足各類需求者的不同需求。使學校網站更加完善，更好的為廣大師生服務，也更有利于學校的發展。要解決的問題和工作的方法（一）明確網站服務的人群及其需求學校官網可以說是一個產品，產品就必須有其需求者，否則他毫無存在的意義，學校官網這個產品也有其需求者，也就是所服務的人群，所以我們必須從其需求者入手，這樣才能滿足服務人群的需求，從而更好地進行服務。我們分析需求者主要是學生、教師、求職者這三個，所以我們通過調查問卷的方式對其需求進行調查分析。（二）現有網站的狀態和用戶體驗1、我們通過調查問卷的方式，分別對學生、教師、求職者進行調查，調查其對現有網站的看法與建議，從而引導我們進一步進行優化改進，以滿足這些需求者的需求。2、我們通過比較其他大學的網站進行比較分析總結，找到存在的不足，進而進行優化。（三）優化的基本目標和思路據分析，我們從內容、結構、功能、形象、管理等方面進行優化，解決內容不夠完整、結構單調、功能太少、形象簡潔、管理單一等方面的問題。內容方面我們會增加一些模塊來使網站更加豐富；結構方面我們會從主頁的布局、頁眉頁腳以及其框架進行修改；功能方面我們增加一些功能例如搜索、收藏、分享功能來方便需求者的使用；形象方面我們會從風格、色彩、視覺三個方面入手改善；管理方面我們主要是進行互動管理，從客戶端上來實現；根據具體問題進行具體的優化。用戶需求調研學校官網的用戶主要是學生（包括潛在學生）、教職工和招聘企業。為了讓官網發揮更大的作用滿足用戶需求，我們采用的是二手資料和問卷星相結合的調研方式。（一）學生方面1、調查的樣本的男女比例結構，結果如圖：學生方面一共調查了69名學生，男女比例如圖所示。主要的是工管專業、軟件、物流和建筑等具有代表性的專業2、學生瀏覽頻率接近一半的人每周瀏覽官網在1-2次，也有一部分人幾乎不看，因此我們得想辦法提高學生官網的關注度。3、學生喜歡的官網的風格以及信息表達方式對學校官網風格中顯示大部分人希望官網能更加簡潔明了、清新淡雅，很少有人喜歡傳統守舊的了，因此需要在官網加入新元素，現有的網站信息不夠全面而且信息查找困難，有待改進。信息的公布可以采用圖文結合或動畫或者其他方式的視頻更能吸引學生的注意力。4、希望有的信息推送與瀏覽的方式關于關注官網的方式更多人更喜歡手機客戶端的方法，這正是我們學校所欠缺的，很多人認為有綁定qq郵箱推送消息的必要，我們還可以開通qq、微信、微博、郵箱，、掃二維碼等多種方式進入官網。還有必要增加一些分享收藏等功能，這樣更方便學生有效及時獲取學院信息。5、學生關注的信息以及網站現有信息的現狀學生平常主要關注的信息是就業與職業培訓，因此學校應該加強這方面信息的發布，及時更新與豐富內容。咱學校的最近招聘信息從招生就業的校園招聘處看最新的信息是7月份的，顯然更新速度有待加強。里面的搜索會出現沒有找到符合條件的記錄，說明信息實在匱乏。6、學生對各類證書的關注從對取證的關注度來看學生對其關注度算是很高了，因此也希望在網站比較顯眼的位置發布更類證件的取得方式和時間以及好處，及時提醒學生學習并取得相關證件，對有一部分系有硬性要求必須取得相關證件才可畢業的學生尤為重要，以免錯過時間影響畢業。7、需要增加的功能調查調查結果顯示搜素與就業信息還有校園論壇的功能是學生最渴望增加的功能。可以提供一些企業與學生的線下交流方式，方便學生更好的就業。建立優秀學生表彰也可以更好地吸引一些學生的關注度，信箱可以方便學生及時反映意見和建議，有利于學校更好管理老師更好地工作。也提高了學生的積極性，有民主權力。社團展可以讓有業余愛好的學生找到自己的興趣豐富課余生活。這樣不僅增加了官網的關注度也發揮了積極作用。8、文字性的建議文字性的建議綜合而言就是提高實用性，設計簡單明了，頁面能更具吸引力一些。及時更新信息，豐富信息等。(二)教師方面1、登陸和瀏覽

(1).網站對瀏覽器兼容性差，其中辦公系統對瀏覽器的兼容性也較差，只有個別瀏覽器才能登陸和瀏覽。

(2).沒有手機版，使用手機登陸瀏覽網站電腦版，用戶體驗差，不方便。

(3).中國知網沒有遠程登陸，校外無法瀏覽。

2、內容

(1).與教師工作相關的業務內容不夠豐富。

(2).首頁內容的分類導航似沒有充分理解和考慮不同用戶的需求，例如對于教師而言，與教師業務和職業發展相關的內容沒有專門頻道或欄目，也沒有相關鏈接。

(3).分類導航似未充分理解用戶需求的輕重緩急來安排位置和順序。

(4).首頁圖片似不應是長期不更新的固定內容，而應該是能夠引起瀏覽者興趣的內容，例如優秀學生或教師。

3、功能(1).沒有覆蓋整個網站的賬號身份識別功能。

(2).沒有搜索功能，信息檢索不方便。

(3).沒有收藏功能，內容難以查找。

(4).沒有分享功能，轉發和傳播信息不方便。

(5).沒有評論功能，難以互動和參照他人意見。

(6).個人檔案管理信息系統不完善，不能實現個人業務信息錄入和管理。

(7).缺乏交互功能，和院校方交流不方便，例如院長信箱和留言版或即時通訊。

4、形象

(1).首頁整體設計不夠簡潔，略顯凌亂。

(2).網頁整體設計比較僵化，不夠生動。

(3).視覺形象識別系統使用不夠規范（用在不同網頁上）。

5、結構

(1).不同院系首頁雷同，缺乏專業個性。

(2).內容在層次上的分類似不夠清晰。(三)企業方面1、現有的留給企業展示的空間有限。2、企業需要通過官網更好地了解學生，希望有優秀學生展。3、希望可以提供一個企業與學生互動的平臺，方便交流。目前官網的主要問題(一)網站內容問題1、內容少，更新緩慢，內容基本上是1到2月更新一次。2、內容單調乏味。現有的包括招生就業信息類（全年基本沒有什么變化）；運動會及晚會活動類；學校領導老師日常活動類；以及一些信息的發布。3、學生及教師直接相互交流、學習、激勵的內容過少。(二)網站結構問題排版過于簡單，版面呆板，缺少創新性，不容易找到自己所需要的材料并且流動圖片所占的版面太大導致其他資料所占的篇幅太少。(三)網站功能問題1、沒有信息檢索功能，導致看過的東西想要再次找到十分困難，很多功能都沒有，比如頁面的搜索、收藏。分享、評論功能等2、網頁代碼存在問題，有時不能正常跳轉。（例如：當教務管理密碼輸入錯誤時會出現選項丟失的錯誤。）出現錯誤時，正常情況下并且多數鏈接還無法跳轉(四)網站形象問題1、網站結構過于簡單，呆板缺少新意導致網站形象一般。（網站的形象可以從一個方面反映出學校的部分情況同時也是其他人了解學校的第一步，所以學校網站形象怎么樣直接關系到人們對于學校的第一印象。）2、網頁色彩搭配不合理網頁布局欠佳網頁某些功能設計不完善。(五)網站管理問題完全由學校管理，沒有學生互動管理的部分導致很多學生方面的信息無法在上面發布。并且從版面內容更新的實際情況來看應該是學校方面管理比較松散（可能跟學校對網站的建設維護不重視有關）很多內容只是有標題里面根本沒有任何信息，例如學生的出勤情況，受資助情況等等（只有一個表格，表格里沒有任何東西）優化設計的目標和思路我們對原有的網站進行了分析，首先把網站很多原有的但并未能正常使用的功能進行了優化，例如郵箱無法登錄，中國知網也不能遠程登錄，還有很多模塊的信息并沒有更新，很多的內容也沒有補充進去等一系列問題；其次針對于問卷調查的結果分析，我們又增加了一些滿足于學生和教師的需求的各項功能，在網站的內容上也補充了很多學生和教師們比較關注的東西，最后在整體的形象上又進行了重新的排版及優化，改變了以往的傳統界面，增進了很多新元素，體現了學校自己的個性，簡潔美化了網站主頁，也讓網站變得更加生動。(一)對學校的發展通過對官網形象外觀上的優化，以吸引更多的人來瀏覽學校官網從而達到瀏覽量及知名度的提升，進而做好學校的品牌公關，吸引更多的學生來報考本學校。學校官網的優化目的主要應是達到公關效應，品牌公關的提升對學校的招生起到很大的作用，通過優化后的官網以達到提高學校的知名度和學校的品牌價值的目的；其次優化的各項內容不僅是對學生的使用，教師的使用上提供了方便，簡化了學校各項事務的處理流程，更讓其他學校的學生以及其他人在查閱瀏覽上更簡單。優化即以用戶為核心，通過調查了解到方便各類用戶使用的功能以達到更多的用戶去選擇使用校園網站的目的，從而使得學校的知名度大大提升，形成良性循環，提高了學校的社會地位，并可以減輕了學校的招生及招聘工作的工作量，企業在選擇人才時也會更加的關注本校，使本校的就業率大大提升。通過檢查優化使網站掌握到最新信息，及時、快速的優化更新網站內容，從而吸引更多的人來瀏覽學校官網，提高網站的點擊率。現在互聯網每天都在技術更新，系統升級，在這期間會有一段時間給我們是適應，過去這時間段再去優化網站那就沒什么意義了，所以網站更新一定要跟上信息的速度。我們在功能和內容上更多的吸取了各類使用者的意見，提高了網站的實用性，以達到滿足各項需求的結果。優化即以用戶為核心，通過調查了解到方便各類用戶使用的功能以達到更多的用戶去選擇使用校園網站的目的，從而使得學校的知名度大大提升，形成良性循環，提高了學校的社會地位，并可以減輕了學校的招生及招聘工作的工作量，企業在選擇人才時也會更加的關注本校，使本校的就業率大大提升，這對學校和學生來講都是一項很重要的結果。(二)對教師的好處根據老師所提供的問卷結果來看，我們在內容上增加了更多與教師工作相關的業務內容，在分類和導航上也增加了相關鏈接以方便教師的使用；另外在功能上也增加了教師的工號登錄的功能，在有網站賬號的基礎上就可以使用分享收藏以及郵箱等功能，對個人檔案方面的管理也進行了完善和優化；在形象上不只增加了優秀學生的模塊，更有優秀教師的內容以及他們的各項獲獎及精品課程。通過增加了各個系之間的鏈接，方便了各系老師之間的合作聯系，還有就是增加了很多信息的發布，也方便教師的查閱及評價。利用教師工號登錄也使得信息可以被保存，方便下次的查找。通過對個人檔案管理信息系統完善，實現了個人業務信息錄入和管理，方便教師的管理及使用，在內容的層次分類及排序上重新進行了規劃，一定程度上減少了教師的工作量，另外在校園論壇上教師也可以發表自己的言論，在與學生的溝通上也更加的直接，郵箱功能也使教師之間傳遞文件，教師給學生下達任務時更加方便。優化大多是根據“教師使用網站滿意度調查”的調查問卷進行優化的，故優化后可以更加方便教師的使用并達到使教師更加滿意的結果，這樣使得教師在教學上更加方便快捷，提高了教學效率，促進了師生間的互動。(三)對學生的好處通過內容上增加的學校各項活動通知，學生天地，就業培訓模塊以及取證的各項要求及考試時間的安排等各項元素來滿足學生的各項需求，從而更直接的讓學生去利用網站獲得信息以及利用網站滿足學校中的各類需求；在功能上，我們增加了學號登錄以及校園論壇，信箱反饋等功能，可以更好的使學生與學生，學生與教師以及學校之間的溝通交流；在形象上，我們增加了很多新元素，以圖文結合以及視頻的方式是界面更加新穎，擺脫了以往的傳統界面。通過增加的各項學校的通知公告，用以方便學生安排自己的課余時間，吸引學生從學校網站上去獲得信息，只有讓學生滿足了平時的需求才可以吸引更多的人去查閱校園官網。另外，通過增加的學號登錄以及分享收藏的功能都方便了學生在看到官網上的公告或者文件時方便保存，在查找相應需求的文件時更加便捷。還有，學生天地模塊，這一塊是學生自己的天地，所以相關聯的人會更愿意去查閱和宣傳，從而起到一個積極的作用，豐富了校園文化生活。我們在網站的各項模塊設計上也增加了一些信息查找的功能，在學生使用上也更加的方便快捷，對網站上的各項信息也進行了更新和優化，把一些閑置了很久的模塊補充了原有的功能和目的。這些優化使學生可以更加及時的了解學校的各項信息，提高了學生對學校網站的關注度，對網站的利用率也大大提高，有利于學校的發展。(四)對求職者及相關企業的好處原有的網站中留給企業的空間有限，優化后的網站添加了求職者和企業的板塊，讓學校以外的人群對學校更加了解。一方面方便了求職者了解學校，及時掌握學校的招聘信息，更好的選擇學校的各項工作崗位，另一方面企業在招聘時也有了選擇的平臺，更加直觀的了解學校的學生及學生曾經在學校的實踐活動等。在企業模塊里添加了優秀學生的板塊，使企業選擇適合本單位的人才時可以更快的搜索到適合各個崗位的優秀人才，省去了大量的篩選工作，節省了時間提高了效率。在這部分可以使學生和企業之間可以直接的交流溝通，這里有大量的招聘企業，也有很多的學生信息，雙方可以通過檢索來找到適合本專業的工作和人才，為應屆畢業生找工作提供了一個平臺，也為企業招聘時多了一種選擇。在求職者模塊中會有學校人力資源部聯系人的聯系方式，還會發布一些學校的各類招聘信息，對各種職位也會進行一些簡單描述，求職者也能把自己的簡歷發布到這個模塊中供學校工作人員選擇。網站內容的優化設計(一)增加學生及教師優秀作品的展示。例如在網站主頁增加優秀同學成功的經驗以及其座右銘。我們會定期地收集學生及教師的優秀作品進行展示，以激勵學生的進步。(二)增加通知公告。學校可以通過“通知公告”向全校人員進行一些簡單的事務通知，也可以對一些進行好人好事的優秀教師、同學進行表揚，讓大家向他們學習，優化校風。也可以對一些有過錯的同學進行批評，讓大家共同督促他們改正，同時引以為戒。(三)增加學生天地模塊。“學生天地”主要是展示學生進行的一系列活動，比如，社團展示，志愿者活動，籃球賽，運動會，校組織活動等。豐富校園文化生活，使同學緊張學習的同時積極參加一些活動，充實自己的生活。(四)增加校內資源模塊。“校內資源”主要是幫助同學以及老師查閱資料使用。(五)增加校園專題模塊。“校園專題”引領學生品德高尚，時刻記住自己是一名大學生。網站功能的優化設計(一)增加學生學號、教師工號與電子郵箱綁定功能學校可以通過這個方式向教師或者學生直接下發郵件，這樣可以避免一些瑣碎的程序，使信息直接傳達，方便學校辦公人員和教師辦公以及學生進行活動。(二)增加搜索功能由于網站的信息量巨大，有些自己需要的信息得花費很久的時間去尋找，而且由于內容不是很完善，甚至浪費時間都找不到自己所需要的信息，這無疑大量浪費了寶貴的時間，所以增加搜索功能，方便查找信息的同時，節約時間。試想就像百度一下，輸入自己所需要的信息關鍵字就可以找到自己所需要的信息是何等的方便，所以我們增加了搜索功能來方便大家查找自己所需要的信息。(三)增加收藏功能學生、教師及辦公人員使用自己的學號、工號登錄時，如果發現自己有用的信息，或者想下次繼續瀏覽的，可以進行信息收藏，系統會把你收藏的信息記錄在屬于你自己的帳號里方便以后的使用，為大家提供一個方便快捷的服務。(四)增加分享功能對于一些有用的信息我們可以通過分享功能來傳達給身邊的人。我們網站與騰訊微博、新浪微博、QQ空間、開心網、人人網等網站相鏈接，你可以直接分享。這樣可以把我們的學校的一些好的東西傳播出去，增加學校的知名度，有利于學校更好的的發展。(五)評論功能我們網站設計了一個論壇，專門給學生以及教師、辦公人員進行互動交流。學生可通過此渠道與教師、學校辦公人員進行溝通，也可以通過這個向學校提供一些好的建議來改善學校。這個可以增加學生、教師、學校之間的互動，使學校切實地從學生和教師的角度來優化學校的校風，使學校更有民主化。(六)登錄自動識別功能在校學生可憑自己的學號登錄；教師及辦公人員可憑自己的工號登錄；不是本校的人員可進行注冊登錄。而且登錄之后本網站系統可自動識別登錄者的信息，通過識別登錄者的信息為其提供與其相關的內容。因為不同的人群需要的信息可能都不一樣，例如學生瀏覽網頁關心的可能是學校的一些活動，而教師瀏覽則會更關心學校的待遇。簡單說就是根據需求者的需求的不同把其需要的信息進行歸類，進而更加快捷方便的找到自己的所需要的信息，節約大家的時間。網站形象的優化設計(一)網站風格風格(style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受。整體形象包括站點的版面布局，色彩，字體，瀏覽方式等。每一個網站都會給人們留下的不同感受。這里我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格統一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什么區別。網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什么的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對設計的網站留下一個“很專業”的印象。我們只需進行一點小小的創意貫穿全站，使網站更生動更具有吸引力、更有思想。(二)網站色彩打開一個網站，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網頁設計屬于一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，必須要高度重視色彩的搭配。本網站的搭配主色為：白、淡藍、黑、三種顏色。白色代表純潔、純真、樸素、神圣、明快。淡藍色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥。黑色代表崇高、堅實、嚴肅、剛健、端莊，充分代表了一個企業應有的氣質和形象。給瀏覽者留下深刻的印象。(三)網站視覺人們在閱讀某種信息時，視覺總有一種自然的流動習慣，先看什么，后看什么，再看什么。在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，在一個平面上，上松下穩而壓抑。同樣，平面的左松右穩。所以平面的視覺影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。網站的結構設計和技術實現(一)網站主頁布局網頁瀏覽首先打開的就是學校網站的主頁，主頁設計應該美觀，同時提供足夠多的鏈接，以便來訪者可以通過鏈接導航到自己所關心的信息頁面上去。子欄目有：主要運用的代碼有：<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>天津濱海職業學院</title></table><tablewidth="770"height="28"border="0"cellpadding="0"cellspacing="0"bordercolor="#0000FF"id="導航"><trbordercolor="#33FFFF"bgcolor="#CCCCCC"><tdwidth="81"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre>首頁</pre></div></td><tdwidth="78"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre><ahref="xxgk.htm"class="STYLE18">學校概況</a></pre></div></td><tdwidth="97"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre>院系部處</pre></div></td><tdwidth="93"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre><ahref="news.htm"class="STYLE18">教育教學</a></pre></div></td><tdwidth="91"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre><ahref="book.htm"class="STYLE18">招生就業</a></pre></div></td><tdwidth="80"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre>信息公開</pre></div></td><tdwidth="89"background="chapter6/images/bg1.gif"><divalign="left"class="STYLE17"><pre>校園論壇</pre></div></td><tdwidth="89"background="chapter6/images/bg1.gif"><divalign="center"class="STYLE12"><divalign="left"><ahref="Chapter8/register.html">會員登陸</a></div>(二)網站結構圖的構建在建設網站之前要畫出網站的框架結構圖。由于結構圖比較直觀，因此網站的主頁內容，分值名稱以及分支數量可以在圖中一目了然，便于對網站進行統籌規劃。網站的風格應在設計階段就確定好，當然在實施過程中不必嚴格遵循這個風格，可隨時修改，但有了最初的設計目標之后，凡事就會有的放失，從而避免盲目性。結構圖可以記錄下客戶所需要的服務內容，以便更好地將客戶的要求與我們設計的網站統一起來。通過學校網站的樹狀結構圖圖，可以將整個網站的層次非常清晰地顯示出來。(三)網站首頁導航首頁導航可以幫助瀏覽者快速找到所需要的內容，使學校的網站顯得更整齊，所有瀏覽者一見就可以放松的瀏覽本網站。1、網頁的頁眉部分包括網站名稱，網站的標志，基本的網站導航按鈕等基本分。首先新建一個HTML網頁，另存為index.htm.選擇主菜單中的修改/頁面屬性命令，設置文檔的頁面屬性。將把字體大小，顏色，背景顏色，背景圖像按照自己的喜愛來修改，使背景圖像設置成橫向重復。將左邊距設為20像素，上邊距設為10像素，將其它邊設置為0.在制作網頁時，設置頁面屬性是首要步驟。接下來插入表格，表格寬度，邊框粗細，單元格邊距等設置好之后就往表格里插入學校的校徽圖標作為頁眉的特色。接下來又插入了1行8列的表格，添加圖像，添加首頁，新聞欄目，學校概況，論壇等分之頁的名字，作為網站超鏈接的菜單。修改該表格的高，寬，對比度等屬性。2、制作頁中區一般來說網頁中的中間區域占有的面積是最大的，因為它用來顯示網頁中的主要內容。頁中區是用表格來布局的。在此學校網站頁中包括各方面的信息，例如今日在線，最新信息，公告欄，新聞等，還包括超鏈接。與百度，Google，之間的友情鏈接，以及各分校區之間的鏈接。網絡中的一個個網頁是通過超級鏈接的形式關聯在一起的。可以說超級鏈接是網頁中最重要，最根本的元素之一。鏈接按照路徑的不同分為3種類型：(1).絕對路徑：在本學校網站中，創建的和幾個基本網站之間的友情鏈接。(2).文檔相對路徑：在本學校網站中創建的個頁面之間的鏈接。(3).學校網站中創建的與百度之間的超鏈接的實現與屬性。3、頁腳的設計頁腳部分會放一些導航，版權信息，聯系方式等內容，一般會出現多數的網頁中。網頁的頁腳部分占用的空間相對來說最小的，但它所顯示的信息卻吧是可有可無的，一般與頁眉部分相呼應，有時候也是對網頁的補充。(四)功能模塊本網站功能分為兩種，數據庫功能模塊和非數據庫功能模塊。非數據功能是不受數據庫的管理，所有瀏覽本網站的游客都可以瀏覽這些功能，它們包括：語言選擇，學校概況、新聞中心，友情鏈接，相關資料閱讀等。數據庫功能是由數據庫的引導下進一部完善本網站的功能，它們包括會員管理，留言板，招聘信息，論壇，查詢搜索功能。上傳與下載，聊天室，訪問統計等功能。本網站主要讓瀏覽者能更好的了解本學校，對本學校的發展提出更多寶貴留言。(五)網站系統根據學校網站的總體目標，分析現有情況以及問題，將學校網站系統劃分為兩個子系統：客戶端子系統，服務器端子系統。下面分析各個子系統的功能需求：1、在客戶端系統的功能實現上，可以分為以下幾個部分：(1).游客瀏覽網站：當游客在沒有注冊會員的情況下瀏覽學校網站，可以獲取學校網站新聞，招生信息，瀏覽留言板，論壇，但沒有發表意見的權利。(2).會員瀏覽網站：通過注冊成為該網站的會員，有該網站提供的所有的權利，瀏覽，下載，發表意見，留言，發郵件等。2、服務器端的功能實現：（1）.實現Webservice服務接收客戶端的信息并存儲在數據庫中，要求包括客戶端機器信息、獲得的URL、訪問次數。（2）.分析數據庫的信息，要求能根據網站類型、網站的訪問者等進行分類統計。(六)網站管理網站管理方面我們會采取學生、教師以及工作人員共同管理的方式進行人性化管理。這樣既滿足學校方面的信息發布，也能滿足教師及學生信息的有效錄入和修改發布。優化后的網站預覽。（http://www.a251562588.icoc.cc/）附錄問卷星調研分析報告：學校網站建設調查問卷（學生）－自定義查詢作者：劉銀芳時間：2014年11月13日調查背景：\o"查看調查報告范文"參考資料調查方法：開始時間：2014-11-10結束時間：2014-11-13樣本總數：69份原始數據來源：/report/3983146.aspx?qc=本報告分析內容：自定義查詢本報告樣本篩選規則：本報告包含樣本數量：69份數據與分析第1題您的性別[單選題]選項小計比例男4463.77%女2536.23%本題有效填寫人次69第2題你所在的專業主要是工商企業管理、軟件技術和建筑工程技術專業第3題你每周瀏覽學校網站的次數[單選題]選項小計比例從不瀏覽1826.09%1~2次3449.28%3~4次811.59%5次以上913.04%本題有效填寫人次69第4題你理想中的學校官網是什么樣風格的？[單選題]選項小計比例簡潔明了3043.48%傳統57.25%清新淡雅2333.33%時尚的913.04%其他22.9%本題有效填寫人次69第5題你更想哪種方式瀏覽官網信息？[單選題]選項小計比例手機4362.32%PC2637.68%本題有效填寫人次69第6題你覺得在官網上用學號與郵箱綁定方便消息推送有必要嗎？[單選題]選項小計比例有4869.57%沒有2130.43%本題有效填寫人次69第7題你平常關注學校那方面的信息較多？[單選題]選項小計比例學院新聞1115.94%就業方面信息3246.38%學校或各系概況1115.94%職業培訓以及一些公共服務1521.74%本題有效填寫人次69第8題您認為學校網站哪些地方需要改進[多選題]選項小計比例在學生就業指導處和校園招聘處展示一些企業具體信息3956.52%及時更新信息，有效推送4057.97%豐富信息量3753.62%完善學生的查詢功能3855.07%其他1115.94%本題有效填寫人次69第9題你認為應該增加那些互動功能?[多選題]選項小計比例校園論壇3347.83%院長（老師）信箱2536.23%學校社團展2637.68%提供一些企業聯系信息，方便線下聯系3652.17%建立優秀學生表彰處，更好的展現學生風采2231.88%增加收索功能方便及時找到需要的信息3550.72%本題有效填寫人次69第10題您比較喜歡以下哪種形式來表達信息內容[多選題]選項小計比例圖片2028.99%文字2942.03%圖文結合5782.61%視頻3956.52%動畫2028.99%其他22.9%本題有效填寫人次69第11題：您對學校網站改版