《網(wǎng)站設(shè)計畢業(yè)論文》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)站設(shè)計畢業(yè)論文（28頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、
畢業(yè)論文（設(shè)計）
信息工程系網(wǎng)站設(shè)計
摘 要
在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。
因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了讓更多人了解我們信息系的情況。所以，開發(fā)本系的網(wǎng)站是必需的。打開系統(tǒng)
2、登錄界面，輸入用戶名和密碼，如果用戶名或密碼不正確系統(tǒng)將會提示重新輸入，如果用戶名和密碼輸入正確進入主工作界面。進入主界面，根據(jù)所需的操作單擊菜單進入操作界面，單擊相應(yīng)的按鈕可以對所選項目進行添加、刪除、保存等功能，單擊“退出”按鈕退出當(dāng)前界面，返回主界面。
在員工基本信息管理中，有四個數(shù)據(jù)窗口，單擊員工基本信息窗口中的記錄，系統(tǒng)可自動檢索其他相關(guān)信息并顯示在相應(yīng)的數(shù)據(jù)窗口中。另外可以對各信息進行查詢、添加、刪除、打印。
課程信息管理、成績信息管理、課程評價效果、培訓(xùn)需求和計劃管理模塊，都可單擊界面中的按鈕完成相應(yīng)的功能。
另外，在此設(shè)計了一個信息查詢的功能，在此界面可查詢數(shù)據(jù)庫中所包含
3、的所有表的內(nèi)容。
本次設(shè)計我計劃痛過DW，Photoshop圖像處理軟件，F(xiàn)LAsH等工具共同來制作信息系網(wǎng)站的設(shè)計。當(dāng)然，這次的制作過程還需要綁定到數(shù)據(jù)庫，最終的完成需要眾多軟件相互補助。
關(guān)鍵詞：網(wǎng)站設(shè)計；Dreamweaver2004
目 錄
第一章 緒論 1
1.1 設(shè)計思想 1
1.2 開發(fā)背景及意義 1
1.3 開發(fā)的目標 3
第二章 基本理論知識及開發(fā)工具介紹 4
2.1開發(fā)工具的選用及介紹 4
2.1.1DW的優(yōu)勢 4
2.2 ASP的優(yōu)勢與特點 6
2.3 圖像處理軟件photoshop 7
第三章 開發(fā)過
4、程 8
3.1網(wǎng)站主題的確立 8
3.2掌握建網(wǎng)工具 8
3.3確定網(wǎng)站風(fēng)格 8
3.4確定網(wǎng)站界面 10
3.4.1欄目與板塊編排 10
表3.1 網(wǎng)站板塊表 10
3.4.2目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 11
3.4.3進行形象設(shè)計 11
3.5網(wǎng)站總體分析與設(shè)計 13
3.5.1網(wǎng)站系統(tǒng)分析 13
3.5.2主頁設(shè)計 13
3.6 信息系簡介 14
3.7 相冊頁面 14
3.7.1代碼設(shè)計 15
3.8 留言界面 15
3.8.1代碼的設(shè)計 16
3.9 圖片新聞界面 17
3.9.1功能 18
第四章 注意事項 19
4.1網(wǎng)頁設(shè)計的注意事項 19
結(jié)
5、束語 20
致謝 21
參考文獻 23
第一章 緒論
在Internet飛速發(fā)展的今天，電子數(shù)字計算機是20世紀重大科技發(fā)明之一，而互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計是將網(wǎng)站策劃案中的內(nèi)容、網(wǎng)站的主題模式，結(jié)合網(wǎng)頁設(shè)計師的認識，通過藝術(shù)設(shè)計的手法表現(xiàn)出來；而網(wǎng)頁制作通常是根據(jù)網(wǎng)頁設(shè)計師制作的設(shè)計稿，按照W3C規(guī)范語言將其制作成網(wǎng)頁格式。優(yōu)秀的網(wǎng)頁設(shè)計師對網(wǎng)頁設(shè)計與網(wǎng)頁制作兩道工序都是十分了解的，這樣才可以保證網(wǎng)頁制作人員在充分掌握設(shè)計要素的前提下，制作規(guī)范化、符合用戶使用習(xí)慣、帶來良好用戶體驗的網(wǎng)站。
1
6、.1 設(shè)計思想
通過網(wǎng)站，全面宣傳，展示信息系風(fēng)采、優(yōu)點與特色，發(fā)布信息系的活動安排與招生政策等信息內(nèi)容，使學(xué)生及家長曾加對信息系的了解，增強學(xué)生、家長與信息系之間的聯(lián)系，在Internet網(wǎng)上，讓學(xué)生及家長及時得到 信息系發(fā)布的重要信息，同時也幫助了信息系完成部分事務(wù)，提高辦事效率,給學(xué)生、家長與信息系最方便的聯(lián)系橋梁。在這里學(xué)生及家長也可以提出意見及想法，互通教學(xué)之間的意見想法，更加有效的辦好教學(xué)，和學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納，這些都能成為信息系的參考，以便更加的提高信息系的教學(xué)質(zhì)量。
1.2 開發(fā)背景及意義
隨著Internet用戶的增多和影響力的增大，網(wǎng)絡(luò)
7、工程系開設(shè)網(wǎng)站為學(xué)生提供服務(wù)也成為一條必由之路。網(wǎng)絡(luò)工程系網(wǎng)站是公布和發(fā)布網(wǎng)絡(luò)工程系信息資源，展示和宣傳網(wǎng)絡(luò)工程系形象的陣地，是同學(xué)向系里反應(yīng)情況的渠道，是網(wǎng)絡(luò)工程系對外辦理公共事務(wù)的窗口，是傳承文化的載體。
國外學(xué)校網(wǎng)站建設(shè)情況(以美國為例)：美國是Internet的發(fā)源地。美國大學(xué)不僅在建立和推動Internet的發(fā)展方面不遺余力，而且已經(jīng)建立了大量的學(xué)校網(wǎng)站。根據(jù)美國Council of Excellence in University的調(diào)查報告，93%的被調(diào)查的院系擁有網(wǎng)站，所有大學(xué)已經(jīng)全部上網(wǎng)，而且?guī)缀跛械脑合狄呀?jīng)建立自己的站點。同時，各大學(xué)網(wǎng)站逐漸實現(xiàn)互聯(lián)互通。
就我國而言，
8、1999年1月22日，由中國電信和國家經(jīng)貿(mào)委經(jīng)濟信息中心主辦，聯(lián)合四十多家部委(辦、局)信息主管部門共同倡議發(fā)起了“大學(xué)上網(wǎng)工程”。目前各個大學(xué)申請的域名已經(jīng)達到2000多個，大學(xué)上網(wǎng)工程也進入了第二第三階段。
通常情況下，一個大學(xué)的水平越高，往往意味著它越有可能成為新技術(shù)的率先采用者。因為一方面國家可以提供更多的財政支持，同時學(xué)生的各類需求也更為細化和迫切。因而，選取綜合實力居前的十所大學(xué)的院系做為參考對象，不僅可以體現(xiàn)網(wǎng)絡(luò)工程系網(wǎng)站建設(shè)的最新特點，而且具有代表河北水平最高的一類大學(xué)網(wǎng)站的典型意義。
據(jù)中國互聯(lián)網(wǎng)信息中心的統(tǒng)計，截至1997年10月31日，在下注冊的域名達到323個，到1
9、998年6月30日，這個數(shù)據(jù)達到561個，1999年5月，下注冊的學(xué)校域名增到1470個，2002年2月，全國各個大學(xué)域名達到2400多個。
總結(jié)國內(nèi)外學(xué)校網(wǎng)站的建設(shè)過程，可以說學(xué)生的互動式學(xué)校網(wǎng)站建設(shè)過程的主線。具體而言，學(xué)校網(wǎng)站的建設(shè)與有以下所述的規(guī)律：一是內(nèi)容服務(wù)有靜態(tài)信心公布想動態(tài)信息發(fā)布、信息查詢方向發(fā)展。二是方便學(xué)生服務(wù)成為學(xué)校網(wǎng)站建設(shè)的焦點。三是網(wǎng)站由獨立的系統(tǒng)向集成化的組成部分發(fā)展。四是一站式網(wǎng)站成為重點。
1.3 開發(fā)的目標
論文以網(wǎng)絡(luò)工程系網(wǎng)站為例開展研究，分析了系統(tǒng)建設(shè)過程中的相關(guān)技術(shù)，對所涉及的軟件平臺、軟件系統(tǒng)、安全系統(tǒng)的進行理論分析，對系統(tǒng)規(guī)劃實施中的需求
10、分析、系統(tǒng)結(jié)構(gòu)設(shè)計、硬件集成、軟件配置等各環(huán)節(jié)進行研究，并提出性能測試所需內(nèi)容。
第一章通過對國內(nèi)外校園網(wǎng)站見著發(fā)展情況和校園網(wǎng)站運行發(fā)展規(guī)律敘述，講明了校園網(wǎng)站發(fā)展的背景，還通過對網(wǎng)絡(luò)工程系網(wǎng)站的現(xiàn)狀分析，得出網(wǎng)絡(luò)工程系網(wǎng)站重建的必要性和重要性。
第二章從理論上研究了校園網(wǎng)站的運行平臺和相關(guān)開發(fā)技術(shù)，主要涉及學(xué)校網(wǎng)站的硬件平臺、軟件系統(tǒng)、學(xué)校網(wǎng)站安全系統(tǒng)和網(wǎng)頁設(shè)計技術(shù)，通過理論分析給出了硬件平臺、軟件系統(tǒng)、安全系統(tǒng)和網(wǎng)頁設(shè)計技術(shù)的設(shè)計原則。
第三章以網(wǎng)絡(luò)工程系網(wǎng)站為設(shè)計實例，通過對網(wǎng)絡(luò)工程系網(wǎng)站進行需求分析和規(guī)模分析，根據(jù)系統(tǒng)設(shè)計原則，貴處了符合網(wǎng)絡(luò)工程系實際情況的系統(tǒng)結(jié)構(gòu)設(shè)計。
第
11、四章根據(jù)規(guī)劃的網(wǎng)站系統(tǒng)結(jié)構(gòu)，對網(wǎng)絡(luò)工程系網(wǎng)站的網(wǎng)絡(luò)設(shè)備、服務(wù)器系統(tǒng)、安全系統(tǒng)和軟件系統(tǒng)等展開敘述，并進行了選型。
第五章對建成的網(wǎng)絡(luò)工程系網(wǎng)站進行了性能測設(shè)，對在網(wǎng)站建設(shè)中取得的成果進行了肯定。
第二章 基本理論知識及開發(fā)工具介紹
2.1開發(fā)工具的選用及介紹
2.1.1DW的優(yōu)勢
1、不用手工寫代碼，編程更輕松！
DW已經(jīng)自動為會員登錄完成了相應(yīng)的ASP代碼。因此，無需手工寫代碼，不是沒有代碼，而是由DW自動完成寫代碼的工作，我們要做的，只是點擊鼠標而已。
2、對數(shù)據(jù)庫的結(jié)合非常好！
在DW的數(shù)據(jù)庫面板下，點擊連接前的＋號，展開表，在表上點擊右鍵，可查看表里面的數(shù)據(jù)，這可以讓我
12、們在不打開數(shù)據(jù)庫的情況，能清楚地查看到數(shù)據(jù)庫中的數(shù)據(jù)。
3、簡單快捷的實現(xiàn)會員系統(tǒng)！
通過服務(wù)器行為面板下的用戶身份驗證，可輕松實現(xiàn)會員登錄、注銷退出、注冊重名驗證和限制訪問功能。
4、強大的命令功能！
DW的命令功能能讓我們輕易實現(xiàn)對數(shù)據(jù)庫的插入、更新和刪除等操作，如更新文章點擊數(shù)等。
5、豐富的插件支持！
插件能讓我們快捷的實現(xiàn)如：數(shù)字分頁顯示、用下拉菜單選擇跳轉(zhuǎn)到哪頁、二級聯(lián)動下拉菜單等想實現(xiàn)的效果。
6、所見即所得的CSS環(huán)境！
CSS＋DIV的布局在DW中得到了完美的體現(xiàn)，真正做到了所見即所得。
7、快捷方便的編程環(huán)境！
DW的ASP工具欄上，提供了if、else
13、等常用語句的快捷按鈕，點擊后可自動生成相應(yīng)代碼，極大的方便了簡單語句的編寫，提高了開發(fā)效率。
8、最佳的制作效率
Dreamweaer 可以用最快速的方式將Fireworks\FreeHand 或Photoshop 等檔案移至網(wǎng)頁上。使用顏色吸工具選擇屏幕上的顏色可定最拉近的網(wǎng)頁安全色。對于菜單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dremweaver能與您喜歡的設(shè)計工具搭配。不需要離開Dremweaver便 可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Ｄreamweaver 自動開啟Firework或Ｐhotoshop 來進行編輯與設(shè)定圖檔案的最佳化。
9、網(wǎng)站管理
14、
使用網(wǎng)站嵊可以快速制作網(wǎng)站雛形，設(shè)計，更新和重組網(wǎng)頁。改災(zāi)難網(wǎng)頁位置或檔案名稱，Ｄreamweaver 會自動更新所有鏈接。使用支援文字，ＨＴＭ碼、ＨＴＭＬ屬性標簽和一般語法的搜尋及軒換功能使 得長復(fù)雜的網(wǎng)站便 新變得迅速又簡單！
10、無可比擬的控制能力
Dueamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite 和BBEdit 等主流文字編輯器。幀和表格的制作速度快的讓你無法想像。表格編輯功能使您簡單的選擇單格、行、欄或作末連續(xù)的選取。甚至可以排序或格式化表格群組，Dreamweaver 支持精確定位，
15、可以用可輕易換成表格的圖層以拖拉置放的方式進行版面配置。
11、夢幻樣版和XML
Dreamweaver 將內(nèi)容與設(shè)計分開，應(yīng)用於快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會不小心改變既定樣式。您也可以使用樣版正確地匯入或輸出 XML 內(nèi)容。
12、全方位的呈現(xiàn)
利用 Dreamweaver 設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于casscading style sheets 的動態(tài)HTML支援和鼠標換圖效果，聲音和動畫的DHTML效果資料庫可在Netscajpe 和 Microsof
16、t 瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時，只要從Dreamweaver 的網(wǎng)站下載它的描述述檔，便可得知詳盡的成效報告
2.2 ASP的優(yōu)勢與特點
1、任何開發(fā)工具皆可發(fā)展ASP。
只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、 FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ASP，可能會發(fā)生一些意想不到的離奇狀態(tài)。
2、通吃各家瀏覽器
由于ASP程序是在
17、網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器
3、語言相容性高
ASP與所有的ActiveX Script語言都相容，除了可結(jié)合HTML，VBScript、Java Script、Active X服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。
4、隱密安全性高
如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因為ASP程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，
18、因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。
5、易于操控數(shù)據(jù)庫
ASP可以輕易地通過ODBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫用。
6、面向?qū)ο髮W(xué)習(xí)容易
ASP具備有面向?qū)ο螅∣bject-Oriented）功能，學(xué)習(xí)容易，ASP提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ASP內(nèi)建的“Applicat
19、ion”對象或”Session”對象所撰寫出來的ASP程序可以在多個網(wǎng)頁之間暫時保存必要的信息。
2.3 圖像處理軟件photoshop
它是一款PS指Photoshop，photoshop是Adobe公司旗下最為出名的圖像處理軟件之一，PHOTOSHOP的應(yīng)用領(lǐng)域很廣泛，在圖像、圖形、文字、視頻、出版各方面都有涉及，它能處理有關(guān)圖片的所有事項，用它主要是進行素材的編輯，和制作素材。
第三章 開發(fā)過程
3.1網(wǎng)站主題的確立
做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材:
20、第1類:網(wǎng)上求職;第2類:網(wǎng)上聊天/即時信息/ICQ;第3類:網(wǎng)上社區(qū) /討論/郵件列表;第4類:計算機技術(shù);第5類:網(wǎng)頁/網(wǎng)站開發(fā);第6類:娛樂網(wǎng)站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類: 生活/時尚。我們可以參看上面的分類，繼續(xù)細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色;二者，在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設(shè)計制作出優(yōu)秀的作品
3.2掌握建網(wǎng)工具
Dreamweaver有很多的有點，可以用最快速的方式將Fireworks，F(xiàn)reeHan
21、d，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dreamweaver能與您喜愛的設(shè)計工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設(shè)定圖檔的最佳化。
3.3確定網(wǎng)站風(fēng)格
圖3.1 主頁風(fēng)格
風(fēng)格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志，色
22、彩，字體，標語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風(fēng)格”。
作簡單、界面友好，完全控件式的頁面布局，使得職工培訓(xùn)信息錄入工作更簡便。另外，在出錯或不正當(dāng)操作時應(yīng)出現(xiàn)提示信息予以提示。實現(xiàn)對企業(yè)職工培訓(xùn)信息的錄入、瀏覽、刪除、修改、搜索等功能。 系統(tǒng)運行應(yīng)該快速、穩(wěn)定、高效和可靠；在結(jié)構(gòu)上應(yīng)具有很好的可擴展性，便于將來的功能擴展和維護。
風(fēng)格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可
23、以概括出一個站點的個性:是粗獷豪放的，還是清新秀麗的;是溫文儒雅的，還是執(zhí)著熱情的;是活潑易變的，還是墨守成規(guī)的。
總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等;在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認識，比如站點的品位，對瀏覽者的態(tài)度等。
在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點強化、宣傳?？傊?，風(fēng)格的形成不是一次定位的，你可以在實踐中不斷強化、調(diào)整、改進
3.4確定網(wǎng)站界面
界面就是網(wǎng)站給瀏覽者的第一印
24、象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時要注意以下三點:
3.4.1欄目與板塊編排
表3.1 網(wǎng)站板塊表
首頁
系簡介
系相冊
新聞圖片
留言板
聯(lián)系我們
公告欄
學(xué)校概況
學(xué)校活動留影
了解時事政治
學(xué)生交流平臺
聯(lián)系方式
建一個網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯誤就是:確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網(wǎng)站也相當(dāng)困難。所以，我們在動手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。
25、
網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。在欄目編排時需要注意的是:
盡可能刪除那些與主題無關(guān)的欄目;
盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上;
盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(nèi)容，如站點簡介、版權(quán)信息、個人信息等大可不必放在主欄目里，以免沖淡主題。
3.4.2目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)
網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時都默認
26、建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題，大多數(shù)站長都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的維護，以后內(nèi)容的擴充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細安排。
3.4.3進行形象設(shè)計
網(wǎng)站的設(shè)計可以從以下幾點出發(fā):
圖3.2 LOGO樣式
設(shè)計網(wǎng)站標志(LOGO)。LOGO是指網(wǎng)站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設(shè)計創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如:網(wǎng)站內(nèi)有代表性的人物、動物、植物，可以用它們作為設(shè)計的藍本，加以卡通化或者藝術(shù)化;專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品
27、作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。
設(shè)計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標志，標題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網(wǎng)站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標準色的顏色有:藍色，黃/橙色，黑/灰/白色三大系列色。
圖3.3 網(wǎng)站字體
設(shè)計網(wǎng)站字體。
28、和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，那么辛苦設(shè)計制作便可能付之東流了。
設(shè)計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進行對外宣傳，可以收到比較好的結(jié)果。
3.5網(wǎng)站總體分析與設(shè)計
3.5.1網(wǎng)站系統(tǒng)分析
根據(jù)前面的設(shè)計思想進行分析，按照系統(tǒng)
29、開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：
信息系風(fēng)采 通過信息系概括、教師風(fēng)采、校園之星及部分圖片等內(nèi)容來展現(xiàn)。
3.5.2主頁設(shè)計
圖3.5 網(wǎng)站主頁
網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)信息系的勃勃生氣，靜態(tài)主頁方式介紹信息系風(fēng)采、優(yōu)點特色、信息發(fā)布，對于四大校務(wù)，就得利用ＡＳＰ與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài)的web畫面來實現(xiàn)。
3.6 信息系簡介
具體介紹信息系的歷史，以及發(fā)展，還有信息系所取得的成績。在這里可以了解到信息系的一些相關(guān)信息?？梢粤私夂芏嘣谑醉撋纤床坏降男畔ⅰ?
30、圖3.6 簡介頁面
3.7 相冊頁面
系相冊頁面是用的錨連接做的FLASH圖片相冊，可以任意瀏覽相片，也可以更新圖片。
圖3.7 相冊頁面
3.7.1代碼設(shè)計
Flash相冊的代碼：
|
31、dth="210"> |
3.8 留言界面
留言界面是很重要的，對與靜態(tài)的瀏覽頁面，是提供了瀏覽和發(fā)布信息的功能。而留言就提供了交流和動態(tài)的感覺這樣就成了交互的功能。達到了溝通和交流的目的。所以，本網(wǎng)網(wǎng)站最大的特點就子啊與這個留言的設(shè)置，提供了交流的平臺。
這是網(wǎng)站的重要功能，實現(xiàn)了網(wǎng)站和官大人們之間的交互供能，是學(xué)校和有求學(xué)需求的人的接口，并且提供了接口用戶對網(wǎng)站提出的寶貴意見
圖3.8 留言頁面
3.8.1代碼的設(shè)計
32、ellpadding="10" cellspacing="0" background="image/www[1]_2010041220385614.gif" >
| 留言者：<%=(message.Fields.Item("t_name").Value)%> |
|
| 留言日期： |
<%=(message.Fields.Item("t_time").Value)%> |
34、
3.9 圖片新聞界面
圖3.9 圖片欣賞
在這里可以看到社會事實政治動態(tài)，和各大新聞網(wǎng)站的連接，能讓你第一時間了解國內(nèi)外事實動態(tài)，點擊左邊的是連接外網(wǎng)的。
3.9.1功能
功能：
在這里，大家可以看到我系的最新最熱們活動的圖片介紹，以及相關(guān)信息的介紹。
第四章 注意事項
4.1網(wǎng)頁設(shè)計的注意事項
四個注意：
1.不要花里胡哨
花哨的字體和格式容易被忽視。
為什么呢？那是因為游客瀏覽時會認為這些是廣告，并非他們所需要的信息。事實上，研究表明游客很難在充滿大量顏色的花哨字體和格式里找到自己所需要的信息，所以要注意保持網(wǎng)站的清爽。
2.要有風(fēng)格，要
35、突出行業(yè)的特點。
比如娛樂業(yè)熱烈活潑些，政府網(wǎng)站則要莊重些；收藏書畫業(yè)要古樸典雅，策劃時裝業(yè)則要前衛(wèi)些。
3.不要做得太過于冗雜。
一張網(wǎng)頁一般兩屏到三屏就可以了，不要太長，會影響你的網(wǎng)頁打開的速度。如果內(nèi)容實在太多，應(yīng)該分作幾個頁面，或者分為幾個二級欄目。
4.字體大小影響瀏覽行為。
想讓瀏覽者認同你做的網(wǎng)頁，首先要注意字體。
大的字體刺激瀏覽，而小的字體則會提高焦點閱讀量。所以要根據(jù)網(wǎng)頁的實際情況來合理的設(shè)置網(wǎng)頁內(nèi)字體的大小的規(guī)劃與排版。
結(jié)束語
經(jīng)過一個多月網(wǎng)站的反復(fù)學(xué)習(xí)、研究和設(shè)計，我的畢業(yè)設(shè)計《品鮮美味閣網(wǎng)站設(shè)計————公司網(wǎng)站設(shè)計與應(yīng)用》基本上是完成了。
36、畢業(yè)論文設(shè)計，不僅是單純地做網(wǎng)站設(shè)計的過程，也是我們將大學(xué)四年里的理論知識與實踐知識積累運用的過程。在做設(shè)計的這段時間里，我的生活既緊張又充實。有時，為了做一張與整體格局圖片或按鈕要花上一個小時。可是，到了最后發(fā)現(xiàn)還是不大適合，不是因為開始時沒有計劃好，而是在設(shè)計的過程中，自己的知識得到了進一步的深化。所以，一直都是懷著感恩的心情來做這次設(shè)計的。在網(wǎng)站設(shè)計的過程中，可以認識到自己的各方面的很多不足，對我來說已經(jīng)是最大的收獲了。需求分析和詳細設(shè)計其間，我參考了大量書籍資料，也在網(wǎng)上利用百度和Google等搜索引擎查閱了很多關(guān)于網(wǎng)站設(shè)計方面的資料，同時也學(xué)到了國內(nèi)外各方面新IT技術(shù)的知識。所以在整
37、個畢業(yè)設(shè)計過程中，我不僅回顧了解以前學(xué)習(xí)過的理念知識，還學(xué)習(xí)了新的理念知識，這又是我這次設(shè)計的重大收獲。由于這是我第一次系統(tǒng)地設(shè)計和開發(fā)網(wǎng)站，所以很多方面經(jīng)驗不足，比如需求分析程序調(diào)試和設(shè)計方面，遇到過好多難題。還有，由于我的經(jīng)驗尚缺，在需求分析方面做得不夠好，。經(jīng)歷了這次網(wǎng)站設(shè)計之后，我的分析能力與設(shè)計方面的能力增加了，開發(fā)方面的經(jīng)驗也提高了，這又是一個很大的收獲。由于整個系統(tǒng)設(shè)計與開發(fā)時間比較短，我的網(wǎng)站開發(fā)經(jīng)驗尚淺。因此，本網(wǎng)站難免會存在一些缺陷和不足。
致謝
感謝我的指導(dǎo)教師劉明堂老師，您在工作中嚴謹細致、一絲不茍的精神一直是我工作、學(xué)習(xí)的楷模；您循循善誘的教導(dǎo)和不拘一格的
38、思路給予了我無盡的啟迪。
感謝劉老師，這篇論文的每個細節(jié)和每個數(shù)據(jù)，都離不開您細心指導(dǎo)。而您開朗的個性和寬容的態(tài)度，使我能夠很快的融入這個集體.
感謝我的爸爸媽媽，言樹之背，養(yǎng)育之恩，無以回報，你們永遠健康快樂是我最大的心愿。在做這次畢業(yè)設(shè)計過程中使我學(xué)到了很多，我感到不論做什么事都要真正的用心去做，才能使自己更加的完善，沒有學(xué)習(xí)就不可能有實踐的能力，沒有自己的實踐就不會有所突破，希望這次的經(jīng)歷能讓我們在以后的學(xué)習(xí)生活中不斷成長與進步。
忙碌了兩個月，我的畢業(yè)設(shè)計課題也終將告一段落。點擊運行，也基本達到預(yù)期的效果，虛榮的成就感在沒人的時候也總會冒上心頭。但由于能力和時間的關(guān)系，總是覺得
39、有很多不盡人意的地方，譬如功能不全、外觀粗糙……數(shù)不勝數(shù)?？墒?，我又會有點自戀式地安慰自己：做一件事情，不必過于在乎最終的結(jié)果，可貴的是過程中的收獲。以此語言來安撫我尚沒平復(fù)的心。
在大學(xué)的學(xué)習(xí)和生活中我學(xué)會了很多東西。在學(xué)校我進一步學(xué)習(xí)了專業(yè)的相關(guān)知識，在各位老師的教導(dǎo)下，自己對專業(yè)知識的不斷充實和不斷的在試驗中遇到新的問題，解決問題，起到相當(dāng)重要的作用。而正式在大學(xué)三年的學(xué)習(xí)生活，讓我學(xué)習(xí)到的知識，更好的運用在生活中，也為自己在將來社會工作中更好的運用在學(xué)校中學(xué)會的專業(yè)知識和不斷解決在社會中遇到的問題，再在社會工作中進一步的充實自己的不足。
畢業(yè)設(shè)計，也許是我大學(xué)生涯交上的最后一個作業(yè)
40、了。想籍次機會感謝三年以來給我?guī)椭乃欣蠋煛⑼瑢W(xué)，你們的友誼是我人生的財富，是我生命中不可或缺的一部分。我的畢業(yè)指導(dǎo)老師劉明堂老師，雖然認識的時間不長，但您卻能以一位長輩的風(fēng)范來容諒我的無知和沖動，給我不厭其煩的教導(dǎo)。在此，特向您道聲謝謝。
在論文即將完成之際，我的心情無法平靜，從開始進入課題到論文的順利完成，有多少師長、同學(xué)、朋友給了我無言的幫助，在這里請接受我誠摯的謝意。學(xué)生生活即將畫上句號，但我能無悔地說：“我曾經(jīng)來過。”雖然?？茖W(xué)習(xí)只有三年，但它給我的影響卻不能用時間來衡量。在這三年里，經(jīng)歷過的所有事，和我接觸的所有人，都將是我以后生活回味的一部分，是我為人處事的指南針。我雖然我即將離開學(xué)校，走上工作崗位了，但這并不代表結(jié)束，相反的是，這是我人生歷程的開始，在這里祝福大學(xué)里跟我風(fēng)雨同舟的朋友們不要忘記初衷，努力去拼搏吧
參考文獻
[1] 超夢幻網(wǎng)頁創(chuàng)意寶典 機械工業(yè)出版社 黃箐韻
[2] ASP網(wǎng)頁數(shù)據(jù)庫短訓(xùn)教程機械工業(yè)出版社劉瑞新,汪遠征.
[3] Dreamweaver 8完美網(wǎng)頁動態(tài)網(wǎng)頁設(shè)計篇中國電力出版社 何海霞
[4] Dreamweaver 8完美網(wǎng)頁設(shè)計疑難解釋篇中國電力出版社 盧堅
網(wǎng)站設(shè)計畢業(yè)論文
