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

1、更多論文/fanteral 學校網(wǎng)站設計與實現(xiàn)blue vocational school website design andimplementation 目錄內容摘要iiiabstract41 導言51.1 職業(yè)技術學校發(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è)務流程圖154 系統(tǒng)開發(fā)164.1 系統(tǒng)功能詳細分析164.2 系統(tǒng)的功能流程分析164.3 系統(tǒng)設計174.4 數(shù)據(jù)庫連接過

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

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

4、了廣大的空間，在教育方面有著深遠的意義。這樣就想到了設計一個職業(yè)技術學校的網(wǎng)站，讓廣大學生或學生家長可以注冊為本學校網(wǎng)站的會員，可以直接和校長聯(lián)絡，了解學校，為求學之路打下基礎。本網(wǎng)站的特色每個人都可以注冊成為本學校的會員，每個會員都必須以自己的真實的資料申請注冊本網(wǎng)站。每個欄目進入這個網(wǎng)站的人都會沉浸在一種信任和真誠中！在觀看網(wǎng)站時候，每個事物都存在兩面性，我們非常歡迎大家真心的提出來的意見和不足的地方，因為沒有最好，只有更好。關鍵詞：dreamweaver mx；access；iis; 職業(yè)技術學校網(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 導言1.1 職業(yè)技術學校發(fā)展背景首先，從整體上出發(fā)，職業(yè)技術教育是我覺得文一種以職業(yè)為導向的教育類型，國家教育部曾明確提出：“職業(yè)教育應以服務為宗旨，以就業(yè)為導向確定辦學目標，找準學校在區(qū)域經(jīng)濟和行業(yè)發(fā)展中的位置，培養(yǎng)實踐能力強、具有良好職業(yè)道德、面向生產(chǎn)、管理、和服務一線的技術型和技能型人才。”就業(yè)問題已經(jīng)成為我國當前社會發(fā)展的重大問題，職業(yè)教育是與經(jīng)濟關系最為緊密的教育領域，是直接為經(jīng)濟界培養(yǎng)高素質勞動者的教育，因而職業(yè)教育應該以就業(yè)為導向。而這一

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28、程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。還可使用服務器端的腳本來產(chǎn)生客戶端的腳本。物件導向（ object-oriented ）。activex server components(activex 服務器元件 ) 具有無限可擴充性?？梢允褂?visual basic、 java 、visual c+ 、 cobol 等編程語言來編寫你所需要的 activex server component 。asp 的奇妙之處真是不勝枚舉，下面就我將帶領大家進入 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 等腳本語言來設計的，當執(zhí)行 asp 程序時，腳本程序將一整套命令發(fā)送給腳本解釋器 ( 即腳本引擎 ) ，由腳本解釋器進行翻譯并將其轉換成服務器所能執(zhí)行的命令。在制作

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

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

32、自動辨認和執(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文件是一種在線幫助，用戶可以使用專門的編輯程序將html程序編輯為chm。（2）網(wǎng)頁瀏覽器（客戶方的vbs）網(wǎng)頁中的vbs可以用來指揮客戶方的網(wǎng)頁瀏覽器（瀏覽器

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

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

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

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

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

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

39、安全性不夠，加了用戶級密碼容易破解,如果做為服務器的話，對服務器要求很高，否則容易造成 mdb 損壞。 并發(fā)數(shù)255，但是對高強度操作適應性差，如果服務器不夠好，網(wǎng)絡不夠好，編程的方法不夠好，多人同時訪問就能導致 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)站做出來是不是有它存在的意義!在做之前對這些情況進行一下分析，這些需求在

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

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

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

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

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

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

46、級選項中，選擇高級菜單，把測試服務器中服務器模型選擇為aspvbscript 訪問選擇為本地/網(wǎng)絡。圖7 測試遠程服務器2. 用access建立user表 和ly表，并且設置iis 為數(shù)據(jù)庫連接做好準備，打開控制面板，找到其中的管理工具internet信息，之后選擇默認網(wǎng)站，右鍵選擇屬性主目錄，選擇網(wǎng)站路徑，在文檔選項卡中填寫首頁名稱。圖8 internet信息服務3.下面是最重要的步驟，尋找數(shù)據(jù)源并且進行數(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)站，在應用程序面板中選擇數(shù)據(jù)庫選項，點開“+”，選擇“數(shù)據(jù)源名稱（dsn）”，如圖6所示，至此數(shù)據(jù)庫的連接完成。在后面的章節(jié)中會用到數(shù)據(jù)庫的一些操作。圖10 數(shù)據(jù)源的連接4.5 網(wǎng)頁設計中所用的各種元素在網(wǎng)站的開發(fā)過程中主要采用了網(wǎng)頁三劍客，三劍客的交叉使用，下面對于我在制作網(wǎng)站過程介紹一下，在開發(fā)網(wǎng)站時，很重要的一點就是思路要清晰明了，每一張網(wǎng)頁都會實現(xiàn)怎樣的功能，怎樣去安排和布置每一張網(wǎng)頁，關于網(wǎng)頁的界面設計是包含好多個方面的。6現(xiàn)在對于網(wǎng)頁設計的藝術性要求提高了好多，網(wǎng)頁界面構成要素與傳統(tǒng)媒體不同，網(wǎng)頁除了文字和圖像以外，還包含聲音、

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

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

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

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

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

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

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

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

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