第八章

因特網(wǎng)快速架站技術(shù)網(wǎng)絡(luò)信息檢索第9章張勝光制作3本章內(nèi)容制作靜態(tài)網(wǎng)站的方法2PN快速建站實(shí)例6網(wǎng)站創(chuàng)建的流程31動態(tài)網(wǎng)頁網(wǎng)站CMS33魔燈和Postnuke的安裝34Moodle快速建站實(shí)例35第一節(jié)

網(wǎng)站創(chuàng)建的流程網(wǎng)絡(luò)信息檢索第9章張勝光制作5一、網(wǎng)站創(chuàng)建流程=籌辦刊物=創(chuàng)辦刊物=文章寫作=刊物出版網(wǎng)絡(luò)信息檢索第9章張勝光制作61.1網(wǎng)頁的實(shí)質(zhì)網(wǎng)頁相當(dāng)于刊物中所發(fā)表的一篇篇文章，但與紙上的文章相比，它增加了多媒體信息和網(wǎng)上交互的功能。網(wǎng)頁的實(shí)質(zhì)=表格+文本+圖片+動畫+聲音+超級鏈接+……網(wǎng)絡(luò)信息檢索第9章張勝光制作71.2網(wǎng)站的實(shí)質(zhì)網(wǎng)站相當(dāng)于發(fā)行到全世界的期刊。網(wǎng)站的實(shí)質(zhì)=服務(wù)器上的文件夾主頁相當(dāng)于期刊的封面。主頁的實(shí)質(zhì)=打開網(wǎng)站的第一個網(wǎng)頁網(wǎng)絡(luò)信息檢索第9章張勝光制作81.3網(wǎng)頁和網(wǎng)站的分類網(wǎng)頁現(xiàn)在可分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁兩大類，由此，網(wǎng)站也可以相應(yīng)被稱為“靜態(tài)網(wǎng)頁網(wǎng)站”或“動態(tài)網(wǎng)頁網(wǎng)站”網(wǎng)絡(luò)信息檢索第9章張勝光制作9什么是靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁?所謂靜態(tài)網(wǎng)頁，指的是網(wǎng)頁從服務(wù)器傳到客戶端時，網(wǎng)頁的內(nèi)容是“固定不變”的，也就是說，服務(wù)器只是把所存儲的網(wǎng)頁的內(nèi)容原封不動直接傳遞給客戶端瀏覽器，這種網(wǎng)頁一般是標(biāo)準(zhǔn)的HTML代碼。網(wǎng)絡(luò)信息檢索第9章張勝光制作10所謂動態(tài)網(wǎng)頁，它在由服務(wù)器傳遞給客戶端的時候必須由服務(wù)器把它轉(zhuǎn)換成相應(yīng)的HTML格式，而且會根據(jù)用戶的要求和選擇在在服務(wù)器端做出相應(yīng)的改變和響應(yīng)。動態(tài)網(wǎng)頁一般要用專門的腳本語言編寫，如ASP、PHP、JSP等等。凡是我們看到WEB文件的擴(kuò)展名為這3P的，就是動態(tài)網(wǎng)站了。網(wǎng)絡(luò)信息檢索第9章張勝光制作111.4靜態(tài)網(wǎng)頁網(wǎng)站的特征靜態(tài)網(wǎng)頁網(wǎng)站和動態(tài)網(wǎng)頁網(wǎng)站有不同的特征。靜態(tài)網(wǎng)頁網(wǎng)站由于全部是由靜態(tài)網(wǎng)頁構(gòu)成的，所以它的結(jié)構(gòu)比較簡單，通常它是由一個服務(wù)器上的文件夾，內(nèi)含一個index.html主文件和至少一個圖片文件夾和若干二級文件所組成的文件夾。網(wǎng)絡(luò)信息檢索第9章張勝光制作12《電腦課件之家》靜態(tài)網(wǎng)頁網(wǎng)站結(jié)構(gòu)圖網(wǎng)絡(luò)信息檢索第9章張勝光制作13《電腦課件之家》靜態(tài)網(wǎng)頁網(wǎng)站主頁網(wǎng)絡(luò)信息檢索第9章張勝光制作14《電腦課件之家》靜態(tài)網(wǎng)站服務(wù)器文件夾列表網(wǎng)絡(luò)信息檢索第9章張勝光制作151.5動態(tài)網(wǎng)頁網(wǎng)站的特征動態(tài)網(wǎng)頁網(wǎng)站由于必須有數(shù)據(jù)庫支持，所以，哪怕只有一個網(wǎng)頁，它也是由一大堆文件夾構(gòu)成的。其中，網(wǎng)頁的模板數(shù)據(jù)和網(wǎng)頁上需要顯示的對象鏈接指針大都放在數(shù)據(jù)庫文件夾中，而具體顯示內(nèi)容則放在外部文件夾中。網(wǎng)絡(luò)信息檢索第9章張勝光制作16一個極簡單的動態(tài)網(wǎng)站主頁網(wǎng)絡(luò)信息檢索第9章張勝光制作17該動態(tài)網(wǎng)頁網(wǎng)站的系統(tǒng)文件夾網(wǎng)絡(luò)信息檢索第9章張勝光制作18該動態(tài)網(wǎng)頁網(wǎng)站的外部文件夾網(wǎng)絡(luò)信息檢索第9章張勝光制作19電腦課件之家動態(tài)網(wǎng)頁網(wǎng)站主頁網(wǎng)絡(luò)信息檢索第9章張勝光制作20電腦課件之家動態(tài)網(wǎng)頁網(wǎng)站的系統(tǒng)文件夾網(wǎng)絡(luò)信息檢索第9章張勝光制作21電腦課件之家動態(tài)網(wǎng)頁網(wǎng)站的外部文件夾第二節(jié)

制作靜態(tài)網(wǎng)頁網(wǎng)站的方法網(wǎng)絡(luò)信息檢索第9章張勝光制作232.1靜態(tài)網(wǎng)站制作流程1、規(guī)劃2、制作主頁及超級鏈接3、制作二級頁面及超級鏈接4、申請站點(diǎn)免費(fèi)域名和免費(fèi)空間5、上傳發(fā)布你的全部網(wǎng)頁6、定期更新維護(hù)，每次更新都要重新制作一大批網(wǎng)頁網(wǎng)絡(luò)信息檢索第9章張勝光制作242.2制作靜態(tài)網(wǎng)頁的方法用HTML語言直接編寫用WORD編寫用Frontpage編寫用Dreamwaver編寫

……

靜態(tài)網(wǎng)頁制作網(wǎng)絡(luò)信息檢索第9章張勝光制作25靜態(tài)網(wǎng)頁與word文本有何不同？我們在用word寫文章時，由于word排版功能強(qiáng)大，我們只要定義好行距、分欄和圖片插入方式，就可以實(shí)現(xiàn)圖文混排。但html語言卻沒有這樣強(qiáng)大的圖文混合排版能力，甚至連定義行距的功能都不夠理想。所以一切網(wǎng)頁上的對象，都要裝入頁面的表格之中，才能精確定位。這就是兩種文本制作時最大的不同。網(wǎng)絡(luò)信息檢索第9章張勝光制作262.3使用Frontpage制作靜態(tài)網(wǎng)頁

Frontpage是非常適合初學(xué)者制作靜態(tài)網(wǎng)頁的工具，它的口號是：“只要會用WORD，就會使用Frontpage！”大家只要記住，F(xiàn)rontpage不能直接實(shí)現(xiàn)圖文混排，必須使用表格定位，就可以像使用word那樣制作靜態(tài)網(wǎng)頁了。網(wǎng)絡(luò)信息檢索第9章張勝光制作27作業(yè)20簡單網(wǎng)頁制作【實(shí)驗(yàn)內(nèi)容與設(shè)計(jì)思想】共10分

仿照作業(yè)14樣例，制作一個簡單網(wǎng)頁。但所有的圖片和動畫必須采用故宮網(wǎng)站上其他的同類素材。如由與下例完全雷同者，此作業(yè)不給分。網(wǎng)絡(luò)信息檢索第9章張勝光制作28第一步：打開DW，插入表格網(wǎng)絡(luò)信息檢索第9章張勝光制作29第二步：在表格中插入圖片和文字網(wǎng)絡(luò)信息檢索第9章張勝光制作30第三步：在表格中插入SWF動畫網(wǎng)絡(luò)信息檢索第9章張勝光制作31網(wǎng)絡(luò)信息檢索第9章張勝光制作32完成后的效果網(wǎng)絡(luò)信息檢索第9章張勝光制作332.4申請免費(fèi)域名和主頁空間用搜索引擎在網(wǎng)上尋找提供免費(fèi)域名和主頁空間的網(wǎng)站，將自己的網(wǎng)站發(fā)布上去，完成自己的課程設(shè)計(jì)。網(wǎng)絡(luò)信息檢索第9章張勝光制作342.5網(wǎng)頁上傳的幾種方式1、映射網(wǎng)絡(luò)驅(qū)動器，建立遠(yuǎn)程文件夾2、FTP上傳方式（用DW可直接完成）3、各網(wǎng)站自己規(guī)定的上傳方式網(wǎng)絡(luò)信息檢索第9章張勝光制作352.6網(wǎng)頁上傳的注意事項(xiàng)上傳文件前，應(yīng)把自己的所有網(wǎng)頁鏈接徹底檢查一遍，確保使用的是相對路徑而不是絕對路徑，不允許出現(xiàn)諸如D:\index.html這樣的路徑，另外所有的文件名一律使用英文或漢語拼音，注意大小寫。第三節(jié)

動態(tài)網(wǎng)頁網(wǎng)站CMS網(wǎng)絡(luò)信息檢索第9章張勝光制作373.1動態(tài)網(wǎng)頁網(wǎng)站CMS原理示意網(wǎng)絡(luò)信息檢索第9章張勝光制作383.2內(nèi)容管理系統(tǒng)和課程管理系統(tǒng)ContentManagementSystem,CMSCourseManagementSystem,CMS開始開發(fā)Web的人員，CMS產(chǎn)生巨大的吸引力有些CMS項(xiàng)目可以使設(shè)計(jì)者少走10年的彎路對于小型企事業(yè)單位和機(jī)構(gòu)，使用CMS是多快好省建設(shè)信息服務(wù)平臺的路子。它可以通過Web開展更多項(xiàng)目，如市場調(diào)研、客戶關(guān)系管理和建立復(fù)雜的知識基礎(chǔ)。

網(wǎng)絡(luò)信息檢索第9章張勝光制作39例：Moodle的體系結(jié)構(gòu)apacheapachePHPMYSQLMoodle各種操作系統(tǒng)平臺，如：Windows、Linux等外部文件夾用戶操作界面管理員操作界面可用EasyPHP一次完成網(wǎng)絡(luò)信息檢索第9章張勝光制作403.3最有名的免費(fèi)CMS系統(tǒng)Phpnuke()屬于CMS的開山鼻祖之一。PostNuke（）這是目前開發(fā)組人數(shù)最多，支持者最多的CMS系統(tǒng)。有漢化版本。網(wǎng)絡(luò)信息檢索第9章張勝光制作41最有名的免費(fèi)CMS系統(tǒng)(續(xù))Xoops（）較新CMS，采用較為先進(jìn)的思路。有漢化版本。Xaraya（

），最新出現(xiàn)的CMS系統(tǒng)，可擴(kuò)充功能模塊最為豐富，正在開發(fā)之中，尚缺乏好的漢化版本。網(wǎng)絡(luò)信息檢索第9章張勝光制作42ApachFriends(xampp)

XAMPP一個整合性的Apache套件，整合了

Apache(webserver),MySQL(Database),PHP,Perl(中間件),FTPserver及

phpMyAdmin等，能快速完成架站構(gòu)建PHP試驗(yàn)環(huán)境網(wǎng)絡(luò)信息檢索第9章張勝光制作43Moodle系統(tǒng)第四節(jié)

Moodle和Postnuke

的安裝網(wǎng)絡(luò)信息檢索第9章張勝光制作454.1在本地機(jī)安裝EasyPHP/Moodle流程安裝EasyPHP.exe安裝Moodle修改系統(tǒng)設(shè)置在IE瀏覽器中鍵入本地機(jī)網(wǎng)址系統(tǒng)運(yùn)行網(wǎng)絡(luò)信息檢索第9章張勝光制作464.2M&P傻瓜式安裝包使用說明1、安裝easyphp1.8

運(yùn)行easyphp1-8_setupnew.exe，將它安裝到c:\programfiles\easyphp1-8文件夾中2、運(yùn)行easyphp1.8

觀察在屏幕右下角是否出現(xiàn)一個黑色的e字圖標(biāo)，雙擊打開，觀察apache和mysql是否處于start狀態(tài)。如果沒有則從程序菜單啟動easyphp1.8，再進(jìn)行觀察確認(rèn)。網(wǎng)絡(luò)信息檢索第9章張勝光制作473、如果上一步安裝成功，則可進(jìn)入下一步安裝，否則刪除已安裝之程序，重新執(zhí)行第1、2步。4、將本軟件包的Easyphp1-8文件夾拷貝到c:\programfiles\文件夾中，覆蓋掉原來安裝好的Easyphp1-8文件夾；5、將本軟件包的moodledemo文件夾拷貝到D:\網(wǎng)絡(luò)信息檢索第9章張勝光制作486、打開IE瀏覽器，在地址欄中輸入：

http://localhost/moodle/即可在你的計(jì)算機(jī)上進(jìn)人Moodle了。

http://localhost/html/即可在你的計(jì)算機(jī)上進(jìn)人Postnuke了。

記住系統(tǒng)設(shè)置的管理員口令和密碼是:admin123456

第五節(jié)

Moodle快速架站實(shí)例網(wǎng)絡(luò)信息檢索第9章張勝光制作505.1打開Moodle網(wǎng)站

打開IE瀏覽器，在地址欄中輸入：

http://localhost/moodle/即可在你的計(jì)算機(jī)上進(jìn)人Moodle了。網(wǎng)絡(luò)信息檢索第9章張勝光制作51網(wǎng)絡(luò)信息檢索第9章張勝光制作525.2登陸網(wǎng)站點(diǎn)擊首頁上的“登陸”按鈕，出現(xiàn)以下登陸畫面：網(wǎng)絡(luò)信息檢索第9章張勝光制作53網(wǎng)絡(luò)信息檢索第9章張勝光制作545.3進(jìn)入管理界面網(wǎng)絡(luò)信息檢索第9章張勝光制作55網(wǎng)絡(luò)信息檢索第9章張勝光制作56網(wǎng)絡(luò)信息檢索第9章張勝光制作57網(wǎng)絡(luò)信息檢索第9章張勝光制作58網(wǎng)絡(luò)信息檢索第9章張勝光制作59網(wǎng)絡(luò)信息檢索