學(xué)校網(wǎng)站設(shè)計與實現(xiàn)-畢業(yè)論文

1、更多論文/fanteral 學(xué)校網(wǎng)站設(shè)計與實現(xiàn)blue vocational school website design andimplementation 目錄內(nèi)容摘要iiiabstract41 導(dǎo)言51.1 職業(yè)技術(shù)學(xué)校發(fā)展背景51.2 信息交流的平臺51.3 網(wǎng)站的開發(fā)環(huán)境及開發(fā)工具62 需求分析142.1 需求分析的原則142.2 需求分析的方法143 系統(tǒng)分析153.1 網(wǎng)站定位153.2 網(wǎng)站模塊分析表153.3 網(wǎng)站業(yè)務(wù)流程圖154 系統(tǒng)開發(fā)164.1 系統(tǒng)功能詳細(xì)分析164.2 系統(tǒng)的功能流程分析164.3 系統(tǒng)設(shè)計174.4 數(shù)據(jù)庫連接過

2、程204.5 網(wǎng)頁設(shè)計中所用的各種元素224.6 網(wǎng)頁整體風(fēng)格234.7 開發(fā)手段和方法235 系統(tǒng)設(shè)計與實現(xiàn)255.1 網(wǎng)站首頁的設(shè)計255.2 登錄功能設(shè)計265.3 注冊頁面設(shè)計275.4 留言頁面設(shè)計285.5 新聞瀏覽頁面設(shè)計285.6 專業(yè)設(shè)置頁面設(shè)計295.7 校園風(fēng)景頁面設(shè)計315.8 學(xué)校概況頁面設(shè)計325.9 聯(lián)系我們頁面設(shè)計335.10 歡迎留言頁面設(shè)計335.11 招生就業(yè)頁面設(shè)計346 系統(tǒng)測試376.1 測試目的376.2 測試方法376.3 測試實例387 總結(jié)40參考文獻(xiàn)41致謝42內(nèi)容摘要：近些年來隨著計算機(jī)在人們的生活中普遍開來，各個領(lǐng)域都與計算機(jī)有著密切關(guān)

3、系。這樣就有了建設(shè)網(wǎng)站的客觀條件。在制作過程中應(yīng)用了網(wǎng)頁三劍客，理論與實踐相結(jié)合、靈活的取材、靈活的應(yīng)用、創(chuàng)造性的想象。在信息技術(shù)高速發(fā)達(dá)的今天，把科技與教育結(jié)合在一起。讓學(xué)校信息的傳遞更加快捷、廣泛。整個網(wǎng)站設(shè)計主要是達(dá)到了解學(xué)校重要信息與交流的目的?？梢园褜W(xué)校的信息通過最快的方式展示在人們的生活中?，F(xiàn)在大多數(shù)了解學(xué)校的方式是在網(wǎng)上找到學(xué)校的網(wǎng)絡(luò)地址，進(jìn)入學(xué)校的主頁，對它的專業(yè)、教師資源、硬件設(shè)施、就業(yè)前景等進(jìn)行了解。大家都知道我國實施大學(xué)擴(kuò)招的政策，所以現(xiàn)在大學(xué)生很多，大學(xué)生就業(yè)就成了個問題，所以也面臨的解決大學(xué)生就業(yè)的嚴(yán)峻挑戰(zhàn)?？赡苡性S多的學(xué)子選擇另外的道路，所以，職業(yè)技術(shù)學(xué)校的發(fā)展就有

4、了廣大的空間，在教育方面有著深遠(yuǎn)的意義。這樣就想到了設(shè)計一個職業(yè)技術(shù)學(xué)校的網(wǎng)站，讓廣大學(xué)生或?qū)W生家長可以注冊為本學(xué)校網(wǎng)站的會員，可以直接和校長聯(lián)絡(luò)，了解學(xué)校，為求學(xué)之路打下基礎(chǔ)。本網(wǎng)站的特色每個人都可以注冊成為本學(xué)校的會員，每個會員都必須以自己的真實的資料申請注冊本網(wǎng)站。每個欄目進(jìn)入這個網(wǎng)站的人都會沉浸在一種信任和真誠中！在觀看網(wǎng)站時候，每個事物都存在兩面性，我們非常歡迎大家真心的提出來的意見和不足的地方，因為沒有最好，只有更好。關(guān)鍵詞：dreamweaver mx；access；iis; 職業(yè)技術(shù)學(xué)校網(wǎng)站；會員44abstract: in recent years with the comp

5、uter in peoples lives generally open to all fields have a close relationship with the computer.in this way, the objective of building site conditions. application in the production process of the page three musketeers, the combination of theory and practice,flexible materials, flexible application o

6、f creative imagination. high-speed development about information technology, information to make schools develop faster and more extensive. the entire site design is important information to reach schools with the purpose of exchange. schools can be the fastest way through the show in peoples lives.

7、now most of the way schools are enrolled in school in the online network address, enter the schools home page, its professional, teacher resources, hardware facilities, such as understanding of employment prospects. we all know that chinas policy of university expansion, so now many college students

8、, college students has become a problem of employment, so the solution is also facing severe challenges in employment of university students. there are many students may choose another road, so the development of vocational schools will have a large space, in the area of education has far-reaching s

9、ignificance. this thought of the design of a vocational schools web site, so that the majority of students or students。parents can register the school site-based members, and principals can directly contact the school for the study lay the foundation for the road.characteristics of the site that eve

10、ryone can be registered as a member of the school, each member must be true to their own information to apply for registration on this site. when watching the site, there are two sides to everything, we are very sincere welcome to put forward views and insufficient, because there is no best, only be

11、tter.key words : dreamweaver;access;iis; vocational school net; member1 導(dǎo)言1.1 職業(yè)技術(shù)學(xué)校發(fā)展背景首先，從整體上出發(fā)，職業(yè)技術(shù)教育是我覺得文一種以職業(yè)為導(dǎo)向的教育類型，國家教育部曾明確提出：“職業(yè)教育應(yīng)以服務(wù)為宗旨，以就業(yè)為導(dǎo)向確定辦學(xué)目標(biāo)，找準(zhǔn)學(xué)校在區(qū)域經(jīng)濟(jì)和行業(yè)發(fā)展中的位置，培養(yǎng)實踐能力強(qiáng)、具有良好職業(yè)道德、面向生產(chǎn)、管理、和服務(wù)一線的技術(shù)型和技能型人才?！本蜆I(yè)問題已經(jīng)成為我國當(dāng)前社會發(fā)展的重大問題，職業(yè)教育是與經(jīng)濟(jì)關(guān)系最為緊密的教育領(lǐng)域，是直接為經(jīng)濟(jì)界培養(yǎng)高素質(zhì)勞動者的教育，因而職業(yè)教育應(yīng)該以就業(yè)為導(dǎo)向。而這一

12、邏輯思路的基本前提是從經(jīng)濟(jì)的視角來強(qiáng)調(diào)職業(yè)教育的功能。在就業(yè)導(dǎo)向的指導(dǎo)下，許多院校把學(xué)生的崗位就業(yè)能力作為職業(yè)教育的培養(yǎng)目標(biāo)，強(qiáng)調(diào)培養(yǎng)學(xué)生勝任某一工作崗位所需要的專業(yè)知識、專業(yè)技能，完成某一工作任務(wù)所需的競爭和合作技能，應(yīng)聘工作時所需要的求職技能等，把培養(yǎng)目標(biāo)的關(guān)注點放在學(xué)生的初次就業(yè)上，這不利于學(xué)生職業(yè)生涯的發(fā)展。職業(yè)教育不是授人一技之長、謀一工作崗位的功利性教育，而是培養(yǎng)學(xué)生的職業(yè)能力，關(guān)注學(xué)生職業(yè)生涯發(fā)展的教育。職業(yè)教育關(guān)注的不僅是受教育者的就業(yè)能力，而且是受教育者整個職業(yè)生涯的發(fā)展。所以在當(dāng)前國內(nèi)的教育大環(huán)境下， 職業(yè)教育有著廣闊的發(fā)展前景，在多數(shù)的沒有上大學(xué)的初高中學(xué)生的最好選擇。所

13、以制作一個關(guān)于職業(yè)技術(shù)學(xué)校的網(wǎng)站，是有需求的，有意義的。1本網(wǎng)站是所有想再次走進(jìn)學(xué)校學(xué)習(xí)技能的人的希望，讓所有有著美好夢想、想學(xué)得一技之長的人相聚在這里，一起幸福的交流溝通、一起來創(chuàng)造更加美好的未來。在這里更加支持任何人提出積極向上的意見和建議。使得學(xué)校網(wǎng)站的深刻意義得到體現(xiàn)。1.2 信息交流的平臺 現(xiàn)在好多的學(xué)校在網(wǎng)上都有自己的網(wǎng)站，供廣大的求學(xué)者，瀏覽、查找。而且還可以直接與學(xué)校的重要人員聯(lián)絡(luò)，以及留言。這樣不但給學(xué)生們提供了新的求學(xué)深造機(jī)會，而且還把學(xué)校的所有有意義的知識新聞消息，以最快捷的速度展現(xiàn)在大家的面前，你可以注冊登陸之后進(jìn)行留言。可以從網(wǎng)站上與學(xué)校聯(lián)系、交流。1.3 網(wǎng)站的開發(fā)

14、環(huán)境及開發(fā)工具關(guān)于網(wǎng)站的設(shè)計，使根據(jù)網(wǎng)站所提供的功能來確定的。包含著整個主頁的設(shè)計、各種的連接的設(shè)計、實現(xiàn)、數(shù)據(jù)庫的應(yīng)用等。這里的開發(fā)工具主要就是macromedia dreamweaver 、macromedia fireworks、macromedia flash。建立網(wǎng)站前，首先我對學(xué)校網(wǎng)站的各個組成部分的功能及它的可行性和可實現(xiàn)性進(jìn)行了全方位的思考。之后進(jìn)入了設(shè)計階段，在制作過程中靈活的應(yīng)用網(wǎng)頁制作應(yīng)用軟件很好的協(xié)調(diào)和組織所有網(wǎng)站的網(wǎng)頁的顏色及內(nèi)容，一個網(wǎng)站給人的第一印象就是主頁，但是絕不是說，只要主頁做好了，網(wǎng)站的整體形象就好，因為在每個登陸到網(wǎng)站的人瀏覽的過程中，會自然而然的形成一

15、種對網(wǎng)站的看法。這就是整體形象的體現(xiàn)，這是靠主頁和其它的頁面相配合來完成的，所以我在制作網(wǎng)頁的時仔細(xì)的考慮了一下，怎么才能將自己網(wǎng)站好的一面體現(xiàn)給來我的網(wǎng)站的人，同時我也考慮體現(xiàn)的方式、側(cè)重點，希望可以用最勤奮的努力來作出對于我來說最好的作品。 網(wǎng)站不僅具有瀏覽信息功能，同時還有留言等功能。使一些想要進(jìn)入職業(yè)技術(shù)學(xué)校的人可以直接的很直接的在網(wǎng)站上探討、交流、共享。對于dreamweaver 的優(yōu)點及新功能，在這里進(jìn)行一下簡單的介紹，一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具，支持最新的web技術(shù)，包含html檢查、html格式控制、html格式化選項、homesite/bbedit捆綁、可視化網(wǎng)頁設(shè)計

16、、圖像編輯、全局查找替換、全ftp 功能、處理flash和shockwave等富媒體格式和動態(tài)html、基于團(tuán)隊的web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。1.3.1 dreamweaver的十大新特性這個軟件的特性主要有下面幾個內(nèi)容，動態(tài)跨瀏覽器驗證，自動檢測標(biāo)簽和css規(guī)則來適應(yīng)所有主流瀏覽器。更強(qiáng)大的css支持，內(nèi)建的圖形編輯引擎、修剪、改變大小、尺寸、旋轉(zhuǎn)角度、調(diào)節(jié)明暗度等都不需要離開dreamweaver環(huán)境,因為它本身集成了fw的基本圖形編輯技術(shù)。這一點有模仿frontpage的嫌疑,但這個功能確實很實用。支持安全ftp，完全加密傳輸保證文件和帳號信息的安全

17、。支持當(dāng)今主流的開放環(huán)境，coldfusion、j2ee、php、net等。和其他主流的服務(wù)器技術(shù)。dreamweaver現(xiàn)在加入了xml命名空間支持，asp.net表單控件對象，新的參考書內(nèi)容和新的php服務(wù)器端行為。無縫整合外部文件和代碼的特性，可以直接將word和excel文檔復(fù)制和粘貼到dreamweaver中,會保留字體、顏色、css樣式表信息。使用系統(tǒng)支持的編碼保存任何字體,包括雙字節(jié)字符集。緊密整合mm的其他工具，加強(qiáng)了和mm其他幾款產(chǎn)品的協(xié)同工作能力。例如：你可以通過dw直接設(shè)置flash組件的參數(shù)?？梢曰局С指牧疾迦霔l，表格工具都有改進(jìn)。增強(qiáng)代碼編寫工具，編輯代碼更省時,例

18、如右鍵編寫代碼工具，增強(qiáng)的查找和替換，高效的屬性面板。改進(jìn)的設(shè)計開放環(huán)境，一個改良的用戶界面,更高的實用性,非常親切和有邏輯,讓你快速找到你想要的東西，一個新的開始屏幕讓你快速訪問最近的文件和教程資源。21.3.2 網(wǎng)站設(shè)計的另外一個工具flashflash簡介flash是一種交互式矢量多媒體技術(shù)，他的前身是futureplash，早期網(wǎng)上流行的矢量動畫插件。后來由于macromedia公司收購了future splash以后便將其改名為 flash2，到現(xiàn)在最新的flash4?，F(xiàn)在網(wǎng)上已經(jīng)有成千上萬個flash站點，著名的如macromedia專門shockrave站點，全部采用了shock

19、wave flash 和director?？梢哉fflash已經(jīng)漸漸成為交互式知量的標(biāo)準(zhǔn)，未來網(wǎng)頁的一大主流。下面介紹flash3及4版本的特點，總結(jié)起來有如下特點：靈巧的繪圖工具 flash本身具有極其靈巧的圖形繪制功能，更重要的是他能導(dǎo)入專業(yè)級繪圖工具，如macromedia freehand、adobe illustrator等繪制的圖形，并產(chǎn)生翻轉(zhuǎn)、拉伸、擦除、歪斜等效果，還可以將圖形打碎分成許多單一的元素進(jìn)行編輯，并改變其顏色亮度。由于flash提供具有保真技術(shù)的繪圖工具，使圖形邊緣在經(jīng)過一系列加工后仍會保持平滑。向量透明效果應(yīng)用 flash3可以創(chuàng)建透明的圖形，并可以任意改變層次間透

20、明的不同效果，如透明度、傾斜度及透明的顏色等屬性。具有動畫效果的按鈕和菜單 flash采用精靈動畫的方式，在flash3中可以隨意創(chuàng)建按鈕、多級彈出式菜單、復(fù)選框、以及復(fù)雜的交互式字謎 游戲。物體的變形和形狀的漸變 在flash3中產(chǎn)生物體的變形和形狀的漸變非常容易，其發(fā)生完全由flash自動生成，無須人為地在兩個對象間插入關(guān)鍵幀。增強(qiáng)對圖像的支持 flash3不但可以對導(dǎo)入的圖像（jpg、gif）產(chǎn)生翻轉(zhuǎn)、拉伸、擦除、歪斜、改變顏色亮度等效果，還能利用新的套索工具或魔術(shù)棒在圖像中選擇顏色相同的區(qū)域并創(chuàng)建遮罩（mask），將圖像打碎分成許多單一的元素進(jìn)行編輯，設(shè)置圖像的屬性，如產(chǎn)生平滑效果和質(zhì)

21、量損失壓縮等。聲音插入 flash3支持同步wav (windows) 和 aiff(macintosh)格式的聲音文件和聲音的連接，你可以用同一個主聲道中的一部分來產(chǎn) 生豐富的聲音效果，而無須改變文件量的大小。自定義字體 flash可以處理自定義的字體及其顏色、大小、字間距、行間距 、縮進(jìn)等多種格式。在flash創(chuàng)建的網(wǎng)頁中，可以加入眼花繚亂的標(biāo)題和動態(tài)的文本，而數(shù)據(jù)量非常小，比位圖的下載速度還快。當(dāng)然為了防止客戶端字體短缺，你也可以將特殊字體轉(zhuǎn)換為位圖圖形。模擬傳輸 flash3提供了一幅設(shè)置動畫播放方式的圖表，你可以在此設(shè)置你的目標(biāo)modem速度，如28.8kb/s，然后進(jìn)行模擬傳輸，檢

22、驗其播放是否流暢，在參照圖表中找出發(fā)生間斷的位置，并進(jìn)行優(yōu)化。最終確保動畫在客戶端播放流暢。獨立性 flash3可以將制作的影片生成獨立的可執(zhí)行文件（exe文件），在不具備flash播放器的平臺上，仍可運行該影片。因此，除制作網(wǎng)頁外還可以將其應(yīng)用于商業(yè)演示及電子賀卡等。界面親切 flash3增加了inspector窗口、手柄、加速鎖等新功能，比以往更加易于操作。macromedia 6月16日發(fā)布了其新版的flash 制作軟件flash 4，該軟件的新特性將包括對高保真mp3 流式音頻的集成化支持和創(chuàng)建互動式網(wǎng)站命令。另外， flash 可創(chuàng)建基于矢量的網(wǎng)站，可以跨平臺、跨瀏覽器地顯示聲音、圖

23、片、動畫和交互式等內(nèi)容。flash 4 中的mp3 流式音頻支持可以幫助設(shè)計人創(chuàng)建網(wǎng)絡(luò)音頻應(yīng)用程序，比如帶有旁白和背景音樂的長動畫，同時還可以減少文件大小以適合低帶寬的網(wǎng)絡(luò)傳輸。3flash新增加的對文本輸入框的支持，讓開發(fā)人可以創(chuàng)建網(wǎng)絡(luò)表格、應(yīng)用程序和電子商務(wù)片頭?，F(xiàn)在網(wǎng)站可以從應(yīng)用了flash 技術(shù)的網(wǎng)頁中收集用戶數(shù)據(jù)，并把信息傳到網(wǎng)站服務(wù)器上。 flash 還可以控制用戶輸入的信息以何種方式顯示，flash 4支持可拖動的界面組件、條件邏輯和基本數(shù)學(xué)運算，比如可以用在創(chuàng)建網(wǎng)上購物結(jié)算應(yīng)用程序上。 flash 創(chuàng)作工具的改良界面包括新的監(jiān)視面板和繪圖工具及更多的可直視層，它的時間安排表和智

24、能向?qū)Э蓭椭脩魟?chuàng)建動畫。此外還有一個發(fā)布命令可控制flash 支持的輸出格式，包括多版本的html、壓縮位圖和新的quicktime。1.3.3 下面介紹圖片設(shè)置工具fireworksfireworks 軟件可以加速 web 設(shè)計與開發(fā),是一款創(chuàng)建與優(yōu)化 web 圖像和快速構(gòu)建網(wǎng)站與 web界面原型的理想工具。fireworks 不僅具備編輯矢量圖形與位圖圖像的靈活性,還提供了一個預(yù)先構(gòu)建資源的公用庫,并可與 adobe photoshop cs3、adobe illustrator cs3、adobe dreamweaver cs3 和 adobe flash cs3 軟件省時集成。 在

25、fireworks 中將設(shè)計迅速轉(zhuǎn)變?yōu)槟Ｐ?或利用來illustrator、photoshop和flash 的其它資源。然后直接置入dreamweaver cs3 中輕松地進(jìn)行開發(fā)與部署。1.3.4 asp簡介microsoft active server pages即我們所稱的 asp ，其實是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境，asp 內(nèi)含于 iis 3.0 和 4.0 之中 ,通過 asp 我們可以結(jié)合 html 網(wǎng)頁、asp指令和 activex 元件建立動態(tài)、交互且高效的web服務(wù)器應(yīng)用程序。有了asp你就不必?fù)?dān)心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務(wù)器端執(zhí)行，包

26、括所有嵌在普通html中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。以下列出了 active server pages 所獨具的一些特點：使用 vbscript、jscript 等簡單易懂的腳本語言，結(jié)合 html 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。無須 compile 編譯，容易編寫，在服務(wù)器端直接執(zhí)行。使用普通的文本編輯器，如 windows 的記事本，即可進(jìn)行編輯設(shè)計。與瀏覽器無關(guān) (browser independence), 用戶端只要使用可執(zhí)行 html 碼的瀏覽器，即可瀏覽 active serve

27、r pages 所設(shè)計的網(wǎng)頁內(nèi)容。active server pages 所使用的腳本語言 (vbscript 、 jscript)均在 web服務(wù)器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。active server pages 能與任何activex scripting 語言相容。除了可使用 vbscript 或 jscript 語言來設(shè)計外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 rexx 、perl 、tcl 等。腳本引擎是處理腳本程序的 com(component object model) 物件。 active server pages 的源

28、程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。還可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。物件導(dǎo)向（ object-oriented ）。activex server components(activex 服務(wù)器元件 ) 具有無限可擴(kuò)充性。可以使用 visual basic、 java 、visual c+ 、 cobol 等編程語言來編寫你所需要的 activex server component 。asp 的奇妙之處真是不勝枚舉，下面就我將帶領(lǐng)大家進(jìn)入 asp 的夢幻世界。asp 所需的環(huán)境：microsoft internet information

29、 server version 3.0/4.0 on windows nt server microsoft peer web services version 3.0 on windows nt workstation microsoft personal web server on windows 95/98正如前文所述，與一般的程序不同，asp 程序無須編譯，asp 程序的控制部份，是使用 vbscript 、jscript 等腳本語言來設(shè)計的，當(dāng)執(zhí)行 asp 程序時，腳本程序?qū)⒁徽酌畎l(fā)送給腳本解釋器 ( 即腳本引擎 ) ，由腳本解釋器進(jìn)行翻譯并將其轉(zhuǎn)換成服務(wù)器所能執(zhí)行的命令。在制作

30、本網(wǎng)站的時候，我用到了簡單的vbscript，在dreamweaver 中。vbscript是visual basic script的簡稱，即 visual basic 腳本語言，有時也被縮寫為vbs。是asp動態(tài)網(wǎng)頁默認(rèn)的編成語言，配合asp內(nèi)建對象和ado對象，用戶很快就能掌握訪問數(shù)據(jù)庫的asp動態(tài)網(wǎng)頁開發(fā)技術(shù)。41.3.5 下面介紹vbscript語言。vbscript是微軟開發(fā)的一種腳本語言，可以看作是vb語言的簡化版，與vba的關(guān)系也非常密切。它具有原語言容易學(xué)習(xí)的特性。目前這種語言廣泛應(yīng)用于網(wǎng)頁和asp程序制作，同時還可以直接作為一個可執(zhí)行程序。用于調(diào)試簡單的vb語句非常方便。由于

31、vbscript可以通過windows腳本宿主調(diào)用com，因而可以使用windows操作系統(tǒng)中可以被使用的程序庫，比如它可以使用microsoft office的庫，尤其是使用microsoft access和microsoft sql server的程序庫，當(dāng)然它也可以使用其它程序和操作系統(tǒng)本身的庫。 它的應(yīng)用的領(lǐng)域有：在實踐中vbscript一般被用在以下三個方面：（1）windows操作系統(tǒng)vbscript可以被用來自動地完成重復(fù)性的windows操作系統(tǒng)任務(wù)。在windows操作系統(tǒng)中，vbscript可以在windows script host的范圍內(nèi)運行。windows操作系統(tǒng)可以

32、自動辨認(rèn)和執(zhí)行*.vbs和*.wsf兩種文件格式，此外internet explorer可以執(zhí)行hta和chm文件格式。vbs和wsf文件完全是文字式的，它們只能通過少數(shù)幾種對話窗口與用戶通訊。hta和chm文件使用html格式，它們的程序碼可以象html一樣被編輯和檢查。在wsf、hta和chm文件中vbscript和javascript的程序碼可以任意混合。hta文件實際上是加有vbs、javascript成分的html文件。chm文件是一種在線幫助，用戶可以使用專門的編輯程序?qū)tml程序編輯為chm。（2）網(wǎng)頁瀏覽器（客戶方的vbs）網(wǎng)頁中的vbs可以用來指揮客戶方的網(wǎng)頁瀏覽器（瀏覽器

33、執(zhí)行vbs程序）。vbs與javascript在這一方面是競爭者，它們可以用來實現(xiàn)動態(tài)html，甚至可以將整個程序結(jié)合到網(wǎng)頁中來。至今為止vbs在客戶方面未能占優(yōu)勢，因為它只獲得因為它只獲得microsoft internet explorer的支持（mozilla suite可以通過裝置一個外掛來支持vbs）。而javascript則受到所有網(wǎng)頁瀏覽器的支持。在internet explorer中vbs和javascript使用同樣的權(quán)限，它們只能有限地使用windows操作系統(tǒng)中的對象。（3）網(wǎng)頁服務(wù)器（服務(wù)器方面的vbs）在網(wǎng)頁服務(wù)器方面vbs是微軟的active server page

34、s的一部分，它與javaserver pages和php是競爭對手。在這里vbs的程序碼直接嵌入到html頁內(nèi)，這樣的網(wǎng)頁以asp結(jié)尾。網(wǎng)頁服務(wù)器internet信息服務(wù)執(zhí)行asp頁內(nèi)的程序部分并將其結(jié)果轉(zhuǎn)化為html傳遞給網(wǎng)頁瀏覽器供用戶使用。這樣服務(wù)器可以進(jìn)行數(shù)據(jù)庫聞訊并將其結(jié)果放到html網(wǎng)頁中。 優(yōu)點：由于vbscript由網(wǎng)頁瀏覽器解釋執(zhí)行，不需要增大服務(wù)器的負(fù)擔(dān)、易學(xué)。在所有2000 / 98se以后的windows版本都可直接使用。可以使用其它程序和可使用的物件（尤其microsoft office）。 缺點：現(xiàn)在vbs無法作為電子郵件的附件了。microsoft outlook

35、拒絕接受vbs為附件，收信人無法直接使用vbs附件。vbs的各種編輯程器不受歡迎。操作系統(tǒng)沒有任何特別的保護(hù)設(shè)施。vbs程序與其它js、exe、bat或cmd程序一樣對待。操作系統(tǒng)沒有監(jiān)察惡意功能的能力。1.3.6 小型數(shù)據(jù)庫access簡介在做網(wǎng)站的過程中，綜合網(wǎng)站功能及所實現(xiàn)的目的，選擇了小型的數(shù)據(jù)庫，下面簡單介紹一下關(guān)于access的情況。由于網(wǎng)站的要求的功能，所以選擇了小型數(shù)據(jù)庫access 的功能特點：access 是微軟公司推出的基于windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)，是office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了

36、多種向?qū)?、生成器、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。 access是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點如下：（1） 存儲方式單一。（2） access管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為（.mdb）的數(shù)據(jù)庫文件種，便于用戶的操作和管理。 （3） 面向?qū)ο蟆＃?） access是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應(yīng)用系統(tǒng)當(dāng)作是由一系列對象組成的，對

37、每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴(kuò)展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作。同時，這種基于面向?qū)ο蟮拈_發(fā)方式，使得開發(fā)應(yīng)用程序更為簡便。 access是一個可視化工具，是風(fēng)格與windows完全一樣，用戶想要生成對象并應(yīng)用，只要使用鼠標(biāo)進(jìn)行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報表設(shè)計器以及數(shù)據(jù)庫向?qū)?、表向?qū)?、查詢向?qū)?、窗體向?qū)?、報表向?qū)У裙ぞ?，使得操作簡便，容易使用和掌握。?） 集成環(huán)境、處理多種數(shù)據(jù)信息。（6） access基于windows操作系統(tǒng)下的集成開發(fā)環(huán)境，該環(huán)境集成

38、了各種向?qū)Ш蜕善鞴ぞ?，極大地提高了開發(fā)人員的工作效率，使得建立數(shù)據(jù)庫、創(chuàng)建表、設(shè)計用戶界面、設(shè)計數(shù)據(jù)查詢、報表打印等可以方便有序地進(jìn)行。（7） access支持odbc（開發(fā)數(shù)據(jù)庫互連，open data base connectivity），利用access強(qiáng)大的dde（動態(tài)數(shù)據(jù)交換）和ole（對象的聯(lián)接和嵌入）特性，可以在一個數(shù)據(jù)表中嵌入位圖、聲音、excel表格、word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對象生成html文件，輕松構(gòu)建internet/intranet的應(yīng)用。15access 缺點：

39、安全性不夠，加了用戶級密碼容易破解,如果做為服務(wù)器的話，對服務(wù)器要求很高，否則容易造成 mdb 損壞。 并發(fā)數(shù)255，但是對高強(qiáng)度操作適應(yīng)性差，如果服務(wù)器不夠好，網(wǎng)絡(luò)不夠好，編程的方法不夠好，多人同時訪問就能導(dǎo)致 mdb 損壞。不能將 vba 代碼開發(fā)的軟件系統(tǒng)直接編譯成 exe 可執(zhí)行文件，不能脫離 access 或者 access runtime 環(huán)境，該環(huán)境相對其他軟件體積較大（50m左右）。每個數(shù)據(jù)庫文件最大限制只有2g，對于大型網(wǎng)站顯然不能夠勝任。2 需求分析2.1 需求分析的原則簡單通俗的說，需求分析就是這個網(wǎng)站做出來是不是有它存在的意義!在做之前對這些情況進(jìn)行一下分析，這些需求在

40、哪里?首先，做需求分析的原則是這樣的：必須能夠表達(dá)和理解問題的數(shù)據(jù)域和功能域，按自頂向下逐層分析問題，要給出系統(tǒng)的邏輯視圖和物理視圖。2.2 需求分析的方法需求分析的方法有好多種，如：1.支持?jǐn)?shù)據(jù)域分析是機(jī)制2.功能表示的方法3.接口的定義4.問題分解的機(jī)制以及對抽象的支持5.邏輯視圖和物理視圖6.系統(tǒng)抽象模型.在分析的過程中，按照需求分析的原則，并且應(yīng)用了上述的需求分析的方法。在這里我們就對這個需求進(jìn)行一下分析，有好多的人選擇了職業(yè)技術(shù)學(xué)校，好多人沒有選擇了學(xué)習(xí)一門自己喜歡的技術(shù)，在這里他們可以不用浪費時間和經(jīng)歷，去尋找和學(xué)校的有關(guān)信息和資源，以前信息不這樣發(fā)達(dá)，現(xiàn)在不同了，觀念不同，這種快

41、捷的捕捉信息和有關(guān)學(xué)校交流的需求很強(qiáng)烈。這種需求的堅實的基礎(chǔ)就現(xiàn)在發(fā)達(dá)的網(wǎng)絡(luò)技術(shù)，以及網(wǎng)絡(luò)生活給人們的生活觀念帶來的轉(zhuǎn)變，這也就使我的想法有了需求。所以這種快速展示信息和強(qiáng)烈的交流網(wǎng)站的客觀條件決定了這種需求的廣泛性和可行性。73 系統(tǒng)分析3.1 網(wǎng)站定位整個網(wǎng)站定位：這是個以交流和發(fā)布信息為中心目的的學(xué)校網(wǎng)站。在網(wǎng)站里注冊的人要求都以一顆真誠的心來交流。所有提供的資料都要是真實的。也許有些人不會這樣做，但是這是我們不用說的共同的行為準(zhǔn)則。網(wǎng)站主題：網(wǎng)站3.2 網(wǎng)站模塊分析表表1 模塊分析表學(xué)校首頁學(xué)校概況專業(yè)設(shè)置校園風(fēng)景聯(lián)系我們歡迎留言招生就業(yè)可以注冊為會員瀏覽學(xué)院概況簡介招生專業(yè)了解學(xué)校硬

42、件設(shè)施廣大學(xué)子與學(xué)校聯(lián)絡(luò)平臺會員交流共享平臺簡介招生及就業(yè)情況3.3 網(wǎng)站業(yè)務(wù)流程圖在網(wǎng)站的學(xué)校首頁可以注冊成為會員之后進(jìn)入歡迎大家留言。進(jìn)行討論和交流。信息可以完全共享你的信息。七個菜單欄中，你可以全面的了解學(xué)校。并且可以留言、參加討論。圖1 業(yè)務(wù)流程圖4 系統(tǒng)開發(fā)4.1 系統(tǒng)功能詳細(xì)分析（1）用戶登錄及注冊此模塊對注冊用戶可以實現(xiàn)登錄操作，登陸后可以對個人信息進(jìn)行管理，用戶的信息用手工填寫。對沒有注冊的用戶，在點擊“注冊”后自動跳轉(zhuǎn)到注冊頁面進(jìn)行注冊用戶注冊。（2）留言模塊 此模塊只是允許在本網(wǎng)站注冊成功的人，登錄之后進(jìn)入留言面板，如果改變留言內(nèi)容，可以點擊重置按鈕，如果不想留言則點擊退出

43、，返回到首頁。4.2 系統(tǒng)的功能流程分析根據(jù)總體結(jié)構(gòu)部分的說明，對網(wǎng)站前臺的數(shù)據(jù)分析如下：（1）用戶注冊填寫注冊信息。提交注冊信息：注冊成功將顯示注冊成功頁面。用戶注冊使用流程圖如圖2所示用戶用戶注冊注冊信息圖2 用戶注冊流程圖（2）注冊用戶注冊用戶可以管理自己的個人信息。另外可以修改自己的個人信息及密碼。注冊用戶使用流程圖如圖3所示用戶用戶登錄個人信息信息輸入登錄成功留言圖3 注冊用戶使用流程圖4.3 系統(tǒng)設(shè)計4.3.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計本職業(yè)技術(shù)網(wǎng)站前臺中包含的實體有：注冊用戶用戶注冊用戶名用戶密碼email圖4 注冊用戶實體e-r圖4.3.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)分析本網(wǎng)站前臺系統(tǒng)采用的是a

44、ccess 2003數(shù)據(jù)庫，根據(jù)上圖的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計，將e-r圖轉(zhuǎn)換為表，包含2個表：表2用戶表字段名稱數(shù)據(jù)類型字段大小說明uname文本10用戶名upwd文本10用戶密碼uemail文本50用戶郵箱表3 用戶表字段名稱數(shù)據(jù)類型字段大小說明uname文本50留言用戶uly文本200留言內(nèi)容udate日期/時間留言時間4.3.3 iisiis是一種web服務(wù)組件，其中包括web服務(wù)器、ftp服務(wù)器、nntp服務(wù)器和smtp服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。6（1）iis的安裝進(jìn)入“控制面板”，依次選“添加

45、/刪除程序添加/刪除windows組件”，將“internet信息服務(wù)（iis）”前的小鉤去掉（如有），重新選中后按提示操作即可完成iis組件的添加，iis安裝界面如圖1所示。用這種方法添加的iis組件中將包括web、ftp、nntp和smtp等全部四項服務(wù)。圖5 iis安裝圖（2）iis的運行當(dāng)iis添加成功之后，再進(jìn)入“開始程序管理工具internet服務(wù)管理器”以打開iis管理器，對于有“已停止”字樣的服務(wù)，均在其上單擊右鍵，選啟動來開啟11。iis的運行界面如圖2所示。 圖6 iis的運行界面4.4 數(shù)據(jù)庫連接過程1.安裝完iis之后，在dreamweaver中，的管理站點編輯中選擇高

46、級選項中，選擇高級菜單，把測試服務(wù)器中服務(wù)器模型選擇為aspvbscript 訪問選擇為本地/網(wǎng)絡(luò)。圖7 測試遠(yuǎn)程服務(wù)器2. 用access建立user表 和ly表，并且設(shè)置iis 為數(shù)據(jù)庫連接做好準(zhǔn)備，打開控制面板，找到其中的管理工具internet信息，之后選擇默認(rèn)網(wǎng)站，右鍵選擇屬性主目錄，選擇網(wǎng)站路徑，在文檔選項卡中填寫首頁名稱。圖8 internet信息服務(wù)3.下面是最重要的步驟，尋找數(shù)據(jù)源并且進(jìn)行數(shù)據(jù)庫連接，找到系統(tǒng)dsn ，選擇添加 microsoft acces driver(*.mdb)，然后點擊“完成按鈕”，出現(xiàn)下圖對話框，填寫數(shù)據(jù)源名稱并選擇數(shù)據(jù)庫，則數(shù)據(jù)庫的連接基本完成。

47、圖9 數(shù)據(jù)庫的連接4.在dreamweaver中打開網(wǎng)站，在應(yīng)用程序面板中選擇數(shù)據(jù)庫選項，點開“+”，選擇“數(shù)據(jù)源名稱（dsn）”，如圖6所示，至此數(shù)據(jù)庫的連接完成。在后面的章節(jié)中會用到數(shù)據(jù)庫的一些操作。圖10 數(shù)據(jù)源的連接4.5 網(wǎng)頁設(shè)計中所用的各種元素在網(wǎng)站的開發(fā)過程中主要采用了網(wǎng)頁三劍客，三劍客的交叉使用，下面對于我在制作網(wǎng)站過程介紹一下，在開發(fā)網(wǎng)站時，很重要的一點就是思路要清晰明了，每一張網(wǎng)頁都會實現(xiàn)怎樣的功能，怎樣去安排和布置每一張網(wǎng)頁，關(guān)于網(wǎng)頁的界面設(shè)計是包含好多個方面的。6現(xiàn)在對于網(wǎng)頁設(shè)計的藝術(shù)性要求提高了好多，網(wǎng)頁界面構(gòu)成要素與傳統(tǒng)媒體不同，網(wǎng)頁除了文字和圖像以外，還包含聲音、

48、視頻和動畫等新興多媒體元素，有的會借助由代碼語言編程所實現(xiàn)的各種交互式效果，增加了網(wǎng)頁界面的生動性和復(fù)雜性，有時候就會要求考慮更多頁面元素的排布、優(yōu)化。一般來說，網(wǎng)頁的界面主要由下面幾個因素構(gòu)成，字元素是信息傳達(dá)的主體部分。網(wǎng)頁中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設(shè)計影響極大。第二個元素就是圖形：圖形在網(wǎng)頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現(xiàn)設(shè)計主題。網(wǎng)頁中常用的圖形格式包括jpg和gi

49、f，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺的特性。在制作網(wǎng)站的所有網(wǎng)頁中我都很好的應(yīng)用了圖形的優(yōu)勢，使網(wǎng)頁看起力來既具有自己的風(fēng)格又很好的體現(xiàn)網(wǎng)站的功能，并且使網(wǎng)頁瀏覽起來很生動很活潑，這是我在制作過程中的體味到的小小的快樂。第四個元素就是頁面版式：版式是網(wǎng)頁界面設(shè)計的重要組成部分，它將文字、圖形等視覺元素進(jìn)行組合配置，使頁面整體視覺效果美觀和諧，便于閱讀，實現(xiàn)信息傳達(dá)的最佳效果。在制作網(wǎng)頁的時候，注意到版式的規(guī)范性，它給我?guī)砗艽蟮姆奖?，色彩本身就是很多彩很美麗的，所以好的色彩搭配是網(wǎng)頁很重要的成功因素之一，彩色網(wǎng)頁比單色網(wǎng)爺要更加的具有吸引力，但不是亂亂的，給你

50、一看非常的沒有邏輯性，要是這樣反而是事倍功半了。文字與圖片都是靜態(tài)的，平面的，但是當(dāng)網(wǎng)頁中靈活的應(yīng)用了立體的因素，那么這應(yīng)該是最吸引人的地方。 網(wǎng)頁構(gòu)成中的多媒體元素主要包括音頻、視頻和動畫。我在網(wǎng)頁中就應(yīng)用了一些立體的動態(tài)感覺的多媒體，它使網(wǎng)頁更靈活多變，而且讓人在文字圖片聲音得到共鳴，這使人們在瀏覽網(wǎng)站的同時得到美好的感受。84.6 網(wǎng)頁整體風(fēng)格 網(wǎng)頁的整體造型更是重要，網(wǎng)頁的整體造型在整個制作中至關(guān)重要，一個雜亂無章的網(wǎng)頁，給人第一印象極差的網(wǎng)頁，訪問過人看了之后相信是不會再訪問的。在制作本網(wǎng)頁時，要它看上去比較柔和、簡潔、和諧，給用戶清新的感覺。造型就是創(chuàng)造出來的物體形象。這里是指頁面

51、的整體形象，這種形象應(yīng)該是一個整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對于頁面的造型，整體的風(fēng)格是簡單、明了、統(tǒng)一、真實。各種按鈕表面的設(shè)置也遵循這一個格調(diào)。104.7 開發(fā)手段和方法制作中主要采用dreamweaver作為主要制作工具，其中插入了flash元素，還用了firworks中處理的圖片，在firworks中很好修飾圖片，在flash中成功的利用圖片，最后在dreamweaver中成功利用起來這個資源，合理的布局，這樣就能使網(wǎng)頁看起來真的很成功。對與dreamweaver重點介紹的是它對于網(wǎng)頁的布局和安排，我主要使用了表格和切片，兩種工具各自有各自的優(yōu)點

52、，使用表格可以清晰地顯示列表的數(shù)據(jù)，實際上表格的作用遠(yuǎn)遠(yuǎn)不止顯示數(shù)據(jù)，它在網(wǎng)頁定位上一直起著重要的作用，尤其是對于使用非ie瀏覽器的網(wǎng)友來說，使用表格定位的網(wǎng)頁比使用圖層定位的網(wǎng)頁更具有優(yōu)勢。在制作留言這一部分的時候，最多的就是利用了表單里的一些功能，既簡單又實用。是很好的制作留言或登陸的工具。當(dāng)網(wǎng)頁已經(jīng)做好了的時候，我該做的就是把這些網(wǎng)頁很好的連接起來，使它能夠很好的表達(dá)出網(wǎng)站的本意和經(jīng)典的地方，這樣我就用到連接方面的知識， 頁面內(nèi)跳轉(zhuǎn)的鏈接，文字之間的跳轉(zhuǎn)，圖片與文字，文字與文字之間都可以做到，在這里我用到了兩種鏈接的方式，錨鏈接還有普通的鏈接。在專業(yè)設(shè)置模塊中，我選擇了錨鏈接，這種鏈接的

53、優(yōu)點是可以一步定位到你所要看到的內(nèi)容的地點，為瀏覽者提供了方便節(jié)省了時間。一些文字或者圖片建立鏈接非常方便，在校園風(fēng)景中使用了圖片鏈接。點擊小圖片就可以進(jìn)入大圖的展示。只要用鼠標(biāo)選中需要變成鏈接的圖片或者文字，然后在下面的屬性窗口中拖到你要鏈接的地方就可以了。還可以在網(wǎng)頁中一張大圖片上做了多個鏈接，這樣訪問者可以通過點擊圖片的不同位置進(jìn)入不同的頁面，這是應(yīng)用了圖像熱區(qū)域的概念。125 系統(tǒng)設(shè)計與實現(xiàn)網(wǎng)站的主要功能： 網(wǎng)站主要的功能分為七大部分，每一個部分都有自己的特色。有八個菜單欄：學(xué)校首頁、學(xué)校概況、專業(yè)設(shè)置、校園風(fēng)景、聯(lián)系我們、歡迎留言、招生就業(yè)。七個方面。進(jìn)入網(wǎng)站您可以了解本學(xué)校的總體情

54、況。下面就請大家瀏覽一下學(xué)校的首頁。5.1 網(wǎng)站首頁的設(shè)計在首頁中包括導(dǎo)航功能以及提供了用戶登錄和注冊功能，選擇相應(yīng)的按鈕后，可以進(jìn)入相應(yīng)的頁面進(jìn)行其他操作。在此頁面中還有校園動態(tài)功能，用于顯示學(xué)校的最新信息，用戶可以在此瀏覽到有關(guān)的校園新聞。其余部分為學(xué)校內(nèi)容簡介，用戶可以充分了解該校的相關(guān)信息。圖10 網(wǎng)站首頁界面新聞滾動顯示的代碼如下： 五一期間，全校放假。同學(xué)義務(wù)看望老人 利杯” 服裝高技能暨試衣模特大賽全面啟動 5.2 登錄功能設(shè)計 登錄功能在首頁的左側(cè)，經(jīng)過注冊的會員可以根據(jù)用戶名和用戶密碼進(jìn)行登錄操作。下面就是對登錄功能的展示如圖所示圖11 登陸頁面如果你輸入錯誤的用戶名或用戶密

55、碼，則系統(tǒng)會轉(zhuǎn)到登錄失敗的頁面，提醒你重新進(jìn)行登錄，如下圖12所示。圖12 登錄失敗頁面5.3 注冊頁面設(shè)計首先會點擊注冊按鈕進(jìn)入用戶信息輸入頁面讓用戶輸入用戶名和密碼和email，讓用戶輸入注冊信息，輸入完成后，當(dāng)用戶單擊提交按鈕，如果不滿意，可以點擊重置按鈕，重新輸入信息。這時候如果注冊信息成功，則會顯示恭喜你注冊成功的頁面，你可以回到登錄頁面進(jìn)行登錄進(jìn)入留言頁面。如果注冊信息不成功則返回首頁，可以進(jìn)行再次注冊信息。如果成功則插入一條新記錄到數(shù)據(jù)庫，完成注冊。用戶注冊頁面如圖12所示。圖13 注冊頁面在注冊信息中，你可以有用戶名、密碼、e-mail 等信息進(jìn)行注冊。請看好后面每一項的注釋。

56、按照要求進(jìn)行申請，如果不按照要求填寫，有可能讓你的的信息注冊不成功。下面有兩個按鈕也可以進(jìn)行重新填寫，按重置按鈕就可以了。如果你沒有按著注冊要求天禧成功了則會顯示注冊失敗頁面。5.4 留言頁面設(shè)計這個功能很人性化，如果你注冊成功，你就直接返回到首頁的注冊和登錄表格里，進(jìn)行登陸之后就可以留言了。下面就是留言的頁面：留言頁面是很重要的，對于靜態(tài)的瀏覽的頁面，是提供了瀏覽和發(fā)布信息的功能。而留言就提供了交流和動態(tài)的感覺這樣就成了交互的功能。達(dá)到了溝通和交流的目的。所以，本網(wǎng)站最大的特點就在于這個留言的設(shè)置。提供了交流的平臺。這是網(wǎng)站的重要功能，實現(xiàn)了網(wǎng)站和廣大人們之間的交互功能，是學(xué)校和有求學(xué)需求的人的接口，并且提供了接口供用戶對網(wǎng)站設(shè)計提出寶貴意見，因為在不斷的改進(jìn)中進(jìn)步，留言頁面的技術(shù)實現(xiàn)非常簡單，就是提供發(fā)表留言內(nèi)容的表單，讓會員輸入留言內(nèi)容，當(dāng)讀者單擊提交按鈕的時候，把內(nèi)容保存到數(shù)據(jù)庫了。重置按鈕可以重新輸入留言內(nèi)容，不留言可以點擊返回按鈕。效果如圖13所示。圖14 留言板頁面5.5 新聞瀏覽頁面