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

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

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

3、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的重大活動(dòng)安排與招生政策，增強(qiáng)家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet上實(shí)現(xiàn)完成部分校務(wù)，提高辦事效率。</p><p>　　關(guān)鍵詞：HTML 招生信息網(wǎng)站 網(wǎng)站設(shè)計(jì)</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>　　第一章 網(wǎng)站建立的理論基礎(chǔ)6</p><p>　　

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

11、/p><p>　　第三章 網(wǎng)站的整體設(shè)計(jì)19</p><p>　　3. 1 網(wǎng)站簡(jiǎn)要說明19</p><p>　　3. 2 網(wǎng)站可用性討論19</p><p>　　3. 3 網(wǎng)站模塊構(gòu)成21</p><p>　　3. 4 本章小結(jié)22</p><p>　　第四章

12、 網(wǎng)站整體設(shè)計(jì)的具體實(shí)現(xiàn)23</p><p>　　4. 1 前臺(tái)顯示說明23</p><p>　　4. 2 結(jié)構(gòu)設(shè)計(jì)24</p><p>　　4. 3 具體設(shè)計(jì)文檔24</p><p>　　4. 5 網(wǎng)站維護(hù)的設(shè)計(jì)25</p><p>　　4. 6 本章小節(jié)27</p>&

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

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

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

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

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

18、>　?。?）網(wǎng)站是實(shí)現(xiàn)招生信息資源分配的橋梁，它使每一個(gè)人們都能獲得自己需要的信息，同時(shí)可以為人們提供便利。</p><p>　?。?）招生信息門戶網(wǎng)站能夠?yàn)槿藗兲峁┳约核璧男畔ⅲ猩畔㈤T戶網(wǎng)站是的學(xué)校與學(xué)生之間有了全新的交流方式，它不再受地域的限制，它可以使學(xué)校與學(xué)生進(jìn)行交流。達(dá)到互惠互利的目的。</p><p>　?。?）招生信息門戶網(wǎng)站是最佳的交易平臺(tái)，招生信息門戶網(wǎng)站與大

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

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

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

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

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

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

25、不可恢復(fù)的系統(tǒng)錯(cuò)誤，也應(yīng)該保證數(shù)據(jù)完好無損，對(duì)數(shù)據(jù)的精確度、時(shí)間特性、適應(yīng)性等都有一定要求，要求系統(tǒng)運(yùn)行時(shí)，能夠保證數(shù)據(jù)的正確性、信息的可靠性、實(shí)現(xiàn)的高效性、系統(tǒng)的易使用性、系統(tǒng)管理的可維護(hù)性、信息的可測(cè)試性、數(shù)據(jù)的復(fù)用性、數(shù)據(jù)的可移植性以及網(wǎng)絡(luò)互聯(lián)性。</p><p>　　1. 3 HTMl簡(jiǎn)介</p><p>　　HTML是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各

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

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

28、間內(nèi)做出HOMEPAGE，且可以學(xué)習(xí)HTML，這種類型的軟件主要有HTDTOC，還有國(guó)產(chǎn)的軟件網(wǎng)頁作坊。 </p><p>　　3、所見即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁，這類軟件主要有FRONTPAGE2003，DREAMWEAVER。</p><p>　　4、文本標(biāo)記語言源程序的文件擴(kuò)展名默認(rèn)使用htm或html。在使用文本編輯器時(shí)，注意修改擴(kuò)

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

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

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

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

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

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

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

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

37、t;/p><p>　　如果我們?cè)跒g覽器中直接查看網(wǎng)頁的原始代碼，就只能看到HTML文件，原始的HTML程序代碼是看不到的！這是因?yàn)镠TML程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的HTML程序并不會(huì)輕易地被看見進(jìn)而被盜用。</p><p>　?。?）易于操控?cái)?shù)據(jù)庫</p><

38、;p>　　HTML可以輕易地通過ODBC(Open Database Connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，HTML亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫用。</p><p>　?。?）面向?qū)ο髮W(xué)習(xí)容易</p><p>　　HTML具備有面向?qū)ο螅∣bject-Oriented）功能，

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

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

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

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

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

44、而常用的圖像文件的擴(kuò)展名為gif和jpg。 </p><p>　　(2) HTML源程序?yàn)槲谋疚募淞袑捒刹皇芟拗?，即多個(gè)標(biāo)記可寫成一行，甚至整個(gè)文件可寫成一行；若寫成多行，瀏覽器一般忽略文件中的回車符（標(biāo)記指定除外）；對(duì)文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(hào)(實(shí)體符)“&nbsp(注意此字母必須小寫，方可空格)”表示非換行空格；表示文件路徑時(shí)使用符號(hào)“/”分隔，文件名及路徑

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

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

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

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

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

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

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

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

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

54、字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。 　　</p><p><b>　　6、網(wǎng)頁制作 　　</b></p><p>　　網(wǎng)絡(luò)的普及是促使更多人需要掌握PHOTOSHOP的一個(gè)重要原因。因?yàn)樵谥谱骶W(wǎng)頁時(shí)PHOTOSHOP是必不可少的網(wǎng)頁圖像處理軟件。 　　</p><p>　　7、建筑效果圖后期修飾 　</p&

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

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

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

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

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

60、 </p><p>　　二、 Dreamweaver</p><p>　?。?）Dreamweaver之所以能成為許多專業(yè)網(wǎng)頁設(shè)計(jì)人員與業(yè)余人員制作網(wǎng)頁的首選而且能保持著多年的壟斷地位，主要是因?yàn)槠涫恰八娂人谩钡木W(wǎng)頁編輯軟件，即使對(duì)HTML不熟悉。也可以作出精彩的網(wǎng)頁來。Dreamweaver不但能夠完成一般的網(wǎng)頁編輯工作。而且能夠?qū)崿F(xiàn)過去需要通過編程才能實(shí)現(xiàn)的一些效果，并

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

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

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

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

65、er將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新</p><p>　　三、使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般

66、語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單控制能力。</p><p><b>　　四、flash</b></p><p>　　（1）Flash 軟件出現(xiàn)不久就幾乎成為了網(wǎng)頁動(dòng)畫的標(biāo)準(zhǔn)，使用該軟件可以制作網(wǎng)頁互動(dòng)動(dòng)畫，還可以將一個(gè)較大的互動(dòng)動(dòng)畫作為一個(gè)完整的網(wǎng)頁。只要用鼠標(biāo)進(jìn)行簡(jiǎn)單的單擊，拖動(dòng)操作就可以生成精美的互動(dòng)動(dòng)畫，使用Flash制作的動(dòng)畫與其他軟件制作

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

68、會(huì)嵌入到瀏覽器中，啟動(dòng)瀏覽器后就可以直接瀏覽帶有Flash動(dòng)畫的網(wǎng)頁，使用Java也可以制作一些動(dòng)畫，但是每次都要花費(fèi)大量的時(shí)間啟動(dòng)Java虛擬機(jī)。 “流” 形式文件播放。Flash 插件播放動(dòng)畫使用“流”形式的技術(shù)，用戶無需漫長(zhǎng)的等待，可以邊下載邊。</p><p>　?。?）Flash 特別適用于創(chuàng)建通過 Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ?。Flash 是通過廣泛使用矢量圖形做到這一點(diǎn)的。與位圖

69、圖形相比，矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來表示。</p><p>　?。?）Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡(jiǎn)單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的

70、各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的動(dòng)畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。</p><p>　?。?）Flash 特別適用于創(chuàng)建通過 Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ?。Flash 是通過廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大

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

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

73、布的最新招生信息、最新信息，更新招生信息資訊以及與學(xué)生交互而設(shè)計(jì)的。系統(tǒng)的各種功能設(shè)計(jì)能夠符合招生信息門戶網(wǎng)站的要求、信息、交互、最新信息的更新等發(fā)布功能的實(shí)現(xiàn)，能夠給網(wǎng)站更多的生氣，更多的實(shí)現(xiàn)了學(xué)生與學(xué)校之間的交互性。</p><p>　　3. 2 網(wǎng)站可用性討論</p><p><b>　　（1）網(wǎng)頁布局</b></p><p>　　

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

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

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

77、lt;p>　　Web站點(diǎn)主頁的基本成分包括：</p><p>　　頁頭：準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn)名稱；</p><p>　　E-mail地址：用來接收用戶垂詢；</p><p>　　聯(lián)系信息：如普通郵件地址或電話；</p><p>　　版權(quán)信息：讓用戶了解系統(tǒng)信息。</p><p>　　重復(fù)利用已有信息，如頭部的導(dǎo)航部

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

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

80、信息庫，鏈接到其它網(wǎng)站輕而易舉。</p><p>　　在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時(shí)，應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。</p><p>　　3. 3 網(wǎng)站模塊構(gòu)成</p><p><b>　　網(wǎng)站模塊結(jié)構(gòu)圖</b></p><p>　　網(wǎng)站的結(jié)構(gòu)圖大致介紹了網(wǎng)站的組成頁面&l

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

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

83、設(shè)計(jì)。在體系結(jié)構(gòu)設(shè)計(jì)之前要閱讀需求文檔，明確設(shè)計(jì)任務(wù)。</p><p>　　第四章 網(wǎng)站整體設(shè)計(jì)的具體實(shí)現(xiàn)</p><p>　　4. 1 前臺(tái)顯示說明</p><p><b>　　網(wǎng)站首頁</b></p><p><b>　　一、前臺(tái)首頁顯示</b></p><p>

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

85、直接點(diǎn)擊出來查看的詳細(xì)信息。</p><p>　　（4）網(wǎng)站首頁的設(shè)計(jì)涵蓋了網(wǎng)頁導(dǎo)航的顯示的主要內(nèi)容為查看網(wǎng)站的人，提供了網(wǎng)站各個(gè)子頁的大致內(nèi)容，方便了解網(wǎng)站的主題構(gòu)造和經(jīng)典內(nèi)容。</p><p>　?。?）設(shè)有專題顯示和網(wǎng)站調(diào)查系統(tǒng)，以及網(wǎng)站的一些統(tǒng)計(jì)數(shù)據(jù)信息，可以按不同條件進(jìn)行文件信息搜索。</p><p>　?。?）招生信息資訊專欄中的部分內(nèi)容的更新提供了招生

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

87、網(wǎng)站的整體個(gè)人看來結(jié)構(gòu)就很清晰。</p><p><b>　　（2）界面設(shè)計(jì)</b></p><p>　　設(shè)置公開地聯(lián)系方式及其用戶信息反饋專用論壇功能； 設(shè)置網(wǎng)站整體信息與用戶為一體；設(shè)置完善地個(gè)性化地會(huì)員管理與交互系統(tǒng)； 完善的網(wǎng)站內(nèi)容、網(wǎng)站用戶檢索系統(tǒng)。</p><p>　　網(wǎng)站的整體顏色：綠色為導(dǎo)航顏色；主體顏色：白色；

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

89、面制作；版權(quán)信息。</p><p>　　4. 3 具體設(shè)計(jì)文檔</p><p><b>　　一、內(nèi)容和功能設(shè)計(jì)</b></p><p>　　這個(gè)校園網(wǎng)站主要實(shí)現(xiàn)新聞、信息等功能，目標(biāo)用戶主要是Internet的學(xué)生。先明確這個(gè)招生信息門戶網(wǎng)站提供的主要功能：</p><p>　　(1) 注冊(cè)登錄系統(tǒng)：提供用來在論壇中

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

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

92、t;p><b>　　三、 信息結(jié)構(gòu)設(shè)計(jì)</b></p><p><b>　　(1) 確定欄目</b></p><p>　　欄目是網(wǎng)站主要內(nèi)容的體現(xiàn)，合理的劃分和安排欄目，將網(wǎng)站的主題明確的顯示出來，并且盡量方便訪問者的瀏覽和查詢。</p><p>　　(2) 網(wǎng)站裝飾風(fēng)格</p><p>　　

93、采用了灰色和白色為主導(dǎo)航顏色，首頁中運(yùn)用最新更新圖片，以及文字交錯(cuò)排版，使整個(gè)網(wǎng)站看上去符合跳動(dòng)的風(fēng)格。</p><p>　　(3) 網(wǎng)站的鏈接結(jié)構(gòu)</p><p>　　招生信息門戶網(wǎng)站的主要鏈接關(guān)系如下：</p><p>　　招生信息首頁、院系介紹、招生計(jì)劃、錄取分?jǐn)?shù)、招生簡(jiǎn)章、招生政策相互之間均有鏈接。</p><p><b>

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

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

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

97、站能夠長(zhǎng)期穩(wěn)定地運(yùn)行在Internet上，及時(shí)地調(diào)整和更新您的網(wǎng)站內(nèi)容，在瞬息萬變的信息社會(huì)中抓住更多的網(wǎng)絡(luò)商機(jī)。</p><p><b>　?。ǘ?nèi)容</b></p><p>　　1、 服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間； </p><p>　　2、 數(shù)據(jù)庫維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫

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

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

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

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

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

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

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

105、 網(wǎng)站制作的不足及其糾正</p><p>　　5. 1 關(guān)于我的網(wǎng)站制作</p><p><b>　　一、我的網(wǎng)站制作</b></p><p>　　（1）分別敘述一下首頁制作的一些想法好了，首先是個(gè)人網(wǎng)頁的制作，是利用Dreamweaver制作出來的，為了想要有一些效果，除了努力的看老師給的講義之外，也上網(wǎng)看看有沒有教學(xué)的網(wǎng)站，很幸運(yùn)的網(wǎng)絡(luò)

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

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

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