招生信息網畢業(yè)論文

1、<p><b>　　摘 要</b></p><p>　　Internet以驚人的速度對經濟活動和社會活動產生日益廣泛的影響，同時加劇了招生信息服務業(yè)的生存環(huán)境，加快了整個市場的結構變革。為了在市場竟中生存和發(fā)展，招生信息服務業(yè)的學校必須實現信息化。招生信息門戶網站成為招生信息業(yè)信息化的重要組成部分，建立了學校與學生的交流平臺，招生信息門戶網站的建立意義在于樹立學校的形象，建立新型的

2、招生信息業(yè)交流傳播交易的媒介，為學生提供更完善的服務，加強學校與學生之間的信息聯系，改善內部管理，提高銷售的效率。</p><p>　　本文研究的是校園網站設計，具有用戶使用更簡單、界面更直觀等優(yōu)點。校園網站在我國剛起步，發(fā)展很快。隨著我國互聯網的更加普及和校園網站的更趨成熟，會有越來越大的網絡用戶，市場潛力會得到充分發(fā)揮。校園網站，為更好的辦學，提高學校知名度，做出了重要貢獻。通過網站，全面宣傳，展示學校風采、

3、優(yōu)點與特色，發(fā)布學校的重大活動安排與招生政策，增強家長與學校之間的聯系，在Internet上實現完成部分校務，提高辦事效率。</p><p>　　關鍵詞：HTML 招生信息網站 網站設計</p><p><b>　　Abstarct</b></p><p>　　Internet with amazing speed of econo

4、mic activity and social activities create day by day the widespread influence, and Internet increased enrollment information service industry environment, speed up the whole market structure reform. In order to survive a

5、nd develop market unexpectedly, recruit students information services of business people must realize informationization. Recruit students information portal website a recruitment information, information is the importan

6、t component of the schoo</p><p>　　This study is about the campus Web site design,it’s advantages that users can use simpler, more intuitive interface.Campus site in China has just started ，but develop rapidl

7、y.As China's Internet is more popular and campus sites become more mature, there will be more and more web users, the market potential will be given full play.School web site for better schools, and made important co

8、ntributions to enhance the school profile.Through the website, a comprehensive information display school style</p><p>　　Key words：HTML recruit students information web site web design</p><

9、p><b>　　目 錄</b></p><p><b>　　摘 要1</b></p><p>　　Abstarct2</p><p><b>　　前 言5</b></p><p>　　第一章 網站建立的理論基礎6</p><p>　　

10、1. 1 制作環(huán)境及其制作目的6</p><p>　　1. 4 HTML的優(yōu)勢9</p><p>　　1. 5 本章小結12</p><p>　　第二章 制作網站工具介紹13</p><p>　　2. 1 制作工具的選用及介紹13</p><p>　　2. 2 本章小結18<

11、/p><p>　　第三章 網站的整體設計19</p><p>　　3. 1 網站簡要說明19</p><p>　　3. 2 網站可用性討論19</p><p>　　3. 3 網站模塊構成21</p><p>　　3. 4 本章小結22</p><p>　　第四章

12、 網站整體設計的具體實現23</p><p>　　4. 1 前臺顯示說明23</p><p>　　4. 2 結構設計24</p><p>　　4. 3 具體設計文檔24</p><p>　　4. 5 網站維護的設計25</p><p>　　4. 6 本章小節(jié)27</p>&

13、lt;p>　　第五章 網站制作的不足及其糾正28</p><p>　　5. 1 關于我的網站制作28</p><p>　　5. 2 網站今后的展望29</p><p><b>　　總 結31</b></p><p><b>　　致 謝32</b></p>

14、<p><b>　　前 言</b></p><p>　　在互聯網飛速發(fā)展的今天，網絡已成為人們生活中不可缺少的一部分，無論是在商業(yè)、工業(yè)還是政府部門中都早已普及開來，網站建設越來越接近于一門藝術而不僅僅是一項技術。網頁界面藝術設計，日益被網站建設者所注重。網頁藝術設計是伴隨著計算機互聯網絡的產生而形成的視聽設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計

15、目的和要求自覺地對網頁的構成元素進行藝術規(guī)劃的創(chuàng)造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發(fā)展而發(fā)展。表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。</p><p>　　所以在不久的將來通過網絡來傳播信息將成為重要的信息交流的平臺，建設招生信息門戶網站有著重要的意義?？梢赃M一步的宣傳招生信息業(yè)，為招生信息業(yè)提供良好的發(fā)展平臺，方便人們的

16、生活。同時增進了學校與學生、學校也學生之間的交流有利于樹立良好的交易風氣，創(chuàng)造學校與學生和諧的平臺。因此，創(chuàng)建招生信息門戶網站是潮流的趨向。</p><p>　　第一章 網站建立的理論基礎</p><p>　　1. 1 制作環(huán)境及其制作目的</p><p>　　在21世紀網絡無處不在，網站不再僅僅為企業(yè)或公司大型企業(yè)所擁有，一個班級，一個家庭甚至個人都可以

17、擁有屬于自己的網站。利用網絡傳播信息現在已經成為了一種新的快的準確的傳播方式，網站也從網絡進行的。</p><p>　　一、建立招生信息門戶網站有以下意義：</p><p>　?。?）在這個高度信息化的社會里，建立招生信息業(yè)自己的網站是最直接的宣傳手段。網站的超時空性，不僅能叫人們了解招生信息業(yè)的最新資訊，人們也可以從計算機網絡上獲得各種需要的信息等等。</p><p

18、>　　（2）網站是實現招生信息資源分配的橋梁，它使每一個人們都能獲得自己需要的信息，同時可以為人們提供便利。</p><p>　?。?）招生信息門戶網站能夠為人們提供自己所需的信息，招生信息門戶網站是的學校與學生之間有了全新的交流方式，它不再受地域的限制，它可以使學校與學生進行交流。達到互惠互利的目的。</p><p>　　（4）招生信息門戶網站是最佳的交易平臺，招生信息門戶網站與大

19、型招生信息企業(yè)和各個招生信息學校的網站的有效鏈接，給學校們提供咨詢交流的天地，各種招生信息業(yè)的咨詢、各種學院信息、各種最新資訊等內容，為學生與學校之間的交流提供了極佳的平臺，有效的共享了資源、節(jié)省了成本。</p><p>　?。?）招生信息門戶網站能夠提供個性化的交易平臺，不同的學生有著不同的消費觀念，對消費的觀念的認知不同。網絡提供了豐富的資源可以使學生尋覓不同的交易方式，各取所需。招生信息門戶網站允許學校與學

20、生建立交流，使學校和學生更進一步交流。</p><p>　　二、HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強使HTML顯得越來越難以勝任的情況下，而能夠徹底實現用戶與管理人員的交互性，在編程語言高度發(fā)展的形式下，能夠橫好的解決這些復雜交互的動態(tài)性，于是我們也開始了對招生信息門戶網站的動態(tài)開發(fā)，即而讓招生信息門戶網站更好的互動。 </p><p><b&

21、gt;　?。?）支持的系統</b></p><p>　　采用Browser/Server體系結構，服務器端采用運行最低配置要求(全部為中文環(huán)境) 操作系統 Windows 2000 Adv Server，Windows 2000 Server 腳本解釋器 Vbscripts5.6以上版本，安裝Microsoft Internet Explorer4.6以上版本既可獲得：</p><

22、p>　　Web服務器 IIS 6.0，Windows 2000自帶 </p><p>　　數據引擎 Microsoft Access </p><p>　　權限要求 對Access數據庫具有建表、備份的權限 </p><p>　　空間大小 初次安裝至少10M可用空間</p><p>　　硬件要求 PIII500

23、 CPU 256M內存或更高 </p><p>　　帶寬要求 10M共享或更高</p><p>　　客戶端軟件，包括單機操作系統和瀏覽器軟件，分別選用Windows 2000和Internet Explorer。</p><p><b>　?。?）制作工具</b></p><p>　　基于Web的系統開發(fā)工具應使開

24、發(fā)者使用各種各樣的技術來創(chuàng)建動態(tài)的Web應用程序，并且應是一個可視化的工具。我所采用的是Dreamweaver MX進行制作，它是用來快速創(chuàng)建數據驅動Web應用程序的基于團隊的開發(fā)環(huán)境，支持，以ODBC連接數據庫，腳本語言為簡單易學的JavaScript。</p><p>　　1. 2 運行需求的環(huán)境</p><p>　　在調試和運行過程中，應該能夠讓系統正常使用時不出錯，若運行時遇到

25、不可恢復的系統錯誤，也應該保證數據完好無損，對數據的精確度、時間特性、適應性等都有一定要求，要求系統運行時，能夠保證數據的正確性、信息的可靠性、實現的高效性、系統的易使用性、系統管理的可維護性、信息的可測試性、數據的復用性、數據的可移植性以及網絡互聯性。</p><p>　　1. 3 HTMl簡介</p><p>　　HTML是一種規(guī)范，一種標準，它通過標記符號來標記要顯示的網頁中的各

26、個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。</p>

27、<p>　　HTML其實是文本，它需要瀏覽器的解釋，HTML的編輯器大體可以分為八種，</p><p>　　1、基本編輯軟件，使用WINDOWS自帶的記事本或寫字版都可以編寫，當然，如果你用WPS來編寫，也可以。不過存盤時請使用.htm或.html作為擴展名，這樣瀏覽器就可以解釋執(zhí)行了。 </p><p>　　2、半所見即所得軟件，這種軟件能大大提高開發(fā)效率，它可以使你在很短的時

28、間內做出HOMEPAGE，且可以學習HTML，這種類型的軟件主要有HTDTOC，還有國產的軟件網頁作坊。 </p><p>　　3、所見即所得軟件，使用最廣泛的編輯器，完全可以一點不懂HTML的知識就可以做出網頁，這類軟件主要有FRONTPAGE2003，DREAMWEAVER。</p><p>　　4、文本標記語言源程序的文件擴展名默認使用htm或html。在使用文本編輯器時，注意修改擴

29、展名。而常用的圖像文件的擴展名為gif和jpg。 </p><p>　　5、HTML源程序為文本文件，其列寬可不受限制，即多個標記可寫成一行，甚至整個文件可寫成一行；若寫成多行，瀏覽器一般忽略文件中的回車符（標記指定除外）；對文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(實體符)“&nbsp(注意此字母必須小寫，方可空格) ”表示非換行空格；表示文件路徑時使用符號“/”分隔，文件名及

30、路徑描述可用雙引號也可不用引號括起。 </p><p>　　6、標記符中的標記元素用尖括號括起來，帶斜杠的元素表示該標記說明結束；大多數標記符必須成對使用，以表示作用的起始和結束；標記元素忽略大小寫，即其作用相同，但完整的空格可使用特殊符號“&nbsp(注意此字母必須小寫，方可空格)”；許多標記元素具有屬性說明，可用參數對元素作進一步的限定，多個參數或屬性項說明次序不限，其間用空格分隔即可；一個標記元素的

31、內容可以寫成多行。 </p><p>　　7、標記符號，包括尖括號、標記元素、屬性項等必須使用半角的西文字符，而不能使用全角字符。 </p><p>　　8、HTML注釋由驚嘆號表示，注釋內容由符號結束。注釋內容可插入文本中任何位置。任何標記若在其最前插入驚嘆號，即被標識為注釋，不予顯示。</p><p>　　1. 4 HTML的優(yōu)勢</p>&l

32、t;p>　　HTML（HyperTextMark-upLanguage）即超文本標記語言，是WWW的描述語言。設計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯系在一起，形成有機的整體，人們不用考慮具體信息是在當前電腦上還是在網絡的其它電腦上。我們只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉到與此圖標相關的內容上去，而這些信息可能存放在網絡的另一臺電腦中。 HTML文

33、本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容 如果還有什么不清楚的地方,請點擊我的用戶名,在我的個性化簽名里面找到我的電子郵件給我發(fā)信息。HTML之所以能受到大家的重視與使用的原因，主要在于所產生的執(zhí)行結果都是標準的HTML格式，而且這些程序是在網絡服務端中執(zhí)行，使用

34、一般的瀏覽器（如IE 或Netscape）都可以正確地獲得HTML的“執(zhí)行”結果，并且將這HTML執(zhí)行的結果直接在瀏覽器中“瀏覽”，不像V</p><p>　　一、HTML的特點：</p><p>　?。?）任何開發(fā)工具皆可發(fā)展HTML</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發(fā)展工具，例如，FrontPag

35、e Express、 FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯來寫ASP，可能會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　?。?）通吃各家瀏覽器</p><p>　　由于HTML程序是在網絡服務器端中執(zhí)行，執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。</p><p><b>　?。?

36、）語言相容性高</b></p><p>　　HTML與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java Script、Active X服務器組件來設計外，并可經由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。</p><p><b>　?。?）隱密安全性高</b>&l

37、t;/p><p>　　如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到HTML文件，原始的HTML程序代碼是看不到的！這是因為HTML程序先于網站服務（Web Server）端執(zhí)行后，將結果轉換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的HTML程序并不會輕易地被看見進而被盜用。</p><p>　　（5）易于操控數據庫</p><

38、;p>　　HTML可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數據庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，HTML亦可將“文本文件”或是”Excel” 文件當成數據庫用。</p><p>　　（6）面向對象學習容易</p><p>　　HTML具備有面向對象（Object-Oriented）功能，

39、學習容易，HTML提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用HTML內建的“Application”對象或”Session”對象所撰寫出來的HTML程序可以在多個網頁之間暫時保存必要的信息。</p><p>　?。?）HTML的六大內部對象</p><p>　　RequestResponseServ

40、erSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內的用戶信息，該信息僅可被該用戶訪問在一個HTML-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務器進行分布式事務處理。</p><p>　　HTML模式現在已經獲得很大發(fā)展，與傳統模式相比具有一些重要的優(yōu)勢

41、。以下是部分最重要的優(yōu)勢： 尤其對于小型企業(yè)和新創(chuàng)企業(yè)而言，最大的好處是啟動成本低，而且在大多數情況下可以極大地縮短啟動時間。 現購現付模式對于不經常使用該服務的企業(yè)來說極大地節(jié)省了成本。HTML模式，如同任何外包方案一樣，可以節(jié)省人力成本。IT人員越來越昂貴而且越來越專業(yè)（就像航空業(yè)的飛行員），因此采用HTML通?？晒?jié)省人力。 采用HTML模式還可以省去專門用來運行應用程序及支持性應用程序的IT基礎設施。例如，如果您要使用的應用程序需

42、要Oracle或MS-SQL數據庫，則您不得不同時使用支持該應用程序和數據庫。 </p><p>　　HTML模式可以將網絡帶寬轉移給HTML，HTML通常能以較低的價格提供帶寬。 導致HTML崛起的一個原因是專業(yè)軟件的成本高。隨著成本的增加，小型企業(yè)幾乎沒有能力來購買這類軟件，因此HTML使得這類企業(yè)使用該類軟件成為可能 導致HTML發(fā)展的另一個重要因素是軟件和軟件升級的復雜性不斷增加。從客戶服務的角度看，將大

43、型復雜的應用分發(fā)到終端用戶成本非常高，而升級又使問題變得更糟糕。在有上千臺臺式機的大公司中，分發(fā)軟件（即使是像新版Word這樣簡單的軟件）可能花費上百萬美元。HTML模式則消除了大多數此類煩惱。</p><p><b>　　二、文本標記語言</b></p><p>　　(1) 文本標記語言源程序的文件擴展名默認使用htm或html。在使用文本編輯器時，注意修改擴展名。

44、而常用的圖像文件的擴展名為gif和jpg。 </p><p>　　(2) HTML源程序為文本文件，其列寬可不受限制，即多個標記可寫成一行，甚至整個文件可寫成一行；若寫成多行，瀏覽器一般忽略文件中的回車符（標記指定除外）；對文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(實體符)“&nbsp(注意此字母必須小寫，方可空格)”表示非換行空格；表示文件路徑時使用符號“/”分隔，文件名及路徑

45、描述可用雙引號也可不用引號括起。 </p><p>　　(3) 標記符中的標記元素用尖括號括起來，帶斜杠的元素表示該標記說明結束；大多數標記符必須成對使用，以表示作用的起始和結束；標記元素忽略大小寫，即其作用相同，但完整的空格可使用特殊符號“&nbsp(注意此字母必須小寫，方可空格)”；許多標記元素具有屬性說明，可用參數對元素作進一步的限定，多個參數或屬性項說明次序不限，其間用空格分隔即可；一個標記元素的

46、內容可以寫成多行。 </p><p>　　(4) 標記符號，包括尖括號、標記元素、屬性項等必須使用半角的西文字符，而不能使用全角字符。 </p><p>　　(5) HTML注釋由驚嘆號表示，注釋內容由符號結束。注釋內容可插入文本中任何位置。任何標記若在其最前插入驚嘆號，即被標識為注釋，不予顯示。</p><p>　　1. 5 本章小結</p>&

47、lt;p>　　本章主要闡述了開發(fā)招生信息門戶網站的需求，以及制作的環(huán)境。詳細解析了HTML的具體內容。分析了網站制作的主要技術，對網站的制作做好需求分析，為以后的網站設計作好準備，同時為網站提供了理論基礎，為網站的初期建設打下了基礎。</p><p>　　第二章 制作網站工具介紹</p><p>　　2. 1 制作工具的選用及介紹</p><p>　

48、　一、Photoshop </p><p>　　（1）Photoshop可分為圖像編輯、圖像合成、校色調色及特效制作部分等。 圖像編輯是圖像處理的基礎，可以對圖像做各種變換如放大、縮小、旋轉、傾斜、鏡像、透視等。也可進行復制、去除斑點、修補、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進行美化加工，得到讓人非常滿意的效果。</p><p>　　圖像

49、合成則是將幾幅圖像通過圖層操作、工具應用合成完整的、傳達明確意義的圖像，這是美術設計的必經之路。photoshop提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。</p><p>　　校色調色是photoshop中深具威力的功能之一，可方便快捷地對圖像的顏色進行明暗、色偏的調整和校正，也可在不同顏色進行切換以滿足圖像在不同領域如網頁設計、印刷、多媒體等方面應用。</p>&l

50、t;p>　　特效制作在photoshop中主要由濾鏡、通道及工具綜合應用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統美術技巧都可藉由photoshop特效完成。而各種特效字的制作更是很多美術設計師熱衷于photoshop的研究的原因。</p><p>　?。?）PHOTOSHOP的應用領域很廣泛，在圖像、圖形、文字、視頻、出版各方面都有涉及。請看下面介紹： 　</p&

51、gt;<p><b>　　1、平面設計 　　</b></p><p>　　平面設計是PHOTOSHOP應用最為廣泛的領域，無論是我們正在閱讀的圖書封面，還是大街上看到的招帖、海報，這些具有豐富圖像的平面印刷品，基本上都需要PHOTOSHOP軟件對圖像進行處理。 </p><p><b>　　2、修復照片 　　</b></p&g

52、t;<p>　　PHOTOSHOP具有強大的圖像修飾功能。利用這些功能，可以快速修復一張破損的老照片，也可以修復人臉上的斑點等缺陷。 　　</p><p>　　3、廣告攝影 　　　</p><p>　　廣告攝影作為一種對視覺要求非常嚴格的工作，其最終成品往往要經過PHOTOSHOP的修改才能得到滿意的效果。</p><p>　　4、影像創(chuàng)意 　　　&l

53、t;/p><p>　　影像創(chuàng)意是PHOTOSHOP的特長，通過PHOTOSHOP的處理可以將原本風馬牛不相及的對象組合在一起，也可以使用“貍貓換太子”的手段使圖像發(fā)生面目全非的巨大變化。 　</p><p><b>　　5、藝術文字 　</b></p><p>　　當文字遇到PHOTOSHOP處理，就已經注定不再普通。利用PHOTOSHOP可以使文

54、字發(fā)生各種各樣的變化，并利用這些藝術化處理后的文字為圖像增加效果。 　　</p><p><b>　　6、網頁制作 　　</b></p><p>　　網絡的普及是促使更多人需要掌握PHOTOSHOP的一個重要原因。因為在制作網頁時PHOTOSHOP是必不可少的網頁圖像處理軟件。 　　</p><p>　　7、建筑效果圖后期修飾 　</p&

55、gt;<p>　　在制作建筑效果圖包括許多三維場景時，人物與配景包括場景的顏色常常需要在PHOTOSHOP中增加并調整。 　　</p><p><b>　　8、繪畫 　　</b></p><p>　　由于PHOTOSHOP具有良好的繪畫與調色功能，許多插畫設計制作者往往使用鉛筆繪制草稿，然后用PHOTOSHOP填色的方法來繪制插畫。 　　除此之外，近些年

56、來非常流行的像素畫也多為設計師使用PHOTOSHOP創(chuàng)作的作品。 　　</p><p>　　9、繪制或處理三維帖圖 　</p><p>　　在三維軟件中，如果能夠制作出精良的模型，而無法為模型應用逼真的帖圖，也無法得到較好的渲染效果。實際上在制作材質時，除了要依靠軟件本身具有材質功能外，利用PHOTOSHOP可以制作在三維軟件中無法得到的合適的材質也非常重要。 </p>&l

57、t;p>　　10、婚紗照片設計 　　</p><p>　　當前越來越多的婚紗影樓開始使用數碼相機，這也便得婚紗照片設計的處理成為一個新興的行業(yè)。</p><p>　　11、視覺創(chuàng)意 　　</p><p>　　視覺創(chuàng)意與設計是設計藝術的一個分支，此類設計通常沒有非常明顯的商業(yè)目的，但由于他為廣大設計愛好者提供了廣闊的設計空間，因此越來越多的設計愛好者開始了學習P

58、HOTOSHOP，并進行具有個人特色與風格的視覺創(chuàng)意。 </p><p>　　12、圖標制作 　　</p><p>　　雖然使用PHOTOSHOP制作圖標在感覺上有些大材小用，但使用此軟件制作的圖標的確非常精美。 　　</p><p>　　13、界面設計 　　</p><p>　　界面設計是一個新興的領域，已經受到越來越多的軟件企業(yè)及開發(fā)者的

59、重視，雖然暫時還未成為一種全新的職業(yè)，但相信不久一定會出現專業(yè)的界面設計師職業(yè)。在當前還沒有用于做界面設計的專業(yè)軟件，因此絕大多數設計者使用的都是PHOTOSHOP

60、 </p><p>　　二、 Dreamweaver</p><p>　?。?）Dreamweaver之所以能成為許多專業(yè)網頁設計人員與業(yè)余人員制作網頁的首選而且能保持著多年的壟斷地位，主要是因為其是“所見既所得”的網頁編輯軟件，即使對HTML不熟悉。也可以作出精彩的網頁來。Dreamweaver不但能夠完成一般的網頁編輯工作。而且能夠實現過去需要通過編程才能實現的一些效果，并

61、且Dreamweaver對于DHTML（動態(tài)網頁）的支持也非常好?？梢苑奖愕刈鞒鲈S多眩目的動態(tài)特效。因此，一直以來Dreamweaver都是網頁制作人員的首選工具，利用它可以輕而易舉地制作出跨越不同平臺和瀏覽器的動態(tài)網頁。Dreamweaver是為網頁編排所設計的軟件，它具有將設計要素進行整合排列的功能Dreamweaver又是一本實踐性很強的一部書。</p><p>　?。?）Dreamweaver可以用最快速

62、的方式將Fireworke，FreeHand，或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dreamweaver能與您喜愛的設計工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firewor

63、k或Photoshop來進行編輯與設定圖檔的最佳化。</p><p>　　(3) Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準定位，

64、利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得 Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務功能，提供超強的支援能力給Third-party廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應用軟體。當您正使用Dreamweaver在設計動態(tài)網頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預覽網頁。夢幻樣版和XML Dreamweav

65、er將內容與設計分開，應用于快速網頁更新和團隊合作網頁編輯。建立網頁外觀的樣版，指定可編輯或不可編輯的部份，讓您不需要透過瀏覽器就能預覽網頁。夢幻樣版和XML Dreamweaver將內容與設計分開，應用于快速網頁更新</p><p>　　三、使用網站地圖可以快速制作網站雛形、設計、更新和重組網頁。改變網頁位置或檔案名稱，Dreamweaver 會自動更新所有連結。使用支援文字、HTML碼、HTML屬性標簽和一般

66、語法的搜尋及置換功能使得復雜的網站更新變得迅速又簡單控制能力。</p><p><b>　　四、flash</b></p><p>　?。?）Flash 軟件出現不久就幾乎成為了網頁動畫的標準，使用該軟件可以制作網頁互動動畫，還可以將一個較大的互動動畫作為一個完整的網頁。只要用鼠標進行簡單的單擊，拖動操作就可以生成精美的互動動畫，使用Flash制作的動畫與其他軟件制作

67、的動畫相比主要有一下幾點優(yōu)點：采用矢量圖形格式，計算機中的圖形格式有兩種形式，一種是矢量圖形格式，另一種是位圖圖形格式。Flash采用矢量圖形格式，可以讓其創(chuàng)建出的圖像及動畫做到無限放大或無限縮小，都不會影響圖像的清晰度。文件數量小。Flash格式文件的數據量較小，從而突破了網絡帶寬的限制，可以在網絡上更快的播放動畫，實現交互。以插件方式工作。Flash的工作方式是插件方式，網絡用戶只要安裝了Shock ware Flash 插件，它就

68、會嵌入到瀏覽器中，啟動瀏覽器后就可以直接瀏覽帶有Flash動畫的網頁，使用Java也可以制作一些動畫，但是每次都要花費大量的時間啟動Java虛擬機。 “流” 形式文件播放。Flash 插件播放動畫使用“流”形式的技術，用戶無需漫長的等待，可以邊下載邊。</p><p>　?。?）Flash 特別適用于創(chuàng)建通過 Internet 提供的內容，因為它的文件非常小。Flash 是通過廣泛使用矢量圖形做到這一點的。與位圖

69、圖形相比，矢量圖形需要的內存和存儲空間小很多，因為它們是以數學公式而不是大型數據集來表示的。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數據來表示。</p><p>　　（3）Flash 是一種創(chuàng)作工具，設計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應用程序和其它允許用戶交互的內容。Flash 可以包含簡單的動畫、視頻內容、復雜演示文稿和應用程序以及介于它們之間的任何內容。通常，使用 Flash 創(chuàng)作的

70、各個內容單元稱為應用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構建包含豐富媒體的 Flash 應用程序。</p><p>　　（4）Flash 特別適用于創(chuàng)建通過 Internet 提供的內容，因為它的文件非常小。Flash 是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比，矢量圖形需要的內存和存儲空間小很多，因為它們是以數學公式而不是大型數據集來表示的。位圖圖形之所以更大

71、，是因為圖像中的每個像素都需要一組單獨的數據來表示。要在Flash中構建應用程序，可以使用Flash繪圖工具創(chuàng)建圖形，并將其它媒體元素導入Flash文檔。接下來，定義如何以及何時使用各個元素來創(chuàng)建設想中的應用程序。</p><p>　　2. 2 本章小結</p><p>　　本章介紹了制作網頁所選用的軟件產品，它們分別是Adobe公司和Macromedia公司出品的網頁制作工具。由于在

72、功能上有著緊密的結合，所以選用了這三種網頁制作工具。同時這些網站不用掌握太多的源代碼語言就可以制作專業(yè)的網絡應用程序，提高制作人的效率。</p><p>　　第三章 網站的整體設計</p><p>　　3. 1 網站簡要說明</p><p>　　這個招生信息門戶網站是個集信息、交流為一體的網站，是為了讓學校與學生、學生與學校能夠有一種全新的交流平臺，學校發(fā)

73、布的最新招生信息、最新信息，更新招生信息資訊以及與學生交互而設計的。系統的各種功能設計能夠符合招生信息門戶網站的要求、信息、交互、最新信息的更新等發(fā)布功能的實現，能夠給網站更多的生氣，更多的實現了學生與學校之間的交互性。</p><p>　　3. 2 網站可用性討論</p><p><b>　?。?）網頁布局</b></p><p>　　

74、實際內容占據網頁的大部分空間，為50%～80%，導航部分不超過20%。顏色的選擇以白色為主，沒有使用太多的顏色來修飾某個對象，一般字色為默認的黑色。為了提高網頁的可讀性，標題區(qū)、標題行和正文區(qū)使用了不同大小顏色的字體，正文使用的是靜止的文字，且字體足夠大，以便于閱讀。</p><p>　　為了幫助用戶方便地瀏覽，每個網頁都設有標題導航，且網頁標題清楚地表明了網頁的內容。在網頁的組織上，每個網頁都是按照“倒金字塔”

75、原則進行編寫，即從一個簡單的結論開始漸次展開。網頁排版符合用戶的閱讀習慣，采用橫向排列方式。</p><p>　　一個網頁的大小一般不超過3萬字節(jié)，以使用戶在10秒鐘之內能打開網頁。而且要為每一個鏈接加上描述信息，因為當一個鏈接被點擊后，要把所有指向同一目標的鏈接都表示成已被訪問過，這樣便于用戶瀏覽。在鏈接旁注明下載文件的大小，幫助用戶預測下載時間。</p><p>　?。?）主題鮮明、富

76、有特色</p><p>　　在目標明確的基礎上，完成網站的構思創(chuàng)意即總體設計方案。對網站的整體風格和特色做出定位，規(guī)劃網站的組織結構。要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關的人員也能留下一定的印象。對于一些LOGO標志應充分加以利用。調動一切手段充分表現網站的個性和情趣，突出個性，這樣才能夠辦出網站的特色。</p>&

77、lt;p>　　Web站點主頁的基本成分包括：</p><p>　　頁頭：準確無誤地標識站點名稱；</p><p>　　E-mail地址：用來接收用戶垂詢；</p><p>　　聯系信息：如普通郵件地址或電話；</p><p>　　版權信息：讓用戶了解系統信息。</p><p>　　重復利用已有信息，如頭部的導航部

78、分、公共關系文檔、技術手冊和數據庫等可以輕而易舉地用到教師個人網站的Web站點中，以減輕數據庫的負擔。</p><p>　?。?）版式編排布局合理性</p><p>　　網頁設計作為一種視覺語言，當然要講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，應充分加以利用和借鑒。</p><p>　　站點設計簡單有序，主次關系分明，將零亂頁面的組織過程

79、，混雜的內容，依整體的布局的需要進行分組歸納，經過進行具有內在聯系的組織排列，反復推敲文字、圖形與空間的關系，使瀏覽者有一個流暢的視覺體驗。</p><p>　?。?）相關站點引導鏈接</p><p>　　一個好的網站的基本要素是用戶進入后，與本網站相關的信息都可以方便快捷地找到，其中要借助于相關的站點，所以做好導引是一項重要的工作。超文本這種結構使全球所有聯上因特網的計算機成為超大規(guī)模的

80、信息庫，鏈接到其它網站輕而易舉。</p><p>　　在設計網頁的導引組織時，應該給出多個相關網站的鏈接，使得用戶感到想得到的信息就在鼠標馬上就可以點擊的地方。</p><p>　　3. 3 網站模塊構成</p><p><b>　　網站模塊結構圖</b></p><p>　　網站的結構圖大致介紹了網站的組成頁面&l

81、t;/p><p>　　該網站的模塊圖是從網站大體結構的詳細說明，更好的提供了網站建設的大致構架，為網站的前期制作提供了基礎。</p><p>　　該網站的樹形圖是從用戶的角度開始的，用戶可以更好地使用本站提供的信息服務、個性化服務及定期的網站活動；而未登錄用戶僅僅可以瀏覽信息，無法進行社區(qū)等本站相關的活動及服務，讓使用者更好的熟悉網站，讓使用者更方便的使用網站，從學校概況介紹學校的整體內容，讓

82、使用者先熟悉網站的主題，再進一步了解網站的各種信息。</p><p>　　3. 4 本章小結</p><p>　　在本章中，主要闡述了網站設計的方案設計和系統模塊的建立，系統設計需要設計軟件系統的體系結構、用戶界面、留言板等，從而在需求與代碼之間建立橋梁。系統設計分兩個階段：高層設計階段和詳細設計階段，高層設計階段的重點是網站的體系結構設計。詳細設計階段的重點是管理界面設計、留言板模塊

83、設計。在體系結構設計之前要閱讀需求文檔，明確設計任務。</p><p>　　第四章 網站整體設計的具體實現</p><p>　　4. 1 前臺顯示說明</p><p><b>　　網站首頁</b></p><p><b>　　一、前臺首頁顯示</b></p><p>

84、;　　下面通過首頁來說明網站整體的功能：</p><p>　　（1）首頁的最頂部排列顯示大類信息或文章，用戶可以直接點擊查看各項大類信息里面的各項小類信息，直到閱讀每條詳細信息。</p><p>　?。?）站點首頁，院系介紹、招生計劃、錄取分數、招生簡章、招生政策等各個欄目，后臺可以控制排序和位置調整，或顯示條數設置。</p><p>　?。?）首頁中的各個欄目可以

85、直接點擊出來查看的詳細信息。</p><p>　　（4）網站首頁的設計涵蓋了網頁導航的顯示的主要內容為查看網站的人，提供了網站各個子頁的大致內容，方便了解網站的主題構造和經典內容。</p><p>　　（5）設有專題顯示和網站調查系統，以及網站的一些統計數據信息，可以按不同條件進行文件信息搜索。</p><p>　?。?）招生信息資訊專欄中的部分內容的更新提供了招生

86、信息業(yè)的最新的行業(yè)資訊和熱點動態(tài)。</p><p>　　4. 2 結構設計</p><p><b>　?。?） 結構設計</b></p><p>　　本網站的各個功能入口比較多，因此需要一個專門的文件來顯示各種后臺入口，而且在網頁中還要顯示出用戶在留言板塊和管理員在后臺模塊的信息。網站整體使用上下結構，下面的一個大部分有分為左中右結構。這樣

87、網站的整體個人看來結構就很清晰。</p><p><b>　?。?）界面設計</b></p><p>　　設置公開地聯系方式及其用戶信息反饋專用論壇功能； 設置網站整體信息與用戶為一體；設置完善地個性化地會員管理與交互系統； 完善的網站內容、網站用戶檢索系統。</p><p>　　網站的整體顏色：綠色為導航顏色；主體顏色：白色；

88、字體：宋體；行距：150%</p><p>　　網站統一頂部為導航條（站點首頁，院系介紹、招生計劃、錄取分數、招生簡章、招生政策）</p><p>　　網站上中部：網站圖片與動態(tài)的FLASH結合；位置導航；</p><p>　　網站中部：網站信息；友情連接；站點數據；網站導航條；圖文信息；</p><p>　　網站底部：后臺管理登陸；網站/版

89、面制作；版權信息。</p><p>　　4. 3 具體設計文檔</p><p><b>　　一、內容和功能設計</b></p><p>　　這個校園網站主要實現新聞、信息等功能，目標用戶主要是Internet的學生。先明確這個招生信息門戶網站提供的主要功能：</p><p>　　(1) 注冊登錄系統：提供用來在論壇中

90、發(fā)表建議和交流功能</p><p>　　(2) 招生信息資訊專區(qū)：提供招生信息業(yè)在個方面的成果及新聞的功能，介紹最新的更新信息。</p><p>　　(3) 信息專區(qū)：提供有信息的主要的詳細的信息與圖鑒為查看網站的人提供資源。</p><p>　　二、 前臺新聞文摘顯示</p><p>　　可以根據網站的需要,進行各種方式的插入,自動更新.如

91、顯示欄目導航,顯示某欄目的最新N條新聞等. 使用管理系統制作動態(tài)網頁時,可在需要的地方插入相應的代碼,即可以多種形式顯示新聞 文章的欄目或內容。例如：</p><p>　　一級欄目列表、二級欄目列表、欄目導航列表、某一欄目的最新新聞(文章)顯示條數、某一欄目的熱門文章可任意調整。該系統也可經后繼開發(fā),使之生成代碼,在一個主機上維護新聞文章,在其他靜態(tài)網頁中插入代碼后顯示相應的新聞文章。</p>&l

92、t;p><b>　　三、 信息結構設計</b></p><p><b>　　(1) 確定欄目</b></p><p>　　欄目是網站主要內容的體現，合理的劃分和安排欄目，將網站的主題明確的顯示出來，并且盡量方便訪問者的瀏覽和查詢。</p><p>　　(2) 網站裝飾風格</p><p>　　

93、采用了灰色和白色為主導航顏色，首頁中運用最新更新圖片，以及文字交錯排版，使整個網站看上去符合跳動的風格。</p><p>　　(3) 網站的鏈接結構</p><p>　　招生信息門戶網站的主要鏈接關系如下：</p><p>　　招生信息首頁、院系介紹、招生計劃、錄取分數、招生簡章、招生政策相互之間均有鏈接。</p><p><b>

94、　　四、 可視化設計</b></p><p>　　網站可視化設計的主要體部分是框架的的設計，它是由導航的和子頁面組成的，這些子頁面都是人們平時不可或缺的。招生信息門戶網站的主體相得益彰。</p><p>　　4. 5 網站維護的設計</p><p>　　網站維護，其維護的內容也非常之多，有功能改進、頁面修改、安全管理、網站推廣……需要懂得相關知識的專

95、業(yè)人士來完成。下面是網站維護方法等問題</p><p>　　網站維護的目的是為了讓您的網站能夠長期穩(wěn)定地運行在Internet上，及時地調整和更新網站內容。</p><p>　　一個好的網站需要定期或不定期地更新內容，才能不斷地吸引更多的瀏覽者，增加訪問量。</p><p>　　隨著黑客人數日益增長和一些入侵軟件昌盛，網站的安全日益遭到挑戰(zhàn)，像SQL注入、跨站腳本、

96、文本上傳漏洞等，而網站安全維護也成日益重視的模塊。而網站安全的隱患主要是源于網站的漏洞存在，而世界上不存在沒有漏洞網站，所以網站安全維護關鍵在于早發(fā)現漏洞和及時修補漏洞。而網上也有專門的網站漏洞掃描工具，如億思網站安全檢測平臺，而發(fā)現漏洞要及時修補，特別采用一些開放源碼的網站</p><p><b>　　（一）、含義</b></p><p>　　網站維護是為了讓您的網

97、站能夠長期穩(wěn)定地運行在Internet上，及時地調整和更新您的網站內容，在瞬息萬變的信息社會中抓住更多的網絡商機。</p><p><b>　?。ǘ热?lt;/b></p><p>　　1、 服務器及相關軟硬件的維護，對可能出現的問題進行評估，制定響應時間； </p><p>　　2、 數據庫維護，有效地利用數據是網站維護的重要內容，因此數據庫

98、的維護要受到重視； </p><p>　　3、 內容的更新、調整等； </p><p>　　4、 制定相關網站維護的規(guī)定，將網站維護制度化、規(guī)范化。</p><p>　?。ㄈ?、網站內容更新</p><p>　　建站容易維護難。對于網站來說，只有不斷地更新內容，才能保證網站的生命力，否則網站不僅不能起到應有的作用，反而會對企業(yè)自身形象造成不良

99、影響。如何快捷方便地更新網頁，提高更新效率，是很多網站面臨的難題。現在網頁制作工具不少，但為了更新信息而日復一日地編輯網頁，對信息維護人員來說，疲于應付是普遍存在的問題。 內容更新是網站維護過程中的一個瓶頸。網站的建設單位可以考慮從以下五個方面入手，使網站能長期順利地運轉。 </p><p>　　1、在網站建設初期，就要對后續(xù)維護給予足夠的重視，要保證網站后續(xù)維護所需資金和人力。很多單位是以外包項目的方式建設網站

100、的，建設時很舍得投入資金?？墒蔷W站發(fā)布后，維護力度不夠，信息更新工作遲遲跟不上。網站建成之時，便是網站死亡的開始。 </p><p>　　2、要從管理制度上保證信息渠道的通暢和信息發(fā)布流程的合理性。網站上各欄目的信息往往來源于多個業(yè)務部門，要進行統籌考慮，確立一套從信息收集、信息審查到信息發(fā)布的良性運轉的管理制度。既要考慮信息的準確性和安全性，又要保證信息更新的及時性。要解決好這個問題，領導的重視是前提。 <

101、;/p><p>　　3、在建設過程中要對網站的各個欄目和子欄目進行盡量細致的規(guī)劃，在此基礎上確定哪些是經常要更新的內容，哪些是相對穩(wěn)定的內容。由承建單位根據相對穩(wěn)定的內容設計網頁模板，在以后的維護工作中，這些模板不用改動，這樣既省費用，又有利于后續(xù)維護。 </p><p>　　4、對經常變更的信息，盡量用結構化的方式（如建立數據庫、規(guī)范存放路徑）管理起來，以避免數據雜亂無章的現象。如果采用基于

102、數據庫的動態(tài)網頁方案，則在網站開發(fā)過程中，不但要保證信息瀏覽環(huán)境的方便性，還要保證信息維護環(huán)境的方便性。 </p><p>　　5、要選擇合適的網頁更新工具。信息收集起來后，如何"寫到"網頁上去，采用不同的方法，效率也會大大不同。</p><p>　?。ㄋ模?、而使用信息發(fā)布系統，網站管理人員無需懂得任何的網頁制作技術，只要了解基本的計算機文本處理方法，就能利用動態(tài)網頁技

103、術，方便地在網站上定制信息格式，更新或維護信息內容信息發(fā)布系統的具體功能包括：</p><p>　?。?） 添加、修改及刪除信息；</p><p>　?。?） 按不同欄目對信息分類，易于信息的管理及查找；</p><p>　?。?） 信息可按標題、發(fā)布日期、關鍵字等不同分類進行查詢。</p><p>　　使用信息發(fā)布系統具有顯著的優(yōu)越性，它不

104、僅操作簡單，實時性強，而且由于使用了計算機系統代替人手完成所有的信息發(fā)布過程，避免了許多人為的技術性錯誤，確保了網站的穩(wěn)定性和安全性。</p><p>　　4. 6 本章小節(jié)</p><p>　　在本章中，主要闡述了網站設計中各個功能的實現部分，網站中的每一個主要的功能在這一章都有所介紹，這一章是網站由框架到具體實現的重要一章。</p><p>　　第五章

105、 網站制作的不足及其糾正</p><p>　　5. 1 關于我的網站制作</p><p><b>　　一、我的網站制作</b></p><p>　?。?）分別敘述一下首頁制作的一些想法好了，首先是個人網頁的制作，是利用Dreamweaver制作出來的，為了想要有一些效果，除了努力的看老師給的講義之外，也上網看看有沒有教學的網站，很幸運的網絡

106、資源還蠻豐富的，所以邊看邊修。通過看別人的網站學習別人的好的方法，拿來為自己所用，提高自己的學習效率。</p><p>　　在制作網頁的過程中，深深的覺得一本好用的工具書確實相當重要，我負責的網頁就是跟著書上的說明一步一步的使用成型的，雖然還有許多技術還不熟練，不過終于可以看起來似乎是一張網頁的樣子了，之后就是連結的部分了，由于每個人的做法不盡相同，因此在連結上也是稍微花費了一番功夫。而看到了許多組所完成的網頁都

107、相當別致也很有樣子，我們還是感到蠻大的震撼，不過我想我們對于自己以及自己的作品還是有一點驕傲的，畢竟這是整組心血的結晶，而也許要克服的就是如何讓它能夠讓使用者可以更容易操作，也就是更為友好。</p><p>　　（2）不單純?yōu)榱俗鼍W站而做網站。有明確的做網站的根本目的。網站的內容質量最重要。這個內容是為實現你的做網站的根本的目標而確定的。不為盲目追求點擊率而降低內容質量。網站內容應該獨特而有價值。價值就是能給別人

108、帶來好處。能給哪些群體帶來哪些好處是你需要做網站之前考慮清楚的。沒有價值就只能成為垃圾和廢品，無人問津。</p><p>　?。?）網站的美工固然重要，但是最好配合網站本身的目標而確立一種相協調的風格，并非美術感越強越好，要把美工體現在與網站風格的搭配上，突出網站的主題。比如技術性網站要給人的感覺專業(yè)性很強，用藍色較容易體現。個人主頁則可溫馨、可浪漫、可活潑跳躍，因個人氣質而不同。如果只有漂亮的頁面而沒有內容，整