【正文】 站點(diǎn)設(shè)計(jì)技巧 ........................................................................................... 33 結(jié) 束 語 .......................................................................................................... 34 致 謝 ................................................................................................................ 35 第七章 參考文獻(xiàn) .......................................................................................................... 36 Abstract .......................................................................................................................... 37 基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 3 頁 共 37 頁 前 言 Inter 是一個(gè)全球性的網(wǎng)絡(luò)集合，目前的網(wǎng)絡(luò)用戶數(shù)以億計(jì)。 計(jì)算機(jī)網(wǎng)絡(luò)的應(yīng)用領(lǐng)域更是在飛速發(fā)展，深入到人們生活的各個(gè)角落。 隨著網(wǎng)絡(luò)技術(shù)的成熟與飛速發(fā)展 , 萬維網(wǎng) (WorldWide Web) 上的信息資源正在以前所未有的速度增長(zhǎng) ,各種各樣的網(wǎng)站如雨后春筍般地涌現(xiàn)出來。然而隨著信息資源的迅速增長(zhǎng) ,有越來越多信息資源需要放到網(wǎng)上供大家共享。 面對(duì)如此龐大的信息資源 ,如何高效地對(duì)這些信息進(jìn)行組織 ,如何提高網(wǎng)頁的瀏覽速度 ,如何提高搜索引擎的搜索性能 ,以及如何對(duì)這個(gè)龐大的信息庫進(jìn)行維護(hù)是我們不得不面對(duì)的一個(gè)重要問題。在建立網(wǎng)站時(shí)傳統(tǒng)的做法是以網(wǎng)頁為基本單位對(duì)信息進(jìn)行組織 。對(duì)于做過網(wǎng)站開發(fā)的人員 ,相信對(duì)制作大量網(wǎng)頁的單調(diào)重復(fù)的工作都深有體會(huì)。 本設(shè)計(jì)者通過對(duì)大量的學(xué)校網(wǎng)站進(jìn)行調(diào)查 ,發(fā)現(xiàn)在一個(gè)網(wǎng)站中的頁面上存在許多共同的信息，各個(gè)網(wǎng)頁的內(nèi)容可以調(diào)用數(shù)據(jù)庫中的 記錄，來動(dòng)態(tài)生成頁面，這樣既保持網(wǎng)站的風(fēng)格一致性，使網(wǎng)站維護(hù)變得更加簡(jiǎn)單。 基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 4 頁 共 37 頁 第一章 網(wǎng)站建設(shè)技術(shù)理論 靜態(tài)網(wǎng)站與動(dòng)態(tài)網(wǎng)站 靜態(tài) HTML 最基本的 web 頁面類型是完全以 HTML 編寫的純靜態(tài)的，基于文本的頁面。如圖 11所示，當(dāng)客戶計(jì)算機(jī)通過 Web 或局域網(wǎng)向服務(wù)器做出對(duì)某個(gè)頁面的 HTTP 請(qǐng)求時(shí)，服務(wù)器只 是把從文件中找到的文本傳遞過來。當(dāng)該數(shù)據(jù)返回到客戶機(jī)，瀏覽器按照自己對(duì)代碼內(nèi)容的精確理解、用戶的首選設(shè)置、顯示器大小以及其他因素做出最佳處理。服務(wù)器上 HTML 文件的內(nèi)容與客戶機(jī)上頁面的源代碼完全相同。 圖 11 簡(jiǎn)單的 HTTP 請(qǐng)求 像這樣的非常普通的靜態(tài) HTML 具有某種優(yōu)勢(shì)： ◆任何瀏覽器都有能力顯示它。 ◆許多種設(shè)備都有能力顯示它。 HTML 文檔 Inter HTTP 請(qǐng)求 Web 服務(wù)器（處理 ） Web 服務(wù)器文件系統(tǒng) /home/d/mysite HTMLHEAD TITLEThis page?s title/ TITLE… 用戶的機(jī)器 在瀏覽器上顯示 基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 5 頁 共 37 頁 ◆它執(zhí)行每個(gè)請(qǐng)求都很迅速，并且使用了最少的資源。 ◆ HTML 易于學(xué)習(xí)或自動(dòng)生成。 ◆能夠迅速對(duì)每個(gè)頁面做出小改動(dòng)。 當(dāng) 然，靜態(tài) HTML 也有不利的一面，包括下面這些方面： ◆難于控制設(shè)計(jì)和布局。 ◆規(guī)模可伸縮性不夠好。 ◆交互性不夠好。 ◆難于包括關(guān)于頁面的有意義的元數(shù)據(jù)（ metadata）。 ◆不能應(yīng)付內(nèi)容或個(gè)性化信息的迅速改變。 ◆不是很具有吸引力。 由于所有這些原因，靜態(tài) HTML 迅速成為業(yè)余水平的標(biāo)志。 針對(duì)這些限制，目前已經(jīng)發(fā)展了很多種其他技術(shù)，其中包括客戶端的 JavaScript、Cascading Style Sheet(層疊式式樣表 )和 Java 小程序，還包括帶服務(wù)器端數(shù)據(jù)庫連接的服務(wù)器端 ASP、 PHP 等技術(shù) 的腳本編制。正在發(fā)展中的技術(shù)包括 XML 和 XSL，這兩種技術(shù)都是作為其他各種規(guī)范（ XHTML、 XSLT、 Xpath、 ICE 等）的以部分出現(xiàn)的。 動(dòng)態(tài)網(wǎng)頁技術(shù)與靜態(tài)網(wǎng)頁技術(shù) 通俗的講 ,靜態(tài)網(wǎng)站就象一本書 ,沒有裝入網(wǎng)站應(yīng)具備的關(guān)鍵功能 數(shù)據(jù)庫 ,使其內(nèi)容一成不變 ,只能看不能動(dòng)態(tài)參與 .而動(dòng)態(tài)網(wǎng)站就象一臺(tái)電腦 ,不但生動(dòng)活潑 ,而且所有資料均可隨意更新 ,修改 .擁有新聞及信息發(fā)布 /會(huì)員管理 /產(chǎn)品訂購 /BBS 論壇 /留言板等多種功能 . 純粹 HTML 格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是靜態(tài)網(wǎng) 頁，但由于靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，會(huì)增加很大工作量，而且由于缺乏交互功能，因此當(dāng)網(wǎng)站有大量信息以及功能較多時(shí)，完全依靠靜態(tài)網(wǎng)頁是無法實(shí)現(xiàn)的，于是動(dòng)態(tài)網(wǎng)頁就成為網(wǎng)站維護(hù)的必然要求，但是由于大量動(dòng)態(tài)網(wǎng)頁的存在，也造成了一定的問題，有些全動(dòng)態(tài)網(wǎng)頁的網(wǎng)站會(huì)失去很多被用戶發(fā)現(xiàn)的機(jī)會(huì)。 因此，我們建設(shè)網(wǎng)站要做到動(dòng)靜結(jié)合，建設(shè)有特色的、優(yōu)秀的學(xué)校網(wǎng)站。 注：動(dòng)態(tài)網(wǎng)站建設(shè)的相關(guān)知識(shí)探討在附錄的讀書報(bào)告中闡述。 學(xué)校網(wǎng)站建設(shè)的定位 一個(gè)優(yōu)秀的學(xué)校網(wǎng)站，可以從以下幾個(gè)方面來評(píng)判： （ 1）、主頁設(shè)計(jì) —— 能反映該學(xué) 校的建設(shè)、發(fā)展、歷史和文化，充分發(fā)揮信息技術(shù)的應(yīng)用優(yōu)勢(shì)； （ 2）、欄目構(gòu)架 —— 結(jié)構(gòu)完整、科學(xué)合理、邏輯關(guān)系清晰，便于用戶了解網(wǎng)站的全面內(nèi)容和操作使用； （ 3）、內(nèi)容質(zhì)量 —— 內(nèi)容要豐富、生動(dòng)，文章圖片等要規(guī)范、真實(shí)、科學(xué)，網(wǎng)站包括各基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 6 頁 共 37 頁 種專題子站點(diǎn)； （ 4）、多媒體技術(shù)的使用 —— 能有效地運(yùn)用動(dòng)畫、視頻、音頻等多媒體技術(shù)； （ 5）、美術(shù)效果 —— 網(wǎng)頁設(shè)計(jì)美觀大方，形式效果與內(nèi)容相符，制作精美，有本校的風(fēng)格特色，易于識(shí)別； （ 6）、信息管理 —— 信息更新要快，便于用戶能得到最新、最準(zhǔn)確的信息，運(yùn)用數(shù)據(jù)庫文件管理資料，一些 友情鏈接要盡量滿足大多數(shù)用戶的需要。 網(wǎng)站設(shè)計(jì)首先要確定學(xué)校網(wǎng)站的功能定位。學(xué)校網(wǎng)站的主要用戶類型為：以家長(zhǎng)為主的社會(huì)各界人士、各級(jí)教育行政部門、學(xué)校各個(gè)部門、教師和學(xué)生四類，網(wǎng)站的設(shè)計(jì)應(yīng)考慮到這四類用戶的不同需求。因此功能上可歸納為：展示學(xué)校形象、讓社會(huì)了解學(xué)校；管理工作助手，滿足教學(xué)、科研、管理工作需要；信息資源寶庫，集成各類資源，為師生學(xué)習(xí)、工作、生活服務(wù)；溝通交流園地，為師生交流、領(lǐng)導(dǎo)與群眾的溝通提供方便。 網(wǎng)站構(gòu)架重點(diǎn)在內(nèi)容和功能兩個(gè)方面的設(shè)計(jì)，從內(nèi)容策劃入手，主要是通過分類歸納，把握好內(nèi)容的 邏輯關(guān)系，但要同時(shí)考慮內(nèi)容中相對(duì)動(dòng)態(tài)的信息和相對(duì)靜態(tài)的信息。相對(duì)動(dòng)態(tài)的信息如：校園新聞、信息公告等，是不斷有新的信息發(fā)布的區(qū)域，應(yīng)該設(shè)計(jì)在比較突出的位置，吸引用戶的注意；還有一類內(nèi)容為功能化區(qū)域，視每個(gè)學(xué)校具體情況而定，如教務(wù)管理系統(tǒng)、資料查詢系統(tǒng)、郵件服務(wù)系統(tǒng)等，用戶登錄入口可以設(shè)計(jì)在相對(duì)固定的位置，一般針對(duì)本校用戶。 基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 7 頁 共 37 頁 第二章 網(wǎng)站建設(shè)技術(shù)分析 網(wǎng)站建設(shè)系統(tǒng)設(shè)計(jì)的需求分析 設(shè)計(jì)的需求分析 要求：學(xué)校網(wǎng)站建設(shè)。利用網(wǎng)頁制作軟件進(jìn)行網(wǎng)站的框架設(shè)計(jì)及有關(guān)動(dòng)畫、圖片設(shè)計(jì) ,利用動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù) 開發(fā)新聞管理系統(tǒng)、文件管理系統(tǒng)，編程實(shí)現(xiàn)新聞動(dòng)態(tài)生成及頁面的動(dòng)態(tài)生成。 各種設(shè)計(jì)方案的比較 網(wǎng)頁設(shè)計(jì)的工具軟件很多 , 目前比較流行使用 DREAMWEAVER 結(jié)合 FLASH 和 PHOTOSHOP或 FIREWORK 進(jìn)行網(wǎng)頁設(shè)計(jì)與維護(hù) ,DREAMWEAVER 是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器 , 它的特點(diǎn)是支持最新的 DHTML 和 CSS 標(biāo)準(zhǔn) , 將 JAVASCRIP 集成到行為和時(shí)間線中 , 擴(kuò)展了層的概念 , 可簡(jiǎn)單地生成 CSS、層、 JavaScrip t 等動(dòng)態(tài)頁面 , 能方便地加入 flash、 shockw ave、 ActiveX、 Java 等 plugin 媒體 , 此外它還具有較強(qiáng)的網(wǎng)站管理功能和擴(kuò)展能力。 與 Photoshop 相比 , Fireworks 更適合處理與圖形并行放置的文本 , 并保證 WEB 圖顏色的正確性 , 因此 , 越來越多的人開始使用它。上述幾種工具 , 各有特點(diǎn) , 如果結(jié)合起來使 用 , 會(huì)使圖書館網(wǎng)頁變得豐富多彩 , 使讀者留連忘返。 利用動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)開發(fā)新聞管理系統(tǒng)、文件管理系統(tǒng)，編程實(shí)現(xiàn)新聞動(dòng)態(tài)生成及頁面的動(dòng)態(tài)生成。 動(dòng)態(tài)網(wǎng)頁指的是采用 ASP、 PHP、 CGI 等程序動(dòng)態(tài)生成的頁面 ，在網(wǎng)絡(luò)空間中并不存在這個(gè)頁面，只有在接到用戶的訪問要求后才生成并傳輸?shù)接脩舻臑g覽器中。 動(dòng)態(tài)網(wǎng)頁由計(jì)算機(jī)實(shí)時(shí)生成，具有日常維護(hù)簡(jiǎn)單、更改結(jié)構(gòu)方便、交互性能強(qiáng)大等有點(diǎn)，同時(shí)動(dòng)態(tài)網(wǎng)頁需要大量的系統(tǒng)資源合成網(wǎng)頁。 靜態(tài)網(wǎng)頁無需系統(tǒng)實(shí)時(shí)生成，網(wǎng)頁風(fēng)格靈活多樣，但是靜態(tài)網(wǎng)頁在交互性能上比動(dòng)態(tài)網(wǎng)頁要差，日常維護(hù)也更為繁瑣。 確定設(shè)計(jì)方案 網(wǎng)站結(jié)構(gòu)框架、網(wǎng)站頁面風(fēng)格采用三劍客網(wǎng)頁制作工具來布局網(wǎng)頁。為了界面設(shè)計(jì)風(fēng)格保持一致性，采用框架布局。網(wǎng)頁中圖象、背景的優(yōu)化 ,導(dǎo)航條的制作等等用 FIREWORK來制作 實(shí)現(xiàn)。努力做到：結(jié)構(gòu)框架明晰網(wǎng)站各個(gè)內(nèi)容部分的關(guān)系；頁面風(fēng)格要求指導(dǎo)美工設(shè)計(jì)頁面構(gòu)成。 網(wǎng)站功能主要?jiǎng)討B(tài)模塊有：管理員管理，新聞管理模塊，文件管理模塊。這些模塊設(shè)計(jì)用 PHP/MYSQL 以及 XML 技術(shù)實(shí)現(xiàn)。實(shí)現(xiàn)動(dòng)態(tài)管理就要設(shè)計(jì)數(shù)據(jù)庫，安裝配置開發(fā)技術(shù)平臺(tái)。 基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 8 頁 共 37 頁 平臺(tái)的安裝與配置 在 Windows2020 環(huán)境下安裝與配置服務(wù)器 （ 1） 在 Window2020 環(huán)境下安裝和配置 Aphache 現(xiàn)在， Aphache 提供了在 Windows2020 環(huán)境下的安裝程序，因此在環(huán)境下的配置工作就格外容易，具體操 作步驟如下： 運(yùn)行 Aphache 的安裝程序 ，彈出如圖 21 所示的界面： 圖 21 Apache 安裝界面 之后按照屏幕提示即可完成的 Aphache 安裝。如果要對(duì) Aphache 進(jìn)行相關(guān)設(shè)置，可以通過修改 文件來實(shí)現(xiàn)，相關(guān)操作可以參考相應(yīng)的 Aphache 資料。 （ 2） 在 Windows2020 環(huán)境下安裝和配置 IIS 在安裝 Windows2020 時(shí)選擇安裝服務(wù)器 IIS，網(wǎng)站設(shè)計(jì)成果保存在 C： \ipub\root下，測(cè)試 站點(diǎn)時(shí)只要輸入本機(jī) IP 地址和文件夾名稱即可。 測(cè)試站點(diǎn)前要啟動(dòng)服務(wù)器，在默認(rèn)站點(diǎn)下新建一個(gè)虛擬目錄，網(wǎng)站內(nèi)容即放在該目錄下。 在 Windows2020 環(huán)境下安裝和配置 在完成了的服務(wù)器的安裝后，接下來對(duì) 運(yùn)行環(huán)境的配置： （ 1） 將 PHP 的文件解壓縮到 C： \PHP。 （ 2） 將 C:\PHP 目錄下的 文件復(fù)制到 C:\WINNT，并改名為 。 （ 3） 將 C:\PHP 目錄下的 中的如下內(nèi)容復(fù)制到 Apache 的配置文件 中 ： 如表 所示 至此，就完成了 PHP 的安裝，我們需要重新啟動(dòng)服務(wù)器，然后可以通過前面介紹的方式 ScriptAlias/php4/”c:/php” Action application/xdphp4”/php4/” AddType application/ 基于 PHP/MYSQL 技術(shù)的學(xué)校網(wǎng)站建設(shè) 第 9 頁 共 37 頁 來編寫一個(gè)簡(jiǎn)單的 PHP 程序進(jìn)行測(cè)試。 另外文件設(shè)置：在 中，設(shè)置 register_global=on；將 inc lude 設(shè)置為啟用狀態(tài) 為了以后系統(tǒng)開發(fā)中調(diào)用“ require” 。等等。一些配置在測(cè)試中逐步完成。 在 Windows2020 環(huán)境下安裝和配置 MySQL 在 Windows2020 下安裝比較簡(jiǎn)單，只需要找到 MySQL 的 Wi