網(wǎng)站網(wǎng)頁(yè)畢業(yè)設(shè)計(jì)

1、<p><b>　　畢</b></p><p><b>　　業(yè)</b></p><p><b>　　設(shè)</b></p><p><b>　　計(jì)</b></p><p><b>　　摘要</b></p><

2、p>　　隨著經(jīng)濟(jì)社會(huì)的發(fā)展，計(jì)算機(jī)已被應(yīng)用到社會(huì)生活的各個(gè)領(lǐng)域。與此同時(shí)，互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球的計(jì)算機(jī)，而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在Internet上表現(xiàn)出其及其重要的地位，并發(fā)揮著其及其重要的作用。無(wú)論是在國(guó)內(nèi)還是國(guó)外都得以迅速的發(fā)展和壯大，并被人們重視和關(guān)注?；ヂ?lián)網(wǎng)已經(jīng)徹底的改變了世界，互聯(lián)網(wǎng)的世界里蘊(yùn)藏著無(wú)限的可能，在這種情況下，各行各業(yè)及其個(gè)人、單位、工廠、企事業(yè)等等

3、在網(wǎng)上構(gòu)筑屬于自己的網(wǎng)絡(luò)信息平臺(tái)，保護(hù)自己的網(wǎng)絡(luò)資源并在互聯(lián)網(wǎng)上開辟自己的市場(chǎng)和消費(fèi)群體，以及構(gòu)造自己的數(shù)字化世界和加強(qiáng)全球范圍內(nèi)不同地域的人們聯(lián)系交流等等活動(dòng)也就顯的日益重要。于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)魚龍混雜且良莠不齊。Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁(yè)制作得到發(fā)展的空間，大至大型企業(yè)的產(chǎn)品推銷、售后服務(wù)、解決方案，小至個(gè)人Web頁(yè)面開發(fā)，形形色色，五彩繽紛，網(wǎng)站建設(shè)

4、和網(wǎng)頁(yè)制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門的話題。</p><p>　　論文論述了系統(tǒng)的開發(fā)背景和設(shè)計(jì)目標(biāo)，并對(duì)系統(tǒng)開發(fā)所采用的技術(shù)進(jìn)行相應(yīng)的簡(jiǎn)單介紹。在系統(tǒng)分析中，對(duì)系統(tǒng)的模型進(jìn)行簡(jiǎn)單分析，明確系統(tǒng)的操作流程，并對(duì)系統(tǒng)進(jìn)行可行性分析，確定在目前的條件下，開發(fā)留言板信息管理系統(tǒng)是可行的。在需求分析結(jié)果的基礎(chǔ)上，對(duì)系統(tǒng)的功能模塊進(jìn)行劃分。接著對(duì)系統(tǒng)中的數(shù)據(jù)庫(kù)進(jìn)行模型設(shè)計(jì)，包括數(shù)據(jù)流圖、實(shí)體聯(lián)系圖及數(shù)據(jù)表結(jié)構(gòu)。本文以個(gè)人網(wǎng)

5、站建設(shè)為例，系統(tǒng)介紹網(wǎng)站的需求、系統(tǒng)分析及設(shè)計(jì)方案，最終并給出ASP技術(shù)實(shí)現(xiàn)網(wǎng)站的過程。</p><p>　　關(guān)鍵詞：php 網(wǎng)頁(yè)設(shè)計(jì) photoshop 超鏈接 動(dòng)態(tài)網(wǎng)頁(yè)</p><p><b>　　目錄</b></p><p><b>　　摘要2</b></p><p><b>

6、;　　緒論5</b></p><p>　　第一章 、開發(fā)工具及相關(guān)術(shù)語(yǔ)6</p><p>　　1.1、開發(fā)工具的介紹及選擇6</p><p>　　1.1.1、影像與動(dòng)畫的制作軟件—Adobe Photoshop8.06</p><p>　　1.1.2、網(wǎng)頁(yè)動(dòng)畫的制作軟件----Micromedia Flash 8.06&

7、lt;/p><p>　　1.1.3、JavaScript6</p><p>　　1.1.4、phpnow7</p><p>　　1.2、相關(guān)術(shù)語(yǔ)及解釋7</p><p>　　1.2.1、Internet7</p><p>　　1.2.2、站點(diǎn)7</p><p>　　1.2.3、超鏈接8&

8、lt;/p><p>　　1.2.4、URL8</p><p>　　第二章、網(wǎng)站設(shè)計(jì)規(guī)劃10</p><p>　　2.1、網(wǎng)站開發(fā)項(xiàng)目需求分析10</p><p>　　2.2、網(wǎng)站的規(guī)劃11</p><p>　　2.2.1、明確架設(shè)網(wǎng)站的目的及客戶要求11</p><p>　　2.2.2、系

9、部網(wǎng)站概貌11</p><p>　　2.2.3、功能劃分11</p><p>　　2.2.4、功能描述11</p><p>　　2.2.5、網(wǎng)站模塊結(jié)構(gòu)設(shè)計(jì)12</p><p>　　第三章 、網(wǎng)站制作13</p><p>　　3.1、制作網(wǎng)頁(yè)的步驟13</p><p>　　3.2、制

10、作網(wǎng)頁(yè)的要素15</p><p>　　第四章、詳細(xì)設(shè)計(jì)17</p><p>　　4.1、各頁(yè)面效果圖17</p><p>　　4.2、主要模塊及其代碼21</p><p>　　4.2.1、導(dǎo)航條21</p><p>　　4.2.2、flash24</p><p>　　4.2.3、校園

11、風(fēng)采滾動(dòng)條25</p><p>　　第五章 、網(wǎng)站的測(cè)試40</p><p><b>　　總結(jié)41</b></p><p><b>　　致謝42</b></p><p><b>　　參考文獻(xiàn)42</b></p><p><b>　　緒

12、論</b></p><p>　　網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問題了，對(duì)于一個(gè)企業(yè)來(lái)說，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開拓國(guó)際市場(chǎng)，開展24小時(shí)網(wǎng)上營(yíng)銷及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打開新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。</p><p

13、>　　對(duì)于個(gè)人來(lái)說，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對(duì)相對(duì)于其他包括種類齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。這是我這個(gè)網(wǎng)站選擇大學(xué)生主題的原因之

14、一。</p><p>　　其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對(duì)什么事物，內(nèi)容，活動(dòng)等等感興趣，所以，我做起來(lái)的時(shí)候相對(duì)來(lái)說是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會(huì)捕捉到大學(xué)生的興趣點(diǎn)。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過程中，我廣泛的聽取同學(xué)的意見和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。</p><p>　　在整個(gè)網(wǎng)

15、站的設(shè)計(jì)過程中，我根據(jù)自己以往的設(shè)計(jì)經(jīng)驗(yàn)和自己找來(lái)的資料，又經(jīng)過老師的指點(diǎn)，經(jīng)過了近一個(gè)月的努力，幾經(jīng)易稿，最終做成了我的這個(gè)個(gè)人主頁(yè)。</p><p>　　、開發(fā)工具及相關(guān)術(shù)語(yǔ)</p><p>　　1.1、開發(fā)工具的介紹及選擇</p><p>　　1.1.1、影像與動(dòng)畫的制作軟件—Adobe Photoshop8.0</p><p>　　P

16、hotoshop 8.0是目前最流行的圖形、圖像編輯設(shè)計(jì)軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計(jì)、封面設(shè)計(jì)、美術(shù)繪畫、網(wǎng)頁(yè)設(shè)計(jì)等領(lǐng)域都被廣泛地應(yīng)用。</p><p>　　(一) 文字處理更加方便</p><p>　　(二) 增加的圖層集使圖層管理更有序。</p><p>　　(三) 新增圖像功能：圖像的剪切和剪裁更加方便。</p><p>

17、;　　(四) 將所有工具的選項(xiàng)板改進(jìn)為工具選項(xiàng)欄放置在工作區(qū)頂部，方便先項(xiàng)參數(shù)的設(shè)置。</p><p>　　(五) 為了更方便地用路徑繪畫，改進(jìn)增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。</p><p>　　1.1.2、網(wǎng)頁(yè)動(dòng)畫的制作軟件----Micromedia Flash 8.0</p><p&g

18、t;　　Micromedia Flash 8.0用于web站點(diǎn)的交互式的矢量圖形和動(dòng)畫的制作，它可制作出 用于瀏覽時(shí)的導(dǎo)航控制、制作動(dòng)畫圖標(biāo)、帶同步聲音的大段的動(dòng)畫，創(chuàng)建出生動(dòng)的富于表現(xiàn)力的網(wǎng)頁(yè)。Flash中的圖形都是矢量的，占據(jù)存儲(chǔ)空間較少，因而下載時(shí)間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。</p><p>　　Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過對(duì)

19、Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對(duì)變量及函數(shù)的設(shè)置。</p><p>　　1.1.3、JavaScript</p><p>　　JavaSript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java 腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)

20、面中鏈接多個(gè)對(duì)象，與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷，它是Java與HTML折衷的選擇。</p><p>　　1.1.4、phpnow</p><p>　　PHPnow 是 Win32 下綠色免費(fèi)的 Apache + PHP + MySQL 環(huán)境套件包。 　　簡(jiǎn)易安裝、快速搭建支持虛擬主機(jī)的

21、 PHP 環(huán)境。附帶 PnCp.cmd 控制面板，幫助你快速配置你的套件，使用非常方便。安裝 PHPnow 只需解壓、初始化，就可得到一個(gè)標(biāo)準(zhǔn)的 PHP + MySQL 的服務(wù)器環(huán)境。然后就可以直接安裝 Discuz! 等程序，或者進(jìn)行 PHP 開發(fā)調(diào)試。支持虛擬主機(jī)：便捷的虛擬主機(jī)管理 　　虛擬主機(jī)代理：可與 IIS 共存 80 端口(代理方式) 插件支持：ASP | ASP.NET | JSP 　　喜歡自己配置 PHP 環(huán)境 ?！　?/p>

22、</p><p>　　PHPnow 僅使用了 DOS 命令腳本 和 PHP 程序，完全可以自己修改，打造自己的套件！手動(dòng)配置 PHP 還是有必要掌握的，PHPnow 只是為你減少重復(fù)的動(dòng)作。 * [ 圖解 PHPnow 安裝過程 ]</p><p>　　1.2、相關(guān)術(shù)語(yǔ)及解釋</p><p>　　1.2.1、Internet</p><p>

23、　　Internet(英特網(wǎng))誕生于上世紀(jì)60年代，發(fā)展非常慢，到90年代才開始迅速發(fā)展?，F(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡(luò)的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺(tái)。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識(shí)的海洋。</p><p><b>　　1.2.2、站點(diǎn)</b></p><p>　　所謂站點(diǎn)，就是將網(wǎng)頁(yè)文件和素材文件，有條理地放置站點(diǎn)文件夾里，這些文

24、件與文件夾就構(gòu)成了網(wǎng)站的實(shí)質(zhì)內(nèi)容。站點(diǎn)文件夾里除了網(wǎng)頁(yè)文件還有素材文件，所謂素材就是網(wǎng)頁(yè)中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨(dú)文件的形式存在。</p><p><b>　　1.2.3、超鏈接</b></p><p>　　我們?cè)跒g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)指針指向某段文本或是某個(gè)圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開其他的網(wǎng)頁(yè)或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超

25、鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁(yè)、網(wǎng)頁(yè)中的不同位置彼此串在一起，實(shí)現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計(jì)算機(jī)上的海量資源，實(shí)現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務(wù)存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。</p><p><b>　　1.2.4、URL</b></p><p>　　URL（Unifo

26、rm Resource Locator的縮寫），統(tǒng)一資源定位器?；ヂ?lián)網(wǎng)中某種信息資源以某種方式存儲(chǔ)在網(wǎng)絡(luò)中的某處，必須用一個(gè)惟一的URL來(lái)進(jìn)行標(biāo)識(shí)，這樣才能方便查找。對(duì)于Web來(lái)說，可以簡(jiǎn)單并通俗把URL理解為網(wǎng)址。每個(gè)Web網(wǎng)頁(yè)都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁(yè)的URL，就可以訪問這個(gè)網(wǎng)頁(yè)。例如，http://localhost/edu/index.html，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁(yè)，由于網(wǎng)頁(yè)均是通過

27、http超文本傳輸協(xié)議進(jìn)行訪問，默認(rèn)下，“http://”可以省略不輸。</p><p>　　PHPnow組件最新版本包含：</p><p>　　Apache-2.2.8 </p><p>　　PHP-5.2.5 </p><p>　　MySQL-5.0.51a 　　</p><p>　　Zend Optimize

28、r-3.3.0 　　</p><p>　　phpMyAdmin-2.11.4 　　</p><p>　　快速使用向?qū)В?　　</p><p>　　如果系統(tǒng)有同類軟件，請(qǐng)先停止或卸載，否則會(huì)占默認(rèn)端口！請(qǐng)關(guān)閉迅雷，會(huì)占端口！ 　　</p><p>　　解壓：解壓到任意目錄；（不能含有中文！例如 "桌面"） 　　</p&

29、gt;<p>　　安裝：運(yùn)行 Init.cmd 進(jìn)行初始化； 　　</p><p>　　使用：.\htdocs 為網(wǎng)站主目錄。執(zhí)行 PnCp.cmd 進(jìn)行設(shè)置或管理。 　　</p><p>　　注意：卸載前必須執(zhí)行 Stop.cmd！ 　　</p><p>　　使用 PnCp.cmd 進(jìn)行設(shè)置和管理。 　　</p><p>&l

30、t;b>　　許可協(xié)議 ：　　</b></p><p>　　PHPnow 是免費(fèi)自由軟件。你可以進(jìn)行任意修改，并可免費(fèi)用于商業(yè)。 　　PHPnow 是一個(gè)集成套件，各組件的許可協(xié)議是獨(dú)立分開的。其中 AHTML(ASP 支持插件) 為試用軟件。 　　</p><p>　　請(qǐng)尊重 PHPnow，發(fā)布修改版應(yīng)該注明原版 PHPnow。 　　</p><p&g

31、t;　　第二章、網(wǎng)站設(shè)計(jì)規(guī)劃</p><p>　　2.1、網(wǎng)站開發(fā)項(xiàng)目需求分析</p><p>　　一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這種需求往往來(lái)自于客戶的實(shí)際需求或者是出于公司自身發(fā)展的需要，其中客戶的實(shí)際需求也就是說這種交易性質(zhì)的需求占了絕大部分。面對(duì)對(duì)網(wǎng)站開發(fā)擁有不同知識(shí)層面的客戶，項(xiàng)目的負(fù)責(zé)人對(duì)用戶需求的理解程度，在很大程度上決定了此類網(wǎng)站開發(fā)項(xiàng)目的成敗。因此如何更

32、好地的了解、分析、明確用戶需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)給參與項(xiàng)目開發(fā)的每個(gè)成員，保證開發(fā)過程按照滿足用戶需求為目的正確項(xiàng)目開發(fā)方向進(jìn)行，是每個(gè)網(wǎng)站開發(fā)項(xiàng)目管理者需要面對(duì)的問題。為了使學(xué)生提供及時(shí)和有效的信息，為其選擇適合自己的方法提供良好的參考。</p><p><b>　　2.2、網(wǎng)站的規(guī)劃</b></p><p>　　2.2.1、明確架設(shè)網(wǎng)站的目的及客

33、戶要求</p><p>　　通常情況下，架設(shè)校園網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)師生在科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，校園網(wǎng)站一般體現(xiàn)在：為了展示學(xué)校的風(fēng)采，讓大家一起分享學(xué)習(xí)的心得與經(jīng)驗(yàn)，讓所有的同學(xué)共同了解學(xué)校最新動(dòng)態(tài)，為廣大師生提供一個(gè)良好的交流平臺(tái)，促進(jìn)同學(xué)間的友誼，同時(shí)也為大家提供一個(gè)良好的閱讀空間，是同學(xué)們有一個(gè)健康的網(wǎng)絡(luò)學(xué)習(xí)空間。</p><p&

34、gt;　　2.2.2、系部網(wǎng)站概貌</p><p>　　我們?cè)诰W(wǎng)站建設(shè)的前期工作中，首先通過各種調(diào)查收集所需的素材及相關(guān)資料，對(duì)所建設(shè)的網(wǎng)站做了大體規(guī)劃以及具體需求分析，確定網(wǎng)站的整體建設(shè)思路，并對(duì)網(wǎng)站所需要添加的內(nèi)容進(jìn)行基本的歸納和總結(jié)。</p><p>　　2.2.3、功能劃分</p><p>　　網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁(yè)瀏覽自己喜歡的新聞，并且可以

35、在留言板和大家交流。</p><p>　　網(wǎng)站主要包括：系部首頁(yè)→系部專業(yè)→系部概況→教務(wù)教學(xué)→招生就業(yè)→學(xué)生天地→留言板→校園風(fēng)采八大頁(yè)面組成。</p><p>　　2.2.4、功能描述</p><p><b>　　(一)系部首頁(yè)</b></p><p>　　嵌入院部新聞每日更新代碼，使用在本站首頁(yè)顯示今日校內(nèi)最新動(dòng)態(tài)

36、，供瀏覽者瀏覽。</p><p><b>　　(二)留言板</b></p><p>　　是一個(gè)學(xué)生和學(xué)生、學(xué)生和老師談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行學(xué)術(shù)交流、學(xué)習(xí)。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。</p><p><b>　　(三)系部專業(yè)</b></p><p>

37、;　　是介紹各專業(yè)主干課程、就業(yè)前景以及相關(guān)政策支持，為了方便實(shí)現(xiàn)信息的經(jīng)常更新，設(shè)計(jì)了這個(gè)系部專業(yè)頁(yè)面，使學(xué)生更好的對(duì)所學(xué)專業(yè)有一個(gè)深入的了解。</p><p><b>　　(四)教務(wù)教學(xué)</b></p><p>　　在其中展示教學(xué)動(dòng)態(tài)、科研信息、精品課程學(xué)術(shù)交流，讓大家從中認(rèn)識(shí)和了解系部教學(xué)，讓一些美好的東西我們大家共同來(lái)欣賞。 </p><

38、p><b>　　(五)招生就業(yè)</b></p><p>　　在其中展示招生信息、就業(yè)信息、就業(yè)指導(dǎo)、最新推薦，使大家更好的了解所學(xué)專業(yè)的就業(yè)前景，也使所學(xué)專業(yè)有一個(gè)好的就業(yè)平臺(tái)，通過最新推薦可以使畢業(yè)生掌握最新的招聘信息，使其及時(shí)的找到自己所需工作就業(yè)信息，前去應(yīng)聘自己的崗位。</p><p><b>　　(六)學(xué)生天地</b></p

39、><p>　　在其中展示學(xué)生在學(xué)校學(xué)習(xí)階段所注意的事項(xiàng)和活動(dòng)描述，此模塊分為學(xué)團(tuán)組織、制度建設(shè)、資助專欄、學(xué)生活動(dòng)。</p><p><b>　　校園風(fēng)采</b></p><p>　　此模塊為圖片展示模塊，通過圖片直觀的反映出校園最新動(dòng)態(tài)，使學(xué)生更好的了解學(xué)習(xí)環(huán)境。</p><p>　　建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好

40、提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來(lái)瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。因此我將自己的個(gè)人網(wǎng)站分為八個(gè)欄目，分別是系部首頁(yè)、系部專業(yè)、系部概況、教務(wù)教學(xué)、招生就業(yè)、學(xué)生天地、留言板、校園風(fēng)采。</p>

41、<p>　　2.2.5、網(wǎng)站模塊結(jié)構(gòu)設(shè)計(jì)</p><p>　　與傳統(tǒng)媒體不同，網(wǎng)站除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫等新興多媒體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)站界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)站設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。一般來(lái)說，網(wǎng)站的界面主要由下面幾個(gè)因素構(gòu)成：</p><p>　?。?）文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)站

42、中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。</p><p>　?。?）圖形：圖形在網(wǎng)站界面中具有重要作用。合理的運(yùn)用圖形?？梢陨鷦?dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)站中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了

43、規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種。</p><p>　?。?）頁(yè)面版式：版式是網(wǎng)站界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺元素進(jìn)行組合配置，使頁(yè)面整體視覺效果美觀和諧，便于閱讀，實(shí)現(xiàn)信息傳達(dá)的最佳效果。 </p><p>　?。?）色彩：彩色網(wǎng)站比單色網(wǎng)站更具吸引力；色彩本身具有象征作用。 &l

44、t;/p><p>　?。?）多媒體：網(wǎng)站構(gòu)成中的多媒體元素主要包括音頻、視頻和動(dòng)畫。這些是界面構(gòu)成中最吸引人的元素 。</p><p>　　（6）技術(shù)：網(wǎng)站的技術(shù)要素并非任何情況下在網(wǎng)站中都能直觀體現(xiàn)，但是卻代表了設(shè)計(jì)的整體水平，也是衡量設(shè)計(jì)成功的重要標(biāo)準(zhǔn)。網(wǎng)站界面設(shè)計(jì)最基本的技術(shù)要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。</p><p><b>　　

45、、網(wǎng)站制作</b></p><p>　　3.1、制作網(wǎng)頁(yè)的步驟</p><p>　　在做網(wǎng)頁(yè)之前，我確定了做網(wǎng)頁(yè)的五個(gè)步驟。</p><p>　　一、確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。</p><p>　　二、搜集材料 ：明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。

46、材料既從圖書、報(bào)紙、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。</p><p>　　三、規(guī)劃網(wǎng)站 ：一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考

47、慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。</p><p>　　四、選擇合適的制作工具 ：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。</p><p>　　五、制作網(wǎng)頁(yè) ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一

48、定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。</p><p>　　3.2、制作網(wǎng)頁(yè)的要素</p><p>　　1、網(wǎng)頁(yè)的整體布局設(shè)計(jì) 　 網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺語(yǔ)言，要

49、講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)校園動(dòng)態(tài)的意圖時(shí)，更要注意為了達(dá)到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)

50、型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買。2、網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽(yáng)；藍(lán)色

51、象征大海、天空和水面等。所以如果我們?cè)趯?duì)一家出售冷食的商店進(jìn)</p><p>　　3、網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一　　要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、

52、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語(yǔ)言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果。網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來(lái)，表達(dá)完美的設(shè)計(jì)意境。</p><p><b>　　第四章、詳細(xì)設(shè)計(jì)</b></p><p>　　4.1、各頁(yè)面效果圖</p>&

53、lt;p>　　1.首頁(yè)（index.php）的效果圖如下：</p><p>　　系部專業(yè)（list_news.php）效果圖如下：</p><p>　　系部概況（show_news1.php）效果圖如下：</p><p>　　教務(wù)教學(xué)（list.php）效果圖如下：</p><p>　　招生就業(yè)（list2.php）效果圖如下：<

54、/p><p>　　學(xué)生工作（list1.php）效果圖如下：</p><p>　　留言板（book_write.php）效果圖如下：</p><p>　　校園風(fēng)采（photo.php）效果圖如下： </p><p>　　4.2、主要模塊及其代碼</p><p><b>　　4.2.1、導(dǎo)航條</b>

55、</p><p><b>　　效果圖：</b></p><p><b>　　代碼如下：</b></p><p>　　<TABLE class=top border=0 cellSpacing=0 cellPadding=0 width=1004 </p><p>　　background=im

56、ages/nzcms/nzcms_top01.gif bgColor=#990000 align=center></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD height=38 vAlign=center

57、background=images/nzcms/nzcms.2011_07.gif </p><p>　　width=95 align=middle><A class=left href="index.php">系部首頁(yè)</A></TD></p><p>　　<TD vAlign=center align=left>

58、</p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=left

59、></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=95 </p><p>　　background=images/nzcms/nzcms.2011_07.gif></p><p><b>　　<TBODY></b></p>&l

60、t;p><b>　　<TR></b></p><p>　　<TD align=middle><A class=left onmouseover=ShowMenu(nzcms586) </p><p>　　href="list_news.php?id=590&amp;sort_id=586">系部專業(yè)

61、</p><p>　　</A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD align=left></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=95 <

62、;/p><p>　　background=images/nzcms/nzcms.2011_07.gif></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=middle>&l

63、t;A class=left onmouseover=ShowMenu(nzcms631) </p><p>　　href="show_news1.php">系部概況 </A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD align=left

64、></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=95 </p><p>　　background=images/nzcms/nzcms.2011_07.gif></p><p><b>　　<TBODY></b></p>&l

65、t;p><b>　　<TR></b></p><p>　　<TD align=middle><A class=left onmouseover=ShowMenu(nzcms588) </p><p>　　href="list.php?sort_id=588"> 教務(wù)教學(xué)</A></TD&g

66、t;</TR></TBODY></TABLE></TD></p><p>　　<TD align=left></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=95 </p><p>　　background=images/nzcm

67、s/nzcms.2011_07.gif></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=middle><A class=left onmouseover=ShowMenu(nzcms6

68、38) </p><p>　　href="list2.php?sort_id=638">招生就業(yè)</A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD align=left></p><p>　　<TABLE

69、 border=0 cellSpacing=0 cellPadding=0 width=95 </p><p>　　background=images/nzcms/nzcms.2011_07.gif></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b&g

70、t;</p><p>　　<TD align=middle><A class=left onmouseover=ShowMenu(nzcms720) </p><p>　　href="list1.php?sort_id=720">學(xué)生工作 </A></TD></TR></TBODY></TAB

71、LE></TD></p><p>　　<TD align=left></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=95 </p><p>　　background=images/nzcms/nzcms.2011_07.gif></p>

72、<p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=middle><A class=left onmouseover=ShowMenu(nzcms643) </p><p>　　href=&qu

73、ot;book_write.php">留言板 </A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD align=left></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 widt

74、h=95 </p><p>　　background=images/nzcms/nzcms.2011_07.gif></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=midd

75、le><A class=left href="photo.php">校園風(fēng)采</p><p>　　</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBO

76、DY></TABLE></p><p>　　4.2.2、flash</p><p><b>　　效果圖如下：</b></p><p><b>　　代碼如下：</b></p><p>　　imgUrl1="images/01.jpg";</p>&l

77、t;p>　　imgtext1=" 01"</p><p>　　imgLink1=escape("#");</p><p>　　imgUrl2="images/02.jpg";</p><p>　　imgtext2=" 02"</p><p>　　imgLin

78、k2=escape("#");</p><p>　　imgUrl3="images/03.jpg";</p><p>　　imgtext3=" 03"</p><p>　　imgLink3=escape("#");</p><p>　　imgUrl4="

79、images/04.jpg";</p><p>　　imgtext4=" 04"</p><p>　　imgLink4=escape("#");</p><p>　　imgUrl5="images/05.jpg";</p><p>　　imgtext5=" 05&

80、quot;</p><p>　　imgLink5=escape("#");</p><p>　　var focus_width=355</p><p>　　var focus_height=230</p><p>　　var text_height=0</p><p>　　var swf_heigh

81、t = focus_height+text_height</p><p>　　var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5</p><p>　　var links=imgLink1+"|"+imgLink2+

82、"|"+imgLink3+"|"+imgLink4+"|"+imgLink5</p><p>　　var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5</p><p&g

83、t;　　document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="

84、9;+ focus_width +'" height="'+ swf_height +'">');</p><p>　　document.write('<param name="allowScriptAccess" value="sameDomain"><param name=&q

85、uot;movie" value="images/focus2.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');</p><p>　　document.w

86、rite('<param name="menu" value="false"><param name=wmode value="opaque">');</p><p>　　document.write('<param name="FlashVars" value="pic

87、s='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');</p&g

88、t;<p>　　document.write('</object>');</p><p>　　4.2.3、校園風(fēng)采滾動(dòng)條</p><p><b>　　效果圖如下：</b></p><p><b>　　代碼如下:</b></p><p>　　<TABLE

89、 border=0 cellSpacing=0 cellPadding=0 width=1004 bgColor=#ffffff </p><p>　　align=center></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p>

90、;<p>　　<TD align=middle></p><p>　　<TABLE class=kk border=0 cellSpacing=0 borderColor=#ffffff cellPadding=0 </p><p>　　width="99%" bgColor=#f1f9fe></p><p>

91、;<b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD class=white bgColor=#990000 vAlign=center </p><p>　　background=images/nzcms/tu2.jpg width=

92、25 align=middle><A </p><p>　　href="photo.php"><IMG border=0 src="images/nzcms/tu.jpg"></A></TD></p><p>　　<TD bgColor=#ffffff vAlign=top align=mi

93、ddle></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=10 align=center </p><p><b>　　height=5></b></p><p><b>　　<TBODY></b></p>

94、<p><b>　　<TR></b></p><p>　　<TD></TD></TR></TBODY></TABLE></p><p>　　<DIV style="WIDTH: 950px; OVERFLOW: hidden" id=butong_net_le

95、ft></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%"></p><p><b>　　<TBODY></b></p><p>　　<TR id=butong_net_left1></p>

96、<p><b>　　<TD></b></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%"></p><p><b>　　<TBODY></b></p><p><b&

97、gt;　　<TR></b></p><p>　　<TD vAlign=top align=middle></p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor=#ffffff cellPadding=0></p>

98、<p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD vAlign=center align=middle><A </p><p>　　href="photo.php"><

99、IMG border=0 name="" </p><p>　　alt=我系團(tuán)委榮獲院“五四”紅旗團(tuán)委榮譽(yù)稱號(hào) </p><p>　　src="nz_pic/1.jpg" width=120 </p><p>　　height=100></A><A </p><p>　　href

100、="photo.php"></A></TD></TR></TBODY></TABLE></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p>　　height=30></p><p&

101、gt;<b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=middle><A title='我系團(tuán)委榮獲院“五四”紅旗團(tuán)委榮譽(yù)稱號(hào)"' </p><p>　　href="pho

102、to.php" </p><p>　　target=_blank>獲院“五四”紅旗團(tuán)榮譽(yù) </p><p>　　</A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD vAlign=top align=middle><

103、/p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor=#ffffff cellPadding=0></p><p><b>　　<TBODY></b></p><p><b>　　<TR>

104、;</b></p><p>　　<TD vAlign=center align=middle><A </p><p>　　href="photo.php"><IMG border=0 name="" </p><p>　　alt=志愿者獻(xiàn)愛心活動(dòng) </p><p&g

105、t;　　src="nz_pic/2.jpg" width=120 </p><p>　　height=100></A><A </p><p>　　href="photo.php"></A></TD></TR></TBODY></TABLE></p>

106、<p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p>　　height=30></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p&g

107、t;<p>　　<TD align=middle><A title='志愿者獻(xiàn)愛心活動(dòng) "' </p><p>　　href="photo.php" </p><p>　　target=_blank>志愿者獻(xiàn)愛心活動(dòng) </p><p>　　</A></TD>

108、</TR></TBODY></TABLE></TD></p><p>　　<TD vAlign=top align=middle></p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor=#ffffff ce

109、llPadding=0></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD vAlign=center align=middle><A </p><p>　　href=&quo

110、t;photo.php"><IMG border=0 name="" </p><p>　　alt=校企合作洽談會(huì) </p><p>　　src="nz_pic/3.jpg" width=120 </p><p>　　height=100></A><A </p>&l

111、t;p>　　href="photo.php"></A></TD></TR></TBODY></TABLE></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p>　　height=30></

112、p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=middle><A title='校企合作洽談會(huì) "' </p><p>　　href="p

113、hoto.php" </p><p>　　target=_blank>校企合作洽談會(huì) </p><p>　　</A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD vAlign=top align=middle></

114、p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor=#ffffff cellPadding=0></p><p><b>　　<TBODY></b></p><p><b>　　<TR>

115、</b></p><p>　　<TD vAlign=center align=middle><A </p><p>　　href="photo.php"><IMG border=0 name="" </p><p><b>　　alt=院部會(huì)議 </b></

116、p><p>　　src="nz_pic/4.jpg" width=120 </p><p>　　height=100></A><A </p><p>　　href="photo.php"></A></TD></TR></TBODY></TABLE&

117、gt;</p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p>　　height=30></p><p><b>　　<TBODY></b></p><p><b>　　<TR><

118、/b></p><p>　　<TD align=middle><A title='院部會(huì)議 "' </p><p>　　href="photo.php" </p><p>　　target=_blank>院部會(huì)議 </p><p>　　</A></

119、TD></TR></TBODY></TABLE></TD></p><p>　　<TD vAlign=top align=middle></p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor=#fff

120、fff cellPadding=0></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD vAlign=center align=middle><A </p><p>　　hre

121、f="photo.php"><IMG border=0 name="" </p><p><b>　　alt=畢業(yè)合影 </b></p><p>　　src="nz_pic/5.jpg" width=120 </p><p>　　height=100></A&g

122、t;<A </p><p>　　href="photo.php"></A></TD></TR></TBODY></TABLE></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p&g

123、t;　　height=30></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD align=middle><A title='畢業(yè)合影 "' </p><

124、p>　　href="photo.php" </p><p>　　target=_blank>畢業(yè)合影 </p><p>　　</A></TD></TR></TBODY></TABLE></TD></p><p>　　<TD vAlign=top align

125、=middle></p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor=#ffffff cellPadding=0></p><p><b>　　<TBODY></b></p><p><b

126、>　　<TR></b></p><p>　　<TD vAlign=center align=middle><A </p><p>　　href="photo.php"><IMG border=0 name="" </p><p>　　alt=藝術(shù)節(jié)獲獎(jiǎng)晚會(huì) </

127、p><p>　　src="nz_pic/6.jpg" width=120 </p><p>　　height=100></A><A </p><p>　　href="photo.php"></A></TD></TR></TBODY></TABLE&

128、gt;</p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p>　　height=30></p><p><b>　　<TBODY></b></p><p><b>　　<TR><

129、/b></p><p>　　<TD align=middle><A title='藝術(shù)節(jié)獲獎(jiǎng)晚會(huì) "' </p><p>　　href="photo.php" </p><p>　　target=_blank>藝術(shù)節(jié)獲獎(jiǎng)晚會(huì) </p><p>　　</A>

130、</TD></TR></TBODY></TABLE></TD></p><p>　　<TD vAlign=top align=middle></p><p>　　<TABLE class=bg_qc border=0 cellSpacing=5 </p><p>　　borderColor

131、=#ffffff cellPadding=0></p><p><b>　　<TBODY></b></p><p><b>　　<TR></b></p><p>　　<TD vAlign=center align=middle><A </p><p>

132、　　href="photo.php"><IMG border=0 name="" </p><p>　　alt=我系技能大賽開幕 </p><p>　　src="nz_pic/7.jpg" width=120 </p><p>　　height=100></A><A &l

133、t;/p><p>　　href="photo.php"></A></TD></TR></TBODY></TABLE></p><p>　　<TABLE border=0 cellSpacing=0 cellPadding=0 width=140 </p><p>　　height