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

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

2、20226一、 網站創(chuàng)建流程=籌辦刊物=創(chuàng)辦刊物=文章寫作=刊物出版7/6/20227網頁的實質 網頁相當于刊物中所發(fā)表的一篇篇文章，但與紙上的文章相比，它增加了多媒體信息和網上交互的功能。 網頁的實質 = 表格+文本+圖片+動畫+聲音+超級鏈接+7/6/20228網站的實質網站相當于發(fā)行到全世界的期刊。網站的實質 = 服務器上的文件夾主頁相當于期刊的封面。主頁的實質 = 打開網站的第一個網頁7/6/20229網頁和網站的分類 網頁現在可分為靜態(tài)網頁和動態(tài)網頁兩大類，由此，網站也可以相應被稱為“靜態(tài)網頁網站”或“動態(tài)網頁網站”7/6/202210什么是靜態(tài)網頁、動態(tài)網頁? 所謂靜態(tài)網頁，指的是

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

4、看到WEB文件的擴展名為這3P的，就是動態(tài)網站了。7/6/202212靜態(tài)網頁網站的特征 靜態(tài)網頁網站和動態(tài)網頁網站有不同的特征。 靜態(tài)網頁網站由于全部是由靜態(tài)網頁構成的，所以它的結構比較簡單，通常它是由一個服務器上的文件夾，內含一個index.html主文件和至少一個圖片文件夾和若干二級文件所組成的文件夾。7/6/202213作業(yè)14的網站結構7/6/202214電腦課件之家靜態(tài)網頁網站結構圖7/6/202215電腦課件之家靜態(tài)網頁網站主頁7/6/202216電腦課件之家靜態(tài)網站服務器文件夾列表7/6/202217動態(tài)網頁網站的特征 動態(tài)網頁網站由于必須有數據庫支持，所以，哪怕只有一個網頁，

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22、視頻16 常見問題解答與評論管理.swf視頻17 投票管理.swf7/6/2022817/6/202282第七節(jié)PN架站經驗談7/6/2022831、如何將本地機設置成因特網服務器？ 主要設置兩個地方：把C:Program Files /EasyPHP1-8/apache/conf 文件夾下的httpd.conf用記事本打開后找到Listen :80字符串,把改為本機IP；再找到ServerName localhost:80字符串,同樣把localhost改為本機IP，最后保存退出，重新啟動Easyphp軟件，即可進入Postnuke網站。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中實現SWF文件的傳輸？ 網站通常需要有swf格式的動畫和視頻教程，所以需要取消對swf格式限制。由于下載系統(tǒng)默認不支持swf格式的上傳，所以需要對模塊的一些參數進行修改，打開Postnuke中modules文件夾里UpDownload文件夾，找到include中的config.php文件，用文本編輯器打開，將swf格式的限制取消，同時保存文件。/$limit_ext = yes;