【正文】 計(jì) ： 統(tǒng)計(jì) 來(lái)訪人數(shù)， 顯示當(dāng)前來(lái)訪者 為 第幾位 。 1 采用內(nèi)容管理系統(tǒng)和相應(yīng)的數(shù)據(jù)庫(kù)管理 。 有統(tǒng)一的色彩風(fēng)格和主色調(diào)，同時(shí)能體現(xiàn)學(xué)校網(wǎng)站的特色，各頁(yè)面配色服從總體色彩體系 。用戶(hù)可以根據(jù)自己的需要作一定的修改。 方便瀏覽 導(dǎo)航要清晰，鏈接要準(zhǔn)確。更好的是，用戶(hù)們還會(huì)再次光顧這個(gè)網(wǎng)站。而良好的可用性則可以使用戶(hù)將注意力集中于網(wǎng)站的“藝術(shù)性”。 很多時(shí)候 ， 網(wǎng)站的藝術(shù)設(shè)計(jì)人員和可用性設(shè)計(jì)人員之間總是存在著矛盾。通常是去選擇其他的網(wǎng)站。 藝術(shù)性和可用性都有其優(yōu)勢(shì)和劣勢(shì)。 本科畢業(yè)設(shè)計(jì)論文 18 第 3 章 網(wǎng)站的分析與設(shè)計(jì) 網(wǎng)站框架的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的藝術(shù)性與可用性 一個(gè)好的網(wǎng)站能使用戶(hù)有良好的體驗(yàn)，它需包括兩方面的內(nèi)容 ： 優(yōu)秀的藝術(shù)性與良好的可用性。 降低流量費(fèi)用 頁(yè)面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來(lái)說(shuō)是最大的優(yōu)勢(shì)了。 樣式的調(diào)整更加方便。 DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的，其中所包含元素的特性由 DIV 標(biāo)簽的屬性來(lái) 控制，或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。 配置項(xiàng)目 DocumentRoot 可指定 Web文件的 存放 目錄 。而 MySQL 則是世界是最受歡迎的開(kāi)放源代碼數(shù)據(jù)庫(kù)管理系統(tǒng)，它提供了大型數(shù)據(jù)庫(kù)的大多數(shù)特性，現(xiàn)在許多大型 Web 站點(diǎn)使用的數(shù)據(jù)庫(kù)都是 MySQL，包括 Yahoo!、 Google、Cisco、 HP 和 NASA 等。由于這四個(gè)軟件都是開(kāi)放源碼軟件，因此使用這種方式不用花一分錢(qián)就可以建立起一個(gè)穩(wěn)定、免費(fèi)的網(wǎng)站系統(tǒng)。 既能夠作為一個(gè)單獨(dú)的應(yīng)用程序應(yīng)用在客戶(hù)端服務(wù)器網(wǎng)絡(luò)環(huán)境中 ，也能夠作為一個(gè)庫(kù)而嵌入到其他的軟件中。 可以使用命令行工具管理 MySQL 數(shù)據(jù)庫(kù)（命令 mysql 和 mysqladmin)，也可以從 MySQL 的網(wǎng)站下載圖形管理工具 MySQL Administrator 和 MySQL Query Browser。PHP 差不多幾天或幾周就有一個(gè)新版本出現(xiàn)， 而每一個(gè)新版本都會(huì)有更多的功能和更少的錯(cuò)誤， 而 ASP 的新版本出現(xiàn)周期卻很長(zhǎng)， 幾乎是要?dú)夥?wù)器出現(xiàn)一個(gè)新版本后才有可能更新。 （ 3）更多支持 在功能上， Microsoft 公司 為 ASP 提供了與 Outlook、電子郵件和工作組程序相結(jié)合的技術(shù)， 而 PHP 不具備這些功能。PHP 支持構(gòu)造器、提取類(lèi)等。 當(dāng)客戶(hù)端對(duì)服務(wù)器上的某個(gè)頁(yè)面進(jìn)行訪問(wèn)請(qǐng)求時(shí)，服務(wù)器端首先對(duì)頁(yè)面進(jìn)行檢查，如果發(fā)現(xiàn)有 PHP 的標(biāo)記（如 ?PHP ?）存在，則執(zhí)行該標(biāo)記內(nèi)的 PHP 代碼，對(duì)數(shù)據(jù)庫(kù)和文件進(jìn)行操作，然后將執(zhí)行結(jié)果發(fā)送到提出訪問(wèn)請(qǐng)求的客戶(hù)端。 在 2021 年 5 月 22 日，以 Zend Engine 為基礎(chǔ)的 PHP 4 正式釋出， 2021年 7 月 13 日則釋出了 PHP 5， PHP 5 則使用了第二代的 Zend Engine。他將這些程序和一些表單直譯器整合起來(lái)，稱(chēng)為 PHP/FI。以后越來(lái)越多的網(wǎng)站使用了 PHP，并且強(qiáng)烈要求增加一些特性，比如循環(huán)語(yǔ)句和數(shù)組變量等等，在新的成員加入開(kāi)發(fā)行列之后，在 1995 年中， 發(fā)布了。 PHP 獨(dú)特的語(yǔ)法混合了 C、 Java、 Perl 以及 PHP 自創(chuàng)新的語(yǔ)法。 實(shí)際上， 擁有更多帶寬的站點(diǎn)出于一些原因 （比如大量的 CGI 和數(shù)據(jù)庫(kù)事務(wù)處理） 需要用一臺(tái)以上的機(jī)器滿足帶寬需求。到目前為止 Apache 仍然是世界上用的最多的 Web 服務(wù)器，市場(chǎng)占有率達(dá) 60%左右。 第六章 是對(duì)畢業(yè)設(shè)計(jì) 項(xiàng)目的總結(jié) 與展望 。 文本編輯器選用 Notepad++， 此編輯器提供的自動(dòng)縮進(jìn)和關(guān)鍵字高亮顯示 功能為編碼和查錯(cuò)帶來(lái)了極大的方便。怎樣設(shè)計(jì)一個(gè)既吸引用戶(hù)眼球又簡(jiǎn)潔易用的界面，是此次系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)的極為重要的內(nèi)容。動(dòng)態(tài)內(nèi)容技術(shù)有一條重要準(zhǔn)則 ： 凡是能夠數(shù)據(jù)庫(kù)化的內(nèi)容，盡量做成數(shù)據(jù)庫(kù)的形式，因?yàn)閿?shù)據(jù)庫(kù)形式的數(shù)據(jù)遠(yuǎn)比其它形式的數(shù)據(jù)要容易更新與管理，實(shí)踐也已證明了這一點(diǎn)。這對(duì)網(wǎng)絡(luò)公司提出了更高的要求，網(wǎng)站建設(shè)從業(yè)者必須要加強(qiáng)自我學(xué)習(xí)和提高，才能適應(yīng)這一要求。 第四代網(wǎng)站建設(shè)技術(shù)：是指在第三代網(wǎng)站建設(shè)技術(shù)基礎(chǔ)上，針對(duì)程序和域名有獨(dú)到的理解。 學(xué)校網(wǎng)站與教育類(lèi)專(zhuān)門(mén)網(wǎng)站的有效鏈接，給學(xué)校教學(xué)研究帶來(lái)了片新天地，各種優(yōu)秀教案、專(zhuān)家論壇、網(wǎng)絡(luò)觀摩課、各科素材、多媒體課件制作等內(nèi)容為教師教研提供了極佳的平臺(tái)，有效地降低了教研成本、提高 了 效率。加強(qiáng)校園網(wǎng)站的建議，有利于推進(jìn)素 質(zhì)教育的實(shí)施，有利于促進(jìn)師 生的交流，有利于將學(xué)校推向社會(huì) 。如果采用靜態(tài)技術(shù)來(lái)建站，網(wǎng)站維護(hù) 更新的工作量隨著時(shí)間的推移會(huì)變得越來(lái)越龐大，因此，校園網(wǎng)站最好采用動(dòng)態(tài)網(wǎng)站技術(shù)。其中包括 實(shí)現(xiàn)數(shù)據(jù)庫(kù)如何存取、修改 和刪除數(shù)據(jù)， 并對(duì)其進(jìn)行后期的維護(hù) 。 3. 畢業(yè)設(shè)計(jì)論文 是對(duì)畢業(yè)設(shè)計(jì) 實(shí)現(xiàn)過(guò)程的 概括 和 總結(jié) ，通過(guò)撰寫(xiě) 畢業(yè)設(shè)計(jì)論文提高 綜合 分析 能力 ， 同時(shí) 將 專(zhuān)業(yè) 技術(shù) 知識(shí) 上升到理論 概括認(rèn)識(shí) 。 三、主要技術(shù)指標(biāo) 1. 開(kāi)發(fā) 環(huán)境 ： 在 Windows XP 系統(tǒng)下搭建 Apache +MySQL +PHP 環(huán)境 ，完成開(kāi)發(fā)并進(jìn)行測(cè)試。作為社會(huì)發(fā)展基礎(chǔ)的教育，更應(yīng)意識(shí)到網(wǎng)絡(luò)的重要性。 論文分 析了 校園網(wǎng)站建設(shè) 的發(fā)展現(xiàn)狀，介紹了系統(tǒng)的結(jié)構(gòu)和功能，描述了設(shè) 計(jì)過(guò) 程以及用系統(tǒng)集成的方法開(kāi)發(fā)校園網(wǎng)站的編程技術(shù)， 并 給出了 系統(tǒng)測(cè)試的詳細(xì)情 況。網(wǎng)站的超時(shí)空特性，可以讓更大范圍的人們了解學(xué)校 。 第二代網(wǎng)站建設(shè)技術(shù)：是指在第一代網(wǎng)站建設(shè)技術(shù)基礎(chǔ)上，針對(duì)網(wǎng)站的某一個(gè)功能采用一些數(shù)據(jù)庫(kù)管理模塊（如新聞發(fā)布、產(chǎn)品發(fā)布等），網(wǎng)站的后臺(tái)對(duì)這些個(gè)別的功能模塊進(jìn) 行管理。就國(guó)內(nèi)情況而言，沿海發(fā)達(dá)省市比中西部省市市場(chǎng)需求要大，業(yè)務(wù)普及工作也很到位，許多行業(yè)形成了競(jìng)相建設(shè)企業(yè)網(wǎng)站，開(kāi)展網(wǎng) 絡(luò)營(yíng)銷(xiāo)的局面。前者是網(wǎng)頁(yè)外觀表現(xiàn)技術(shù)，后者是網(wǎng)頁(yè)的內(nèi)容更新技術(shù)。第二個(gè)方向是采用系統(tǒng)集成的方法，采用軟件集成是當(dāng)今動(dòng)態(tài)網(wǎng)頁(yè)發(fā)展的主流。 （ 4）代碼實(shí)現(xiàn) （ 5）測(cè)試 與系統(tǒng)集成 實(shí)現(xiàn)方法 開(kāi)源軟件的免費(fèi)性和易 獲取 性， 為 此次 畢業(yè)設(shè)計(jì)項(xiàng)目 的研究與實(shí)現(xiàn) 提供了極大的 便利 。 第二章 是對(duì) 此次 網(wǎng)站 建設(shè)項(xiàng)目 所用到相關(guān)技術(shù) 的概述 ， 包括 對(duì) Web 服務(wù)器Apache、 超文本預(yù)處理語(yǔ)言 PHP、 小型數(shù)據(jù)庫(kù) MySQL、 DIV + CSS 網(wǎng)頁(yè)布局 的介紹與選用 理由， Windows 系統(tǒng)下開(kāi)發(fā)環(huán)境的配置 方法 。 Apache 源于 NCSAd 服務(wù)器，經(jīng)過(guò)多次修改，成為世界上最流行的 Web服務(wù)器軟件之一。當(dāng) NCSA WWW 服務(wù)器項(xiàng)目停頓后，那些使用 NCSA WWW 服務(wù)器的人們開(kāi)始交換他們用于該服務(wù)器的補(bǔ)丁程序，他們也很快認(rèn)識(shí)到成立管理這些補(bǔ)丁程序的論壇是必要的。 Apache 的特性： 幾乎可以運(yùn)行在所有的計(jì)算機(jī)平臺(tái)上 支持最新的 HTTP/ 協(xié)議 簡(jiǎn)單而且強(qiáng)有力的基于文 件的配置 () 支持通用網(wǎng)關(guān)接口 支持虛擬主機(jī) 支持 HTTP 認(rèn)證 集成 PERL 集成的代理服務(wù)器 可以通過(guò) WEB 瀏覽器監(jiān)視服務(wù)器的狀態(tài) ,可以自定義日志 支持服務(wù)器端包含命令 (SSI) 1支持安全 SOCKET 層 (SSL) 1具有用戶(hù)會(huì)話過(guò)程的跟蹤能力 1支持 FASTCGI 1支持 JAVASERVLETS Apache 是目前世界上最經(jīng)常使用的 Web 服務(wù)器。 PHP 具有非常強(qiáng)大的功能，所有的 CGI 或者 JavaScript 的功能 PHP 都能實(shí)現(xiàn)，而且支持幾乎所有流行的數(shù)據(jù)庫(kù)以及操作系統(tǒng)。到了 1996 年底，有 15000 個(gè)網(wǎng)站使用 PHP/FI；時(shí)間到了 1997 年中，使用 PHP/FI 的網(wǎng)站數(shù)字超過(guò)五萬(wàn)個(gè)。這個(gè)釋出的版本命名為 PHP 2，已經(jīng)有今日 PHP 的一些雛型，像是類(lèi)似 Perl 的變量命名方式、表單處理功能、以及嵌入到 HTML 中執(zhí)行的能力。 2021 年 PHP 5 成為了 PHP 唯一的有在開(kāi)發(fā)的 PHP 版本。你還可以自己編寫(xiě)外圍的函數(shù)取間接存取數(shù)據(jù)庫(kù)。外部擴(kuò)展庫(kù)也是靜態(tài)聯(lián)編，與數(shù)據(jù)庫(kù)的連接 也是這樣，所以使用的是本地化的調(diào)用，這也讓數(shù)據(jù)庫(kù)發(fā)揮了最佳效能； 良好的安全性。 （ 4） 安全性 在使用安全性上， ASP 遠(yuǎn)不及 PHP 安全，可能大家都知道 有關(guān) ASP 的眾多不安全因素 ，例如， ：： $DATA 漏洞， 訪問(wèn)者只要在瀏覽的 URL 地址后加上“ ：：$DATA” 字符就能看到該頁(yè) ASP 的源代碼。目前 MySQL 被廣泛地應(yīng)用在 Inter 上的中小型網(wǎng)站中。 支持 AIX、 BSDi、 FreeBSD、 HPUX、 Linux、 Mac OS、 Novell NetWare、NetBSD、 OpenBSD、 OS/2 Wrap、 Solaris、 Windows 等多種操作系統(tǒng)。 提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫(kù)操作的管理工具。 Windows 系統(tǒng)下開(kāi)發(fā)環(huán)境的配置 Apache + MySQL + PHP Apache 是最通用的網(wǎng)絡(luò)服務(wù)器； MySQL 是帶有基于網(wǎng)絡(luò)管理附加工具的關(guān)系數(shù)據(jù)庫(kù)； PHP 是流行的對(duì)象腳 本語(yǔ)言，它包含了多數(shù)其它語(yǔ)言的優(yōu)秀特征來(lái)使得它的網(wǎng)絡(luò)開(kāi)發(fā)更加有效 。但是，不可否認(rèn)的是 Windows 也有其優(yōu)點(diǎn)，就是易用，界面友好，操作起來(lái)非常方面，因此對(duì) 不熟悉 Linux 的 人來(lái)說(shuō) 在 Windows 平臺(tái)下 使用 PHP 是一個(gè)不錯(cuò)的選擇。 CSS 是英語(yǔ) Cascading Style Sheets（層疊樣式表單）的縮寫(xiě)，它是一種用來(lái)表現(xiàn) HTML 或 XML 等文件 式樣的計(jì)算機(jī)語(yǔ)言。微軟等公司均為 W3C 支持者。 CSS 的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。 保持視覺(jué)的一致性 DIV+CSS 最重要的優(yōu)勢(shì)之一：保持視覺(jué)的一致性；以往表格嵌套的制作方法，會(huì)使得頁(yè)面與頁(yè)面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。但是很多時(shí)候，這兩方面似乎存在著矛盾 。 僅有藝術(shù)性而不考慮可用性的網(wǎng)站不 是成功的網(wǎng)站。用戶(hù)體驗(yàn)不僅僅是由有效性和效率決定的。合理運(yùn)用圖形、 色 彩等設(shè)計(jì)元素，可以有效引導(dǎo)用戶(hù)的視覺(jué)焦點(diǎn)，增強(qiáng)可用性。那么它們就能夠?yàn)橛脩?hù)提供全面的 正面體驗(yàn) —— 使用戶(hù)可以在這個(gè)網(wǎng)站上完 成他們想完成的工作，并且是高效的、滿意的完成。包括美的形式外觀和良好的可用性。在設(shè)計(jì)時(shí)同一類(lèi)內(nèi)容的文件最好使用同一個(gè)頁(yè)面來(lái)顯示。 （二） 預(yù)期達(dá)到的 水平 網(wǎng)站頻道及欄目的內(nèi)容定位清晰、有統(tǒng)一的分類(lèi)標(biāo)準(zhǔn)，欄目名稱(chēng)準(zhǔn)確，具有簡(jiǎn)明、直觀、易操作的特點(diǎn) 。 頁(yè)面設(shè)計(jì)整齊，沒(méi)有變形的頁(yè)面和文字，沒(méi)有表格錯(cuò)行，文字錯(cuò)位等現(xiàn)象 。 （三） 首 頁(yè)構(gòu)建基本內(nèi)容 校園門(mén)戶(hù)網(wǎng)站首頁(yè)是 來(lái)訪者 第一眼 看到 的 頁(yè)面 ， 首頁(yè)的 版式 合不合理 、 內(nèi)容 恰不恰當(dāng) ，直接影響 瀏覽者 對(duì)網(wǎng)站的感覺(jué) ， 同時(shí) 在 很大程度 上 影響 了 其 是否愿意繼續(xù) 瀏覽下去。 動(dòng)態(tài)頁(yè)面元素主要包括： 投票模塊 、 來(lái)訪人數(shù)統(tǒng)計(jì) 、后臺(tái)管理、 用戶(hù)中心 、 校長(zhǎng)信箱 、成績(jī)查詢(xún) 等，還將進(jìn)一步實(shí)現(xiàn)站內(nèi)搜索 、資源 下載等模塊。 頁(yè)面 主體 設(shè)計(jì) 分為三部分 ， 布局 總共 八個(gè) 小 塊， 依照 從上到下 、從左到右的順序 依次為： 校長(zhǎng)寄語(yǔ) ： 滾動(dòng) 文字 ， 展示校長(zhǎng)寄語(yǔ)， 可鏈接至 學(xué)校簡(jiǎn)介頁(yè)面 ； 校園新聞 ： 展示 若干條近期校園新聞 ，可鏈接 至 校園新聞頁(yè)面； 圖片新聞 ： 若干 圖片 組成的幻燈片 新聞 ，可鏈接至詳細(xì)內(nèi)容； 小調(diào)查 ： 小型的投票系統(tǒng)， 可投票、查看結(jié)果 ； 教學(xué)科研 ： 展 示若干條近期 最新教學(xué)科研動(dòng)態(tài) ，可鏈接至 新頁(yè)面； 用戶(hù)登錄 ： 已登記用戶(hù)可在此登錄 ， 具有 各種登錄 錯(cuò)誤提示； 學(xué)生活動(dòng) ： 展示 近期學(xué)生活動(dòng)， 可鏈接至 校園文化頁(yè)面； 校園風(fēng)光 ： 展示 若干 校園風(fēng)光圖片， 可鏈接至 新頁(yè)面， 查看大圖。 1 所有的網(wǎng)頁(yè)和服務(wù)，兼容多種操作系統(tǒng)下的瀏覽器 。 及時(shí)發(fā)布學(xué)校的各項(xiàng)信息，如學(xué)校介紹、教學(xué)成果、教學(xué)計(jì)劃等，以及能夠用于學(xué)校的各項(xiàng)通知、公告的發(fā)布 。 易維護(hù)和升級(jí) 網(wǎng)站交付使用之后要容易維護(hù)更新，可以不斷升級(jí)。動(dòng)與靜有機(jī)結(jié)合。于是，網(wǎng)站的目標(biāo)實(shí)現(xiàn)了，用戶(hù)的目的實(shí)現(xiàn)了。精心排版的頁(yè)面使用戶(hù)能用更短的時(shí)間掃視內(nèi)容，使用戶(hù)能高效完成目的。所以，只有可用性而缺乏藝術(shù)性的網(wǎng)站同樣是“不可用”的 。但是，當(dāng)他發(fā)現(xiàn)，網(wǎng)站不能滿足自己的需求時(shí)，他們就會(huì)去選擇其他的方法。它是帶給人愉悅的，具有吸引力的，藝術(shù)性的 ； 同時(shí)它具有良好的可用性的，有效的，易于使用，使人滿意的。由于 CSS 富含豐富的樣式，使頁(yè)面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里，使得加載速度很慢。相對(duì)與傳統(tǒng)的 table, 采用 DIV + CSS 技術(shù)的網(wǎng)頁(yè)，對(duì)于搜索引擎的收錄更加友好。 DIV 元素是用來(lái)為 HTML 文檔內(nèi)大塊（ blocklevel）的內(nèi)容提供結(jié)構(gòu)和背景的元素。 打開(kāi) Apache 安裝目錄 （ ....\PHP H