07.網(wǎng)頁制作與發(fā)布

1、7/6/20221第七章網(wǎng)頁制作與發(fā)布7/6/20222本章目錄因特網(wǎng)信息發(fā)布渠道1網(wǎng)頁和網(wǎng)站的概念32制作靜態(tài)網(wǎng)頁網(wǎng)站方法3Postnuke快速架站技術(shù)6動態(tài)網(wǎng)頁網(wǎng)站CMS35PN架站經(jīng)驗談37怎樣防止黑客攻擊電腦47/6/20223第一節(jié)因特網(wǎng)信息發(fā)布渠道7/6/20224因特網(wǎng)信息發(fā)布渠道博客和播客：零投入零維護，但大型課件發(fā)布困難天網(wǎng)妹子：發(fā)布容易，目前外網(wǎng)訪問可能困難FTP遠程發(fā)布：非網(wǎng)站方式的快速信息發(fā)布方法論壇發(fā)布：相當(dāng)于網(wǎng)絡(luò)大字報的信息發(fā)布技術(shù)個人網(wǎng)站：可以實現(xiàn)在自己的計算機上開辦網(wǎng)站P2P遠程發(fā)布：飛秋等非網(wǎng)站方式的信息發(fā)布方法7/6/20225第二節(jié)網(wǎng)頁和網(wǎng)站的概念7/6/

2、20226一、 網(wǎng)站創(chuàng)建流程=籌辦刊物=創(chuàng)辦刊物=文章寫作=刊物出版7/6/20227網(wǎng)頁的實質(zhì) 網(wǎng)頁相當(dāng)于刊物中所發(fā)表的一篇篇文章，但與紙上的文章相比，它增加了多媒體信息和網(wǎng)上交互的功能。 網(wǎng)頁的實質(zhì) = 表格+文本+圖片+動畫+聲音+超級鏈接+7/6/20228網(wǎng)站的實質(zhì)網(wǎng)站相當(dāng)于發(fā)行到全世界的期刊。網(wǎng)站的實質(zhì) = 服務(wù)器上的文件夾主頁相當(dāng)于期刊的封面。主頁的實質(zhì) = 打開網(wǎng)站的第一個網(wǎng)頁7/6/20229網(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)站”7/6/202210什么是靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁? 所謂靜態(tài)網(wǎng)頁，指的是

3、該網(wǎng)頁文件中只有HTML標(biāo)記，一經(jīng)生成，內(nèi)容就不會再變化。當(dāng)它從服務(wù)器傳到客戶端時，網(wǎng)頁的內(nèi)容是“固定不變”的，也就是說，服務(wù)器只是把所存儲的網(wǎng)頁的內(nèi)容原封不動直接傳遞給客戶端瀏覽器，這種網(wǎng)頁一般是標(biāo)準(zhǔn)的HTML代碼。7/6/202211什么是靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁? 所謂動態(tài)網(wǎng)頁，其網(wǎng)頁文件不僅含有HTML標(biāo)記，而且一定和數(shù)據(jù)庫相連。動態(tài)網(wǎng)頁能夠根據(jù)不同的時間、不同的來訪者而顯示不同的內(nèi)容。它在由服務(wù)器傳遞給客戶端的時候必須由服務(wù)器把它轉(zhuǎn)換成相應(yīng)的HTML格式，而且會根據(jù)用戶的要求和選擇在在服務(wù)器端做出相應(yīng)的改變和響應(yīng)。 動態(tài)網(wǎng)頁一般要用專門的腳本語言編寫，如ASP、PHP、JSP等等。凡是我們

4、看到WEB文件的擴展名為這3P的，就是動態(tài)網(wǎng)站了。7/6/202212靜態(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主文件和至少一個圖片文件夾和若干二級文件所組成的文件夾。7/6/202213作業(yè)14的網(wǎng)站結(jié)構(gòu)7/6/202214電腦課件之家靜態(tài)網(wǎng)頁網(wǎng)站結(jié)構(gòu)圖7/6/202215電腦課件之家靜態(tài)網(wǎng)頁網(wǎng)站主頁7/6/202216電腦課件之家靜態(tài)網(wǎng)站服務(wù)器文件夾列表7/6/202217動態(tài)網(wǎng)頁網(wǎng)站的特征 動態(tài)網(wǎng)頁網(wǎng)站由于必須有數(shù)據(jù)庫支持，所以，哪怕只有一個網(wǎng)頁，

5、它也是由一大堆文件夾構(gòu)成的。其中，網(wǎng)頁的模板數(shù)據(jù)和網(wǎng)頁上需要顯示的對象鏈接指針大都放在數(shù)據(jù)庫文件夾中，而具體顯示內(nèi)容則放在外部文件夾中。7/6/202218一個極簡單的動態(tài)網(wǎng)站主頁7/6/202219該動態(tài)網(wǎng)頁網(wǎng)站的系統(tǒng)文件夾7/6/202220該動態(tài)網(wǎng)頁網(wǎng)站的外部文件夾7/6/202221第三節(jié) 制作靜態(tài)網(wǎng)頁網(wǎng)站的方法7/6/202222靜態(tài)網(wǎng)站制作流程1、規(guī)劃2、制作主頁及超級鏈接3、制作二級頁面及超級鏈接*4、申請站點免費域名和免費空間*5、上傳發(fā)布你的全部網(wǎng)頁6、發(fā)布和定期更新維護，每次更新都要重新制作一大批網(wǎng)頁7/6/202223制作靜態(tài)網(wǎng)頁的方法 用HTML語言直接編寫 用WORD

6、編寫 用Frontpage編寫 用Dreamwaver編寫 靜態(tài)網(wǎng)頁制作7/6/202224靜態(tài)網(wǎng)頁與word文本有何不同？ 我們在用word寫文章時，由于word排版功能強大，我們只要定義好行距、分欄和圖片插入方式，就可以實現(xiàn)圖文混排。 但html語言卻沒有這樣強大的圖文混合排版能力，甚至連定義行距的功能都不夠理想。所以一切網(wǎng)頁上的對象，都要裝入頁面的表格之中，才能精確定位。這就是兩種文本制作時最大的不同。7/6/202225使用Frontpage制作靜態(tài)網(wǎng)頁 Frontpage是非常適合初學(xué)者制作靜態(tài)網(wǎng)頁的工具，它的口號是：“只要會用WORD，就會使用Frontpage！” 大家只要記住，

7、 Frontpage不能直接實現(xiàn)圖文混排，必須使用表格定位，就可以像使用word那樣制作靜態(tài)網(wǎng)頁了。7/6/202226制作靜態(tài)網(wǎng)頁網(wǎng)站的主要步驟1、建立網(wǎng)站文件夾和相應(yīng)的二級文件夾。注意，文件夾和文件名禁止使用漢字，并且要區(qū)分大小寫。7/6/2022272、制作主頁注意兩點：表格定位和相對路徑超級鏈接7/6/202228注意相對路徑超級鏈接，不允許在超級鏈接中出現(xiàn)任何盤符！7/6/202229一欄式網(wǎng)頁制作7/6/202230兩欄式網(wǎng)頁制作7/6/202231三欄式網(wǎng)頁制作7/6/202232多欄式網(wǎng)頁制作7/6/2022333、逐一鏈接主頁和其他二級頁面7/6/2022344、調(diào)試和試運行

8、你的靜態(tài)網(wǎng)站 點擊index.html，觀察打開的主頁是否運行正常，再逐一點擊所有的超級鏈接，看打開的對應(yīng)頁面是否也運行正常。 將你的靜態(tài)網(wǎng)頁拷貝到另一臺機子的另外一個盤符上，再觀察你的網(wǎng)站特別是所有的鏈接是否運行正常。7/6/202235 首先在因特網(wǎng)上搜索并下載一個叫做“ASP Web服務(wù)器工具”的軟件，把它放到你的主頁index.asp 或index.html旁邊，啟動這個程序就可以直接打開你的網(wǎng)站了。 啟動時注意首先關(guān)閉瑞星防火墻和迅雷下載工具等可能搶占本機80端口的軟件，否則你的網(wǎng)站運行時必須輸入端口號，比較麻煩。5、在自己的計算機上發(fā)布個人網(wǎng)站7/6/202236 打開你的IE瀏覽

9、器頁面，輸入網(wǎng)址：http:/你的IP地址 ，就可以讓全世界都看到你的網(wǎng)站了。在ASP平臺上發(fā)布靜態(tài)網(wǎng)頁7/6/202237第四節(jié)如何防止你的系統(tǒng)被黑客攻陷？7/6/202238防止黑客入侵! 當(dāng)然，在全世界來訪的訪客中，可能有不懷好意的人，所以你必須事先做好你的計算機的備份，一旦你的系統(tǒng)崩潰能夠很快恢復(fù)。備份的方法是下載一個“矮人DOS”的軟件，按下面介紹的方法來一鍵備份或恢復(fù)你的系統(tǒng)。7/6/202239小竅門1：巧用矮人DOS工具箱一鍵備份和恢復(fù)你的系統(tǒng)7/6/202240 矮人DOS工具箱是一款國產(chǎn)免費軟件，總共只有6M大小。但其功能卻十分強大，幾乎所有電腦銷售維修人員都在自己的機子上

10、裝備了它。它的下載和安裝方法極為簡便，到百度上一搜就知道了。 這里給大家重點介紹的是其中的一個功能：一鍵備份和一鍵恢復(fù)你的計算機系統(tǒng)。7/6/202241 大家不知有沒有這樣的體會：你的計算機用了一段時間之后，會越來越慢，這倒不一定是中了病毒，而是你機子里的垃圾文件太多所致。特別是注冊表里的垃圾，一般人很難發(fā)現(xiàn)和清除。最好的解決辦法就是重裝系統(tǒng)。這樣你的計算機馬上又會身輕如燕、健步如飛了。 但重裝系統(tǒng)絕非易事，即便是裝機高手也要花上幾個小時。怎么辦呢？請矮人DOS工具箱或者一鍵GHOST軟件來幫忙。 7/6/2022421.一鍵備份系統(tǒng) 在啟動時選擇“運行 Ghost 8.2向?qū)Чぞ弑P”項，然

11、后會打開下圖所示的窗口，在其中選擇第一項“一鍵備份系統(tǒng) 支持NTFS”，然后再打開窗口中選擇欲備份的硬盤，再在打開的窗口中選擇將第一分區(qū)備份到硬盤第幾個分區(qū)上，最后按下Tab鍵，將光標(biāo)移到“確定”按鈕上，按下回車鍵即可將系統(tǒng)備份到相應(yīng)的分區(qū)上。 7/6/202243開機后進入dos工具箱第二項7/6/202244選擇第一項7/6/202245我的使用經(jīng)驗 先將c:所有的非系統(tǒng)文件夾全部移到E:上，使c盤全部是系統(tǒng)文件，然后查看c盤已經(jīng)用去的存儲空間，比如2G，然后在D:預(yù)留3G左右的存儲空間，重新啟動計算機，進入DOS工具箱，出現(xiàn)上圖所示界面后，點擊第一選項“一鍵備份系統(tǒng)”，靜靜等待其完成，程

12、序結(jié)束后，重新啟動計算機，便可在D盤上看到BAK.GHO這類的文件，這就是用GHOST制作的c盤備份文件。注意，千萬不要移動它或刪除它，這可是你以后恢復(fù)系統(tǒng)的最后法寶！ 7/6/202246D盤上的鏡象文件7/6/2022472、一鍵恢復(fù)系統(tǒng) 如果你的計算機需要重新安裝系統(tǒng)，只要重新啟動計算機，進入矮人dos工具箱的GHOST菜單，選擇其中文界面的第二項“一鍵恢復(fù)系統(tǒng)”，然后按下TAB鍵，將光標(biāo)定到“確定”鍵上，按下回車鍵即可自動將系統(tǒng)從d：恢復(fù)到c：上。你只需要坐在一邊喝茶就行了，根本不用再找什么安裝光盤之類的東東。7/6/202248選擇第二項7/6/202249 本人的c:大約總共安裝了

13、7G的軟件，備份到D:大約占了5G的空間，但每次重裝C:大約只用一刻鐘左右，所以我現(xiàn)在差不多每兩三個月就要用此法重新安裝系統(tǒng)一次，以保證我的計算機永遠運行快捷！我將此法推薦給我的許多朋友，他們用過后都說好。感興趣的朋友不妨按我的方法一試。 7/6/202250小竅門2：干掉流氓軟件！7/6/202251 按現(xiàn)在大家對流氓軟件達成的一個共識來說，流氓軟件具備以下一些特性： 偷偷進行安裝，并通常很難卸載； 占用系統(tǒng)資源，強行彈出廣告； 侵害用戶的賬號及隱私安全。 它們既不屬于正規(guī)商業(yè)軟件，也不屬于真正的病毒。這些程序共同的特征是未經(jīng)用戶許可強行潛伏到用戶電腦中，而且此類程序無卸載程序，無法正常卸載

14、和刪除，強行刪除后還會自動生成。如何才能知道自己的電腦是否招流氓了呢？ 7/6/2022521根據(jù)表象初步判斷 當(dāng)系統(tǒng)感染了流氓軟件后一般有以下幾種可疑跡象可以通過感覺來判斷： 系統(tǒng)運行速度越來越慢部分軟件（特別是瀏覽器）設(shè)置被強行修改 自動彈出廣告窗口自動打開網(wǎng)站7/6/2022532利用工具檢測 推薦大多數(shù)用戶使用專業(yè)的流氓軟件檢測工具來檢測，這樣既直觀，操作也會方便很多?，F(xiàn)在檢測流氓軟件的工具有不少，例如：超級兔子、Upiea、惡意軟件清理助手、360安全衛(wèi)士、Windows Defender等。而流氓軟件檢測數(shù)目要數(shù)360安全衛(wèi)士最多。在此，我們也以360安全衛(wèi)士為例： 7/6/202

15、254360安全衛(wèi)士 軟件名稱：360安全衛(wèi)士軟件版本：5.0軟件大?。?00KB軟件性質(zhì)：免費軟件應(yīng)用平臺：Windows 9x/ ME/ NT/ 2000/ XP/ 2003 7/6/2022557/6/2022567/6/202257構(gòu)建自己攻不破的網(wǎng)站 總之，將系統(tǒng)備份、安全衛(wèi)士和殺毒軟件、防火墻這四者結(jié)合起來，你就不怕你的網(wǎng)站被別人黑掉，大不了再花十分鐘將它恢復(fù)起來就是了！ 雖然任何網(wǎng)站都有被別人黑掉的可能，但只要做好了備份和防范措施，我們的網(wǎng)站就會是別人攻不破的鐵壁銅墻！7/6/202258第五節(jié) 動態(tài)網(wǎng)頁網(wǎng)站CMS7/6/202259動態(tài)網(wǎng)頁網(wǎng)站CMS原理示意站長吧ASP調(diào)試工具

16、也屬于網(wǎng)絡(luò)應(yīng)用軟件7/6/202260內(nèi)容管理系統(tǒng)和課程管理系統(tǒng)Content Management System, CMS Course Management System, CMS 開始開發(fā)Web的人員，CMS產(chǎn)生巨大的吸引力有些CMS項目可以使設(shè)計者少走10年的彎路對于小型企事業(yè)單位和機構(gòu)，使用CMS是多快好省建設(shè)信息服務(wù)平臺的路子。它可以通過Web開展更多項目，如市場調(diào)研、客戶關(guān)系管理和建立復(fù)雜的知識基礎(chǔ)。7/6/202261例：PostNuke的體系結(jié)構(gòu)apacheapachePHPMYSQLPostNuke各種操作系統(tǒng)平臺，如：Windows、Linux等外部文件夾用戶操作界面管理

17、員操作界面可用EasyPHP一次完成7/6/202262例：ASP的體系結(jié)構(gòu)apacheASP服務(wù)器程序（IIS等）ACCESS數(shù)據(jù)庫ASP網(wǎng)頁各種操作系統(tǒng)平臺，如：Windows、Linux等用戶操作界面管理員操作界面7/6/202263最有名的免費CMS系統(tǒng)Phpnuke()屬于CMS的開山鼻祖之一。PostNuke（）這是目前開發(fā)組人數(shù)最多，支持者最多的CMS系統(tǒng)。有漢化版本。7/6/202264最有名的免費CMS系統(tǒng)(續(xù))Xoops（）較新CMS，采用較為先進的思路。有漢化版本。Xaraya（ ），最新出現(xiàn)的CMS系統(tǒng)，可擴充功能模塊最為豐富，正在開發(fā)之中，尚缺乏好的漢化版本。7/6/

18、202265ATutorMamboPHPCMSPLONE織夢內(nèi)容管理系統(tǒng) 7/6/202266第六節(jié) Postnuke快速架站技術(shù)7/6/202267在本地機安裝EasyPHP/Postnuke流程安裝EasyPHP.exe安裝POSTNUKE修改系統(tǒng)設(shè)置在IE瀏覽器中鍵入本地機網(wǎng)址系統(tǒng)運行7/6/202268M&P傻瓜式安裝包使用說明1、安裝easyphp1.8 運行easyphp1-8_setupnew.exe，將它安裝到c:program fileseasyphp1-8文件夾中2、運行easyphp1.8 觀察在屏幕右下角是否出現(xiàn)一個黑色的e字圖標(biāo)，雙擊打開，觀察apache和mysql

19、是否處于start狀態(tài)。如果沒有則從程序菜單啟動easyphp1.8，再進行觀察確認。7/6/2022693、如果上一步安裝成功，則可進入下一步安裝，否則刪除已安裝之程序，重新執(zhí)行第1、2步。4、將本軟件包的Easyphp1-8文件夾拷貝到c:program files文件夾中，覆蓋掉原來安裝好的Easyphp1-8文件夾；5、將本軟件包的moodledemo文件夾拷貝到D:7/6/2022706、打開IE瀏覽器，在地址欄中輸入： 即可在你的計算機上進人Moodle了。 即可在你的計算機上進人Postnuke了。記住系統(tǒng)設(shè)置的管理員口令和密碼是: admin 123456 7/6/202271

20、PostNuke全新安裝7/6/2022727/6/2022737/6/2022747/6/202275設(shè)置和管理網(wǎng)站 7/6/202276PostNuke快速安裝7/6/2022776個主要模塊 PostNuke后臺管理菜單模塊擺放得十分自由，初學(xué)者只要首先關(guān)注圖3-1上用紅圈標(biāo)注的6個模塊，把它們的使用方法和相互關(guān)系搞清楚了，其他模塊的使用便可以無師自通。 這6個模塊的設(shè)置順序如下：網(wǎng)站全局設(shè)置(基本參數(shù)設(shè)定)模塊管理(網(wǎng)站功能設(shè)計)區(qū)塊管理(主頁版面設(shè)計)消息管理(主頁頭版頭條新聞)發(fā)表文章(主頁其他文章發(fā)布)ContentExpress（制作新的網(wǎng)頁）。7/6/202278網(wǎng)站全局設(shè)置

21、（基本參數(shù)設(shè)定）模塊管理（功能設(shè)計）區(qū)塊管理(主頁版面）消息管理(主頁頭版頭條)發(fā)表文章(主頁其他文章）ContentExpress（制作新的網(wǎng)頁）7/6/202279PN快速架站視頻教程視頻05 傻瓜式安裝.swf視頻06 全新安裝.swf視頻07 網(wǎng)站全局設(shè)置.swf視頻08 網(wǎng)站個性化設(shè)置.swf視頻09 頁面底部內(nèi)容修改.swf視頻10 模塊管理.swf視頻11 Upload模塊的使用.swf視頻12 Content Express模塊的使用.swf視頻13 區(qū)塊管理 .swf7/6/202280PN快速架站視頻教程視頻14 主題與精華區(qū)管理.swf視頻15 用戶管理與權(quán)限管理.swf

22、視頻16 常見問題解答與評論管理.swf視頻17 投票管理.swf7/6/2022817/6/202282第七節(jié)PN架站經(jīng)驗談7/6/2022831、如何將本地機設(shè)置成因特網(wǎng)服務(wù)器？ 主要設(shè)置兩個地方：把C:Program Files /EasyPHP1-8/apache/conf 文件夾下的httpd.conf用記事本打開后找到Listen :80字符串,把改為本機IP；再找到ServerName localhost:80字符串,同樣把localhost改為本機IP，最后保存退出，重新啟動Easyphp軟件，即可進入Postnuke網(wǎng)站。7/6/2022842、POSTNUKE上傳大文件的解

23、決辦法 打開modules里UpDownload文件夾，找到include中的config.php文件，用Dreamweaver打開，找到以下代碼，修改limit_size 為你想要的上傳限制即可：/ for Upload$size_limit = yes; /do you want a size limit yes or no. (PHP has got a size-limit too - see phpinfo() )$limit_size = 524288000; /How big do you want size limit to be in _bytes_ (1024 byte =

24、 1 kbyte)/STOP: A limit is not only set by this variable but may be set by your server through the/PHP-variable upload_max_, too !7/6/2022853、如何在Postnuke中實現(xiàn)SWF文件的傳輸？ 網(wǎng)站通常需要有swf格式的動畫和視頻教程，所以需要取消對swf格式限制。由于下載系統(tǒng)默認不支持swf格式的上傳，所以需要對模塊的一些參數(shù)進行修改，打開Postnuke中modules文件夾里UpDownload文件夾，找到include中的config.php文件，用文本編輯器打開，將swf格式的限制取消，同時保存文件。/$limit_ext = yes;