【正文】 ............................................................................. 44 致 謝 .......................................................................................................................... 45 本科畢業(yè)設計論文 參考文獻 ...................................................................................................................... 46 畢業(yè)設計小結 .............................................................................................................. 47 本科畢業(yè)設計論文 I 摘 要 隨著社會的發(fā)展，網絡成為工作的重要手段和生活的重要工具。 學校通過網絡展示自己，并提供具有一定交互功能的平臺，最基本的手段就是建立校園網站。 動態(tài)網站技術有 JSP， PHP， ASP 等，各有各的優(yōu)勢。 校園網站的技術實現(xiàn)，能夠運用高新技術手段為學校的宣傳和招生開辟一條嶄新的途徑。 校園 網站是學校的“商標”，每一所學校都有自己的特色和個性。 網絡有巨大的教育資源庫，它集 全社會的力量，使教育資源無限增長這使每位教師和學生都有機會得到均等的培訓和受教育的機會，不再受到學校水平、教材、教師能力的限制。 本科畢業(yè)設計論文 2 網站建設發(fā)展情況簡介 （ 1） 網站建設市場發(fā)展 簡述 第一代網站建設技術：運用一般的網頁制作軟件，把一些平面頁面效果轉化成網頁，然后把網頁鏈接起來成為一個企業(yè)網站。 第三代網站建設技術： 2021 年初以來出現(xiàn)了第三代網站建設技術 —— 智能建站系統(tǒng)。也是 的一個新關鍵，在程序上符合人性化，在設計上追求感官化，在 域名上領悟一體化。隨著技術融合與發(fā)展，許多在其他行業(yè)熱門應用的技術如視頻、三維動畫、虛擬現(xiàn)實等技術都已經實現(xiàn)向互聯(lián)網上移植，未來的不久，他們就會出現(xiàn)在企業(yè)客戶網站上面；新的網絡編程語言（ . 技術）和服務器 CDN（內容發(fā)布網絡）技術也將使網站結構更緊密，訪問更流暢，更能適應新的要求。 （ 3） 網站的表現(xiàn)方式 傳統(tǒng)的 Web 站點是建立在靜態(tài)網頁上的。幾年前，在 Sun 公司的網頁上 出現(xiàn)了裝有一杯熱氣騰騰的咖啡的圖片，杯上的熱氣會不斷地變幻，在當時引起了極大的轟動，人們爭相瀏覽這個站點。目前動態(tài)內容技 術主要有兩大方向 ： 第一個方向是一些大型數(shù)據庫軟件生產商開發(fā)的大型數(shù)據庫與 HTTP(Hypertext Transfer Protocols,超文本傳輸協(xié)議 )服務器的接口軟件，這種軟件技術的前提是要求 HTTP 服務器能夠處理 SQL 命令，也就是將 SQL 嵌入到 HTML 文檔中。所以，文字、圖片等必要材料的搜集與篩選，是系統(tǒng)設計與實現(xiàn)的主要工作內容之一。 （ 3）數(shù)據庫的設計與實現(xiàn) 普通的靜態(tài)頁面是無法收集來訪人的信息的，而更多情況下我們?yōu)榱思訌娋W站 互動 效果，往往需要搜集大量 用戶 的信息，或者要求來訪者成為會員，從而提供更多的服務 。 DIV + CSS 是網站 設計的 標準之一， 區(qū)別于 傳統(tǒng) 的表格 (table)定位方式 。 此次 測試用瀏覽器選擇了 Inter Explorer 以及 谷歌瀏覽器 Chrome 。 第四章 詳細 討論了 網站的開發(fā)過程 與功能實現(xiàn)， 即 將前期的 對網站的整體 設計 編 碼實現(xiàn) 。 本科畢業(yè)設計論文 6 第 2 章 網站建設主要技術概述 Web 服務器 Apache Apache 簡介 Apache HTTP Server（簡稱 Apache）是 Apache 軟件基金會 的一個開放源碼的 Web 服務器 ，可以在大多數(shù) 計算機 操作系統(tǒng) 中運行，由于其多平臺和安全性被廣泛使用，是最流行的 Web 服務器端軟件之一。 本來它只用于小型或試驗 Inter 網絡，后來逐步擴充到各種 Unix 系統(tǒng)中，尤其對 Linux 的支持相當完美。世界上很多著名的網站如 、 Yahoo!、 W3 Consortium、 Financial Times 等都是 Apache 的產物，它的 成功之處主要在于它的源代碼開放、有一支開放的開發(fā)隊伍、支持跨平臺的應用（可以運行在幾乎所有的 Unix、 Windows、 Linux 系統(tǒng)平臺上）以及它的可移植性等方面。 本科畢業(yè)設計論文 7 Apache 的優(yōu)勢 Apache 是把正確性放在 首位、 把速度放在其次的通用 Web 服務器。 這些原因導致了以往的 Apache 開發(fā)工作集中在正確性和可配置性。 但是 ，在另一方面， Apache 是一個十分強大的程序， 能夠提供許多專業(yè)的功能。它可以比 CGI 或者 Perl 更快速的執(zhí)行動態(tài)網頁。后來又用 C 語言重新編寫，包括可以訪問數(shù)據庫。第二版定名為 PHP/FI(Form Interpreter)。 2021 年， 又問世了，其中增加了許多新的特性。 PHP/FI 可以和數(shù)據庫連接，產生簡單的動態(tài)網頁程序。 在 1997 年，任職于 Technion IIT 公司的兩個以色列程序設計師： Zeev Suraski 和 Andi Gutmans，重寫了 PHP 的剖析器，成為 PHP 3 的基礎，而 PHP 也在這個時候改稱為 PHP: Hypertext Preprocessor。 PHP 包含了許多新特色，像是強化的面向對象功能、引入 PDO（ PHP Data Objects，一個存取數(shù)據庫的延伸函數(shù)庫）、以及許多效能上的增強。 PHP 6 的開發(fā)也正在進行中，主要的改進有移除 register_globals、 magic quotes 和 Safe mode 的功能。 本科畢業(yè)設計論文 10 圖 21 PHP 工作原理 PHP 的優(yōu)勢 數(shù)據庫連接 PHP 可以編譯成具有與許多數(shù)據庫相連接的函數(shù)。 PHPLIB 就是最常用的可以提供一般事務需要的一系列基庫。 優(yōu)勢 一種能快速學習、跨平臺 、有良 好數(shù)據庫交互能力的開發(fā)語言； 與 Apache 及其他擴展庫結合緊密。 后臺程序 系統(tǒng)函數(shù) 數(shù)據庫 PHP 解釋程序 服務器 客戶端瀏覽器 本科畢業(yè)設計論文 11 PHP 與 ASP 的區(qū)別 （ 1） 使用范圍 PHP 可以運行于 UNIX 類系統(tǒng)和 Windows 類系統(tǒng)等平臺下， ASP 的全稱是Active Server Page，其工作環(huán)境只能是 Microsoft 公司提供的 Windows 類系統(tǒng)（ 典型服務器是： II PWS 等 ） ， 而且只有在 IIS 下才能完整的體現(xiàn)出其功能。 但在其他方面， 例如數(shù)據庫支持、文件處理等方面兩者相差無幾。 （ 5）開發(fā)維護 在對網頁的開發(fā)維護 上面， PHP 與 ASP 基本相當。 本科畢業(yè)設計論文 12 小型數(shù)據庫 MySQL MySQL簡介 MySQL是一個小型關系型數(shù)據庫管理系統(tǒng)，開發(fā)者為瑞典 MySQL AB公司。 MySQL最初的開發(fā)者的意圖是用 mSQL和他們自己的快速低級例程 (ISAM)去連接表格。 PHPMyAdmin 是由 PHP 寫成的 MySQL 資料庫系統(tǒng)管理程式，讓管理者可用 Web 界面管理 MySQL 資料庫。這些編程語言包括 C、 C++、 C、 Delphi、 Eiffel、Java、 Perl、 PHP、 Python、 Ruby 和 Tcl 等。 提供多語言支持，常見的編碼如中文的 GB 231 BIG5，日文的 Shift_JIS等都可以用作數(shù)據表名和數(shù)據列名。 選 MySQL的理由 與其他的大型數(shù)據庫例如 Oracle、 IBM DB SQL Server 等相比， MySQL自有它的不足之處，如規(guī)模小、功能有限等，但是這絲毫也沒有減少它受歡迎的程度。 MySQL 加 PHP 的配對在互聯(lián)網上的應用相比 LAMP來說更為常見，并獲得了“動態(tài)配對”（ Dynamic Duo）的雅號，大部分 Blog 網站基于的 WordPress 系統(tǒng)主要運用 MySQL 加 PHP 的配對。 Windows 下的 Apache + MySQL + PHP，一組常用來搭建動態(tài)網站或者服務器的開源軟件，本身都是各自獨立的程序，但是因為常被放在一起使用，擁有了 本科畢業(yè)設計論文 14 越來越高的兼容度，共同組成了一個強大的 Web 應用程序平臺。 PHP 是一種使用非常廣泛的腳本語言，尤其適合 Web 開發(fā)，并且能夠像 ASP 和 JSP 一樣嵌入到 HTML 中。 本次 項目 研究與實現(xiàn) 選用了 PHP Home 這一 集成的 軟件包， 版本為 。 配置項目 DirectoryIndex 可指定 瀏覽器默認 打開的 Web 文檔，本次 中學門戶網站的開發(fā) 與測試 配置此項為“ ” 。即標記越來越多，甚至各個瀏覽器生產商也開發(fā)出只適合于其特定瀏覽器的 HTML 標記，這顯然有礙于 HTML 網頁的兼容性。 DIV 是 HTML(超文本語言 )中的一個元素 ， DIV + CSS 是一種網頁的布局方法 ， 這一種網頁布局方法有別于傳統(tǒng)的 table 布局 ， 真正地達到了 W3C 內容與表現(xiàn)相分離 。 支持瀏覽器的向后兼容，也就是無論未來的瀏覽器大戰(zhàn)，勝利的是 IE7或者是火狐，您的網站都能很好的兼容。內容和樣式的分離，使頁面和樣式的調整變得更加方便。 CSS 網頁布局的意義體現(xiàn)在如下方面： 使頁面載入得更快 由于將大部分頁面代碼寫在了 CSS 當中，使得頁面體積容量變得更小。 修改設計時更有效率 由于使用了 DIV+CSS 制作方法，在修改頁面的時候更加容易省時。 更好地被搜索引擎收錄 由于將大部分的 HTML 代碼和內容樣式寫入了 CSS 文件中，這就使得網頁中正文部分更為突出明顯，便于被搜索引擎采集收錄。藝術性提升價值、增強功能，并幫助用戶在愉悅的視覺聽覺環(huán)境中完成目標。因此我們的設計無時無刻都應該從人的角度出發(fā)，以人為核心，全面考慮人的精神和物質需求。藝術性與可用性之間經常存在有益的緊張關系?？墒?，用戶發(fā)現(xiàn)，他們不知道怎么使用導航 ； 甚至也許，為了版面的簡潔醒目，導航是隱藏的，根本就找不到 ； 還有，用戶找不到后退鍵，無法后退 ； 絢麗的背景使得文字變得難以辨認 ； 太小的文字雖然顯得版面非常精制，但是，老年人根本無法看清 ； 背景音樂無法關閉，重復播放使人生厭 ； 介紹動畫的 下 載時間過長，令人失去耐心 ?? 這些直接會導致什么樣的結果 ？ 這些網站沒有滿足用戶的需求，它使用戶有挫折感，留下負面體驗。據統(tǒng)計，不能提供有效的可用性的網站會導致近 40%重復訪問者的流失和 50%在線營業(yè)額的喪失 。美的本質是人在實踐的基礎上形成的合規(guī)律性與合目的性的統(tǒng)一的形式，是人的本質力量 (感性、理性、才能 )通過自由自 覺地創(chuàng)造活動的感性的對象化，是人本能的需求。實際上，如果精心設計，這兩者是可以共存，甚至是可以相互促進的。比如，在電子商務網站上，用鼠標把物品拖放進購物車，表示把購買此件物品。良好的可用性應該是用戶看不到的。相反，他們將自己的注意力集中 在內容、設計和站點所傳遞的品牌形象， 精美的設計 就會被用戶充分注意。藝術性和可用性的共存才能夠實現(xiàn)真正的成功。 本科畢業(yè)設計論文 20 網站首頁的設計 （一） 設計原則 了解用戶需求 了解學校網站的特點 ，以及用戶需要實現(xiàn)的功能。在任意一個頁面都能夠返回主頁，從主頁又可以 找到任意一個頁 面的入口。 簡潔美觀 頁面要簡潔美觀，不要采用太復雜的視覺效果，不采用聲音，大型動畫、圖 片， 風格要統(tǒng)一。維護更新要簡單，無需專業(yè)人員專職維護。 布局結構清楚合理，瀏覽網站能清晰分辨網站的重點內容 。 有統(tǒng)一的 LOGO 設計，各層級頁面均包含設計上協(xié)調一致的標識圖案及文字 。 1 有簡單的資源上傳、查詢等功能 。 1 網站技術構架安全、穩(wěn)定，鏈接無誤 。 頁面頂部 展示 學校 LOGO、 導航欄 以及 訪問當天的 日期 。 靜態(tài)元素與動態(tài)元素劃分 靜態(tài)元素 是網站 展示給來訪者 的靜態(tài)內容， 不具有交互性， 主要包括 文字、圖片、 幻燈片、 滾動字幕、 日期顯示 等內容 ； 而動態(tài)元素 具有 與來訪者的交互性，通過來訪者的 操作 （點擊、刷新或登錄） 實現(xiàn) 信息交互。 為 了 網站建設的工作 快速 高效 進行， 降低后期維護 工作 的難度， 設計 源文件的存儲目錄如下所述： 本項目所建設的 校園門戶網站 的所有 源文件 分別 存放在 一個 瀏覽器能訪問的 Web 目錄 的 子目錄下 ， 這些源文件 主要 包括 擴展名為 php 的 網頁文件， 擴展名為 css 的層疊樣式表文件， 擴展名為 js 的 JavaScri