07.网页制作与发布

1、7/6/20221第七章网页制作与发布7/6/20222本章目录因特网信息发布渠道1网页和网站的概念32制作静态网页网站方法3Postnuke快速架站技术6动态网页网站CMS35PN架站经验谈37怎样防止黑客攻击电脑47/6/20223第一节因特网信息发布渠道7/6/20224因特网信息发布渠道博客和播客：零投入零维护，但大型课件发布困难天网妹子：发布容易，目前外网访问可能困难FTP远程发布：非网站方式的快速信息发布方法论坛发布：相当于网络大字报的信息发布技术个人网站：可以实现在自己的计算机上开办网站P2P远程发布：飞秋等非网站方式的信息发布方法7/6/20225第二节网页和网站的概念7/6/

2、20226一、 网站创建流程=筹办刊物=创办刊物=文章写作=刊物出版7/6/20227网页的实质 网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+7/6/20228网站的实质网站相当于发行到全世界的期刊。网站的实质 = 服务器上的文件夹主页相当于期刊的封面。主页的实质 = 打开网站的第一个网页7/6/20229网页和网站的分类 网页现在可分为静态网页和动态网页两大类，由此，网站也可以相应被称为“静态网页网站”或“动态网页网站”7/6/202210什么是静态网页、动态网页? 所谓静态网页，指的是

3、该网页文件中只有HTML标记，一经生成，内容就不会再变化。当它从服务器传到客户端时，网页的内容是“固定不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。7/6/202211什么是静态网页、动态网页? 所谓动态网页，其网页文件不仅含有HTML标记，而且一定和数据库相连。动态网页能够根据不同的时间、不同的来访者而显示不同的内容。它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写，如ASP、PHP、JSP等等。凡是我们

4、看到WEB文件的扩展名为这3P的，就是动态网站了。7/6/202212静态网页网站的特征 静态网页网站和动态网页网站有不同的特征。 静态网页网站由于全部是由静态网页构成的，所以它的结构比较简单，通常它是由一个服务器上的文件夹，内含一个index.html主文件和至少一个图片文件夹和若干二级文件所组成的文件夹。7/6/202213作业14的网站结构7/6/202214电脑课件之家静态网页网站结构图7/6/202215电脑课件之家静态网页网站主页7/6/202216电脑课件之家静态网站服务器文件夹列表7/6/202217动态网页网站的特征 动态网页网站由于必须有数据库支持，所以，哪怕只有一个网页，

5、它也是由一大堆文件夹构成的。其中，网页的模板数据和网页上需要显示的对象链接指针大都放在数据库文件夹中，而具体显示内容则放在外部文件夹中。7/6/202218一个极简单的动态网站主页7/6/202219该动态网页网站的系统文件夹7/6/202220该动态网页网站的外部文件夹7/6/202221第三节 制作静态网页网站的方法7/6/202222静态网站制作流程1、规划2、制作主页及超级链接3、制作二级页面及超级链接*4、申请站点免费域名和免费空间*5、上传发布你的全部网页6、发布和定期更新维护，每次更新都要重新制作一大批网页7/6/202223制作静态网页的方法 用HTML语言直接编写 用WORD

6、编写 用Frontpage编写 用Dreamwaver编写 静态网页制作7/6/202224静态网页与word文本有何不同？ 我们在用word写文章时，由于word排版功能强大，我们只要定义好行距、分栏和图片插入方式，就可以实现图文混排。 但html语言却没有这样强大的图文混合排版能力，甚至连定义行距的功能都不够理想。所以一切网页上的对象，都要装入页面的表格之中，才能精确定位。这就是两种文本制作时最大的不同。7/6/202225使用Frontpage制作静态网页 Frontpage是非常适合初学者制作静态网页的工具，它的口号是：“只要会用WORD，就会使用Frontpage！” 大家只要记住，

7、 Frontpage不能直接实现图文混排，必须使用表格定位，就可以像使用word那样制作静态网页了。7/6/202226制作静态网页网站的主要步骤1、建立网站文件夹和相应的二级文件夹。注意，文件夹和文件名禁止使用汉字，并且要区分大小写。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、你的静态网站 点击index.html，观察打开的主页是否运行正常，再逐一点击所有的超级链接，看打开的对应页面是否也运行正常。 将你的静态网页拷贝到另一台机子的另外一个盘符上，再观察你的网站特别是所有的链接是否运行正常。7/6/202235 首先在因特网上搜索并下载一个叫做“ASP Web服务器工具”的软件，把它放到你的主页index.asp 或index.html旁边，启动这个程序就可以直接打开你的网站了。 启动时注意首先关闭瑞星防火墙和迅雷下载工具等可能抢占本机80端口的软件，否则你的网站运行时必须输入端口号，比较麻烦。5、在自己的计算机上发布个人网站7/6/202236 打开你的IE浏览

9、器页面，输入网址：http:/你的IP地址 ，就可以让全世界都看到你的网站了。在ASP平台上发布静态网页7/6/202237第四节如何防止你的系统被黑客攻陷？7/6/202238防止黑客入侵! 当然，在全世界来访的访客中，可能有不怀好意的人，所以你必须事先做好你的计算机的备份，一旦你的系统崩溃能够很快恢复。备份的方法是下载一个“矮人DOS”的软件，按下面介绍的方法来一键备份或恢复你的系统。7/6/202239小窍门1：巧用矮人DOS工具箱一键备份和恢复你的系统7/6/202240 矮人DOS工具箱是一款国产免费软件，总共只有6M大小。但其功能却十分强大，几乎所有电脑销售维修人员都在自己的机子上

10、装备了它。它的下载和安装方法极为简便，到百度上一搜就知道了。 这里给大家重点介绍的是其中的一个功能：一键备份和一键恢复你的计算机系统。7/6/202241 大家不知有没有这样的体会：你的计算机用了一段时间之后，会越来越慢，这倒不一定是中了病毒，而是你机子里的垃圾文件太多所致。特别是注册表里的垃圾，一般人很难发现和清除。最好的解决办法就是重装系统。这样你的计算机马上又会身轻如燕、健步如飞了。 但重装系统绝非易事，即便是装机高手也要花上几个小时。怎么办呢？请矮人DOS工具箱或者一键GHOST软件来帮忙。 7/6/2022421.一键备份系统 在启动时选择“运行 Ghost 8.2向导工具盘”项，然

11、后会打开下图所示的窗口，在其中选择第一项“一键备份系统 支持NTFS”，然后再打开窗口中选择欲备份的硬盘，再在打开的窗口中选择将第一分区备份到硬盘第几个分区上，最后按下Tab键，将光标移到“确定”按钮上，按下回车键即可将系统备份到相应的分区上。 7/6/202243开机后进入dos工具箱第二项7/6/202244选择第一项7/6/202245我的使用经验 先将c:所有的非系统文件夹全部移到E:上，使c盘全部是系统文件，然后查看c盘已经用去的存储空间，比如2G，然后在D:预留3G左右的存储空间，重新启动计算机，进入DOS工具箱，出现上图所示界面后，点击第一选项“一键备份系统”，静静等待其完成，程

12、序结束后，重新启动计算机，便可在D盘上看到BAK.GHO这类的文件，这就是用GHOST制作的c盘备份文件。注意，千万不要移动它或删除它，这可是你以后恢复系统的最后法宝！ 7/6/202246D盘上的镜象文件7/6/2022472、一键恢复系统 如果你的计算机需要重新安装系统，只要重新启动计算机，进入矮人dos工具箱的GHOST菜单，选择其中文界面的第二项“一键恢复系统”，然后按下TAB键，将光标定到“确定”键上，按下回车键即可自动将系统从d：恢复到c：上。你只需要坐在一边喝茶就行了，根本不用再找什么安装光盘之类的东东。7/6/202248选择第二项7/6/202249 本人的c:大约总共安装了

13、7G的软件，备份到D:大约占了5G的空间，但每次重装C:大约只用一刻钟左右，所以我现在差不多每两三个月就要用此法重新安装系统一次，以保证我的计算机永远运行快捷！我将此法推荐给我的许多朋友，他们用过后都说好。感兴趣的朋友不妨按我的方法一试。 7/6/202250小窍门2：干掉流氓软件！7/6/202251 按现在大家对流氓软件达成的一个共识来说，流氓软件具备以下一些特性： 偷偷进行安装，并通常很难卸载； 占用系统资源，强行弹出广告； 侵害用户的账号及隐私安全。 它们既不属于正规商业软件，也不属于真正的病毒。这些程序共同的特征是未经用户许可强行潜伏到用户电脑中，而且此类程序无卸载程序，无法正常卸载

14、和删除，强行删除后还会自动生成。如何才能知道自己的电脑是否招流氓了呢？ 7/6/2022521根据表象初步判断 当系统感染了流氓软件后一般有以下几种可疑迹象可以通过感觉来判断： 系统运行速度越来越慢部分软件（特别是浏览器）设置被强行修改 自动弹出广告窗口自动打开网站7/6/2022532利用工具检测 推荐大多数用户使用专业的流氓软件检测工具来检测，这样既直观，操作也会方便很多。现在检测流氓软件的工具有不少，例如：超级兔子、Upiea、恶意软件清理助手、360安全卫士、Windows Defender等。而流氓软件检测数目要数360安全卫士最多。在此，我们也以360安全卫士为例： 7/6/202

15、254360安全卫士 软件名称：360安全卫士软件版本：5.0软件大小：900KB软件性质：免费软件应用平台：Windows 9x/ ME/ NT/ 2000/ XP/ 2003 7/6/2022557/6/2022567/6/202257构建自己攻不破的网站 总之，将系统备份、安全卫士和杀毒软件、防火墙这四者结合起来，你就不怕你的网站被别人黑掉，大不了再花十分钟将它恢复起来就是了！ 虽然任何网站都有被别人黑掉的可能，但只要做好了备份和防范措施，我们的网站就会是别人攻不破的铁壁铜墙！7/6/202258第五节 动态网页网站CMS7/6/202259动态网页网站CMS原理示意站长吧ASP调试工具

16、也属于网络应用软件7/6/202260内容管理系统和课程管理系统Content Management System, CMS Course Management System, CMS 开始开发Web的人员，CMS产生巨大的吸引力有些CMS项目可以使设计者少走10年的弯路对于小型企事业单位和机构，使用CMS是多快好省建设信息服务平台的路子。它可以通过Web开展更多项目，如市场调研、客户关系管理和建立复杂的知识基础。7/6/202261例：PostNuke的体系结构apacheapachePHPMYSQLPostNuke各种操作系统平台，如：Windows、Linux等外部文件夹用户操作界面管理

17、员操作界面可用EasyPHP一次完成7/6/202262例：ASP的体系结构apacheASP服务器程序（IIS等）ACCESS数据库ASP网页各种操作系统平台，如：Windows、Linux等用户操作界面管理员操作界面7/6/202263最有名的免费CMS系统Phpnuke()属于CMS的开山鼻祖之一。PostNuke（）这是目前开发组人数最多，支持者最多的CMS系统。有汉化版本。7/6/202264最有名的免费CMS系统(续)Xoops（）较新CMS，采用较为先进的思路。有汉化版本。Xaraya（ ），最新出现的CMS系统，可扩充功能模块最为丰富，正在开发之中，尚缺乏好的汉化版本。7/6/

18、202265ATutorMamboPHPCMSPLONE织梦内容管理系统 7/6/202266第六节 Postnuke快速架站技术7/6/202267在本地机安装EasyPHP/Postnuke流程安装EasyPHP.exe安装POSTNUKE修改系统设置在IE浏览器中键入本地机网址系统运行7/6/202268M&P傻瓜式安装包使用说明1、安装easyphp1.8 运行easyphp1-8_setupnew.exe，将它安装到c:program fileseasyphp1-8文件夹中2、运行easyphp1.8 观察在屏幕右下角是否出现一个黑色的e字图标，双击打开，观察apache和mysql

19、是否处于start状态。如果没有则从程序菜单启动easyphp1.8，再进行观察确认。7/6/2022693、如果上一步安装成功，则可进入下一步安装，否则删除已安装之程序，重新执行第1、2步。4、将本软件包的Easyphp1-8文件夹拷贝到c:program files文件夹中，覆盖掉原来安装好的Easyphp1-8文件夹；5、将本软件包的moodledemo文件夹拷贝到D:7/6/2022706、打开IE浏览器，在地址栏中输入： 即可在你的计算机上进人Moodle了。 即可在你的计算机上进人Postnuke了。记住系统设置的管理员口令和密码是: 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个模块的设置顺序如下：网站全局设置(基本参数设定)模块管理(网站功能设计)区块管理(主页版面设计)消息管理(主页头版头条新闻)发表文章(主页其他文章发布)ContentExpress（制作新的网页）。7/6/202278网站全局设置

21、（基本参数设定）模块管理（功能设计）区块管理(主页版面）消息管理(主页头版头条)发表文章(主页其他文章）ContentExpress（制作新的网页）7/6/202279PN快速架站视频教程视频05 傻瓜式安装.swf视频06 全新安装.swf视频07 网站全局设置.swf视频08 网站个性化设置.swf视频09 页面底部内容修改.swf视频10 模块管理.swf视频11 Upload模块的使用.swf视频12 Content Express模块的使用.swf视频13 区块管理 .swf7/6/202280PN快速架站视频教程视频14 主题与精华区管理.swf视频15 用户管理与权限管理.swf

22、视频16 常见问题解答与评论管理.swf视频17 投票管理.swf7/6/2022817/6/202282第七节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格式限制。由于下载系统默认不支持swf格式的上传，所以需要对模块的一些参数进行修改，打开Postnuke中modules文件夹里UpDownload文件夹，找到include中的config.php文件，用文本编辑器打开，将swf格式的限制取消，同时保存文件。/$limit_ext = yes;