1、14:26:25,农业传播技术与应用 张胜光制作,1,14:26:25,农业传播技术与应用 张胜光制作,2,第七章 网页制作与发布,14:26:25,农业传播技术与应用 张胜光制作,3,本章目录,14:26:25,农业传播技术与应用 张胜光制作,4,第一节 因特网信息 发布渠道,14:26:25,农业传播技术与应用 张胜光制作,5,因特网信息发布渠道,博客和播客：零投入零维护，但大型课件发布困难,天网妹子：发布容易，目前外网访问可能困难,FTP远程发布：非网站方式的快速信息发布方法,论坛发布：相当于网络大字报的信息发布技术,个人网站：可以实现在自己的计算机上开办网站,P2P远程发布：飞秋等非网
2、站方式的信息发布方法,14:26:25,农业传播技术与应用 张胜光制作,6,第二节 网页和网站的概念,14:26:25,农业传播技术与应用 张胜光制作,7,一、 网站创建流程,=筹办刊物,=创办刊物,=文章写作,=刊物出版,14:26:25,农业传播技术与应用 张胜光制作,8,网页的实质,网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。网页的实质 = 表格+文本+图片+动画+声音+超级链接+,14:26:25,农业传播技术与应用 张胜光制作,9,网站的实质,网站相当于发行到全世界的期刊。 网站的实质 = 服务器上的文件夹 主页相当于期刊的封面。 主页
3、的实质 = 打开网站的第一个网页,14:26:25,农业传播技术与应用 张胜光制作,10,网页和网站的分类,网页现在可分为静态网页和动态网页两大类，由此，网站也可以相应被称为“静态网页网站”或“动态网页网站”,14:26:25,农业传播技术与应用 张胜光制作,11,什么是静态网页、动态网页?,所谓静态网页，指的是该网页文件中只有HTML标记，一经生成，内容就不会再变化。当它从服务器传到客户端时，网页的内容是“固定不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。,14:26:25,农业传播技术与应用 张胜光制作,12,什么是静态
4、网页、动态网页?,所谓动态网页，其网页文件不仅含有HTML标记，而且一定和数据库相连。动态网页能够根据不同的时间、不同的来访者而显示不同的内容。它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。动态网页一般要用专门的脚本语言编写，如ASP、PHP、JSP等等。凡是我们看到WEB文件的扩展名为这3P的，就是动态网站了。,14:26:25,农业传播技术与应用 张胜光制作,13,静态网页网站的特征,静态网页网站和动态网页网站有不同的特征。静态网页网站由于全部是由静态网页构成的，所以它的结构比较简单，通常它是由一个服务器
5、上的文件夹，内含一个index.html主文件和至少一个图片文件夹和若干二级文件所组成的文件夹。,14:26:25,农业传播技术与应用 张胜光制作,14,作业14的网站结构,14:26:25,农业传播技术与应用 张胜光制作,15,电脑课件之家静态网页网站结构图,14:26:25,农业传播技术与应用 张胜光制作,16,电脑课件之家静态网页网站主页,14:26:25,农业传播技术与应用 张胜光制作,17,电脑课件之家静态网站服务器文件夹列表,14:26:25,农业传播技术与应用 张胜光制作,18,动态网页网站的特征,动态网页网站由于必须有数据库支持，所以，哪怕只有一个网页，它也是由一大堆文件夹构成
6、的。其中，网页的模板数据和网页上需要显示的对象链接指针大都放在数据库文件夹中，而具体显示内容则放在外部文件夹中。,14:26:25,农业传播技术与应用 张胜光制作,19,一个极简单的动态网站主页,14:26:25,农业传播技术与应用 张胜光制作,20,该动态网页网站的系统文件夹,14:26:25,农业传播技术与应用 张胜光制作,21,该动态网页网站的外部文件夹,14:26:25,农业传播技术与应用 张胜光制作,22,第三节 制作静态网页 网站的方法,14:26:25,农业传播技术与应用 张胜光制作,23,静态网站制作流程,1、规划 2、制作主页及超级链接 3、制作二级页面及超级链接 *4、申请
7、站点免费域名和免费空间 *5、上传发布你的全部网页 6、发布和定期更新维护，每次更新都要重新制作一大批网页,14:26:25,农业传播技术与应用 张胜光制作,24,制作静态网页的方法,用HTML语言直接编写用WORD编写用Frontpage编写用Dreamwaver编写,静态网页制作,14:26:25,农业传播技术与应用 张胜光制作,25,静态网页与word文本有何不同？,我们在用word写文章时，由于word排版功能强大，我们只要定义好行距、分栏和图片插入方式，就可以实现图文混排。但html语言却没有这样强大的图文混合排版能力，甚至连定义行距的功能都不够理想。所以一切网页上的对象，都要装入页
8、面的表格之中，才能精确定位。这就是两种文本制作时最大的不同。,14:26:25,农业传播技术与应用 张胜光制作,26,使用Frontpage制作静态网页,Frontpage是非常适合初学者制作静态网页的工具，它的口号是：“只要会用WORD，就会使用Frontpage！”大家只要记住， Frontpage不能直接实现图文混排，必须使用表格定位，就可以像使用word那样制作静态网页了。,14:26:25,农业传播技术与应用 张胜光制作,27,制作静态网页网站的主要步骤,1、建立网站文件夹和相应的二级文件夹。注意，文件夹和文件名禁止使用汉字，并且要区分大小写。,14:26:25,农业传播技术与应用
9、张胜光制作,28,2、制作主页,注意两点：表格定位和相对路径超级链接,14:26:25,农业传播技术与应用 张胜光制作,29,注意相对路径超级链接， 不允许在超级链接中出现任何盘符！,14:26:25,农业传播技术与应用 张胜光制作,30,一栏式网页制作,14:26:25,农业传播技术与应用 张胜光制作,31,两栏式网页制作,14:26:25,农业传播技术与应用 张胜光制作,32,三栏式网页制作,14:26:25,农业传播技术与应用 张胜光制作,33,多栏式网页制作,14:26:25,农业传播技术与应用 张胜光制作,34,3、逐一链接主页和其他二级页面,14:26:25,农业传播技术与应用 张
10、胜光制作,35,4、调试和试运行你的静态网站,点击index.html，观察打开的主页是否运行正常，再逐一点击所有的超级链接，看打开的对应页面是否也运行正常。将你的静态网页拷贝到另一台机子的另外一个盘符上，再观察你的网站特别是所有的链接是否运行正常。,14:26:25,农业传播技术与应用 张胜光制作,36,首先在因特网上搜索并下载一个叫做“ASP Web服务器工具”的软件，把它放到你的主页index.asp 或index.html旁边，启动这个程序就可以直接打开你的网站了。启动时注意首先关闭瑞星防火墙和迅雷下载工具等可能抢占本机80端口的软件，否则你的网站运行时必须输入端口号，比较麻烦。,5、
11、在自己的计算机上发布个人网站,14:26:25,农业传播技术与应用 张胜光制作,37,打开你的IE浏览器页面，输入网址：http:/你的IP地址 ，就可以让全世界都看到你的网站了。,在ASP平台上发布静态网页,14:26:25,农业传播技术与应用 张胜光制作,38,第四节 如何防止你的系统被黑客攻陷？,14:26:25,农业传播技术与应用 张胜光制作,39,防止黑客入侵!,当然，在全世界来访的访客中，可能有不怀好意的人，所以你必须事先做好你的计算机的备份，一旦你的系统崩溃能够很快恢复。备份的方法是下载一个“矮人DOS”的软件，按下面介绍的方法来一键备份或恢复你的系统。,14:26:25,农业传
12、播技术与应用 张胜光制作,40,小窍门1： 巧用矮人DOS工具箱 一键备份和恢复你的系统,14:26:25,农业传播技术与应用 张胜光制作,41,矮人DOS工具箱是一款国产免费软件，总共只有6M大小。但其功能却十分强大，几乎所有电脑销售维修人员都在自己的机子上装备了它。它的下载和安装方法极为简便，到百度上一搜就知道了。 这里给大家重点介绍的是其中的一个功能：一键备份和一键恢复你的计算机系统。,14:26:25,农业传播技术与应用 张胜光制作,42,大家不知有没有这样的体会：你的计算机用了一段时间之后，会越来越慢，这倒不一定是中了病毒，而是你机子里的垃圾文件太多所致。特别是注册表里的垃圾，一般人
13、很难发现和清除。最好的解决办法就是重装系统。这样你的计算机马上又会身轻如燕、健步如飞了。 但重装系统绝非易事，即便是装机高手也要花上几个小时。怎么办呢？请矮人DOS工具箱或者一键GHOST软件来帮忙。,14:26:25,农业传播技术与应用 张胜光制作,43,1.一键备份系统,在启动时选择“运行 Ghost 8.2向导工具盘”项，然后会打开下图所示的窗口，在其中选择第一项“一键备份系统 支持NTFS”，然后再打开窗口中选择欲备份的硬盘，再在打开的窗口中选择将第一分区备份到硬盘第几个分区上，最后按下Tab键，将光标移到“确定”按钮上，按下回车键即可将系统备份到相应的分区上。,14:26:25,农业
14、传播技术与应用 张胜光制作,44,开机后进入dos工具箱第二项,14:26:25,农业传播技术与应用 张胜光制作,45,选择第一项,14:26:25,农业传播技术与应用 张胜光制作,46,我的使用经验,先将c:所有的非系统文件夹全部移到E:上，使c盘全部是系统文件，然后查看c盘已经用去的存储空间，比如2G，然后在D:预留3G左右的存储空间，重新启动计算机，进入DOS工具箱，出现上图所示界面后，点击第一选项“一键备份系统”，静静等待其完成，程序结束后，重新启动计算机，便可在D盘上看到BAK.GHO这类的文件，这就是用GHOST制作的c盘备份文件。注意，千万不要移动它或删除它，这可是你以后恢复系统
15、的最后法宝！,14:26:25,农业传播技术与应用 张胜光制作,47,D盘上的镜象文件,14:26:25,农业传播技术与应用 张胜光制作,48,2、一键恢复系统,如果你的计算机需要重新安装系统，只要重新启动计算机，进入矮人dos工具箱的GHOST菜单，选择其中文界面的第二项“一键恢复系统”，然后按下TAB键，将光标定到“确定”键上，按下回车键即可自动将系统从d：恢复到c：上。你只需要坐在一边喝茶就行了，根本不用再找什么安装光盘之类的东东。,14:26:25,农业传播技术与应用 张胜光制作,49,选择第二项,14:26:25,农业传播技术与应用 张胜光制作,50,本人的c:大约总共安装了7G的软
16、件，备份到D:大约占了5G的空间，但每次重装C: 大约只用一刻钟左右，所以我现在差不多每两三个月就要用此法重新安装系统一次，以保证我的计算机永远运行快捷！我将此法推荐给我的许多朋友，他们用过后都说好。感兴趣的朋友不妨按我的方法一试。,14:26:25,农业传播技术与应用 张胜光制作,51,小窍门2： 干掉流氓软件！,14:26:25,农业传播技术与应用 张胜光制作,52,按现在大家对流氓软件达成的一个共识来说，流氓软件具备以下一些特性： 偷偷进行安装，并通常很难卸载； 占用系统资源，强行弹出广告； 侵害用户的账号及隐私安全。 它们既不属于正规商业软件，也不属于真正的病毒。这些程序共同的特征是未
17、经用户许可强行潜伏到用户电脑中，而且此类程序无卸载程序，无法正常卸载和删除，强行删除后还会自动生成。如何才能知道自己的电脑是否招流氓了呢？,14:26:25,农业传播技术与应用 张胜光制作,53,1根据表象初步判断,当系统感染了流氓软件后一般有以下几种可疑迹象可以通过感觉来判断： 系统运行速度越来越慢 部分软件（特别是浏览器）设置被强行修改 自动弹出广告窗口 自动打开网站,14:26:25,农业传播技术与应用 张胜光制作,54,2利用工具检测,推荐大多数用户使用专业的流氓软件检测工具来检测，这样既直观，操作也会方便很多。现在检测流氓软件的工具有不少，例如：超级兔子、Upiea、恶意软件清理助手
18、、360安全卫士、Windows Defender等。而流氓软件检测数目要数360安全卫士最多。在此，我们也以360安全卫士为例：,14:26:25,农业传播技术与应用 张胜光制作,55,360安全卫士,软件名称：360安全卫士 软件版本：5.0 软件大小：900KB 软件性质：免费软件 应用平台：Windows 9x/ ME/ NT/ 2000/ XP/ 2003,14:26:25,农业传播技术与应用 张胜光制作,56,14:26:25,农业传播技术与应用 张胜光制作,57,14:26:25,农业传播技术与应用 张胜光制作,58,构建自己攻不破的网站,总之，将系统备份、安全卫士和杀毒软件、防
19、火墙这四者结合起来，你就不怕你的网站被别人黑掉，大不了再花十分钟将它恢复起来就是了！虽然任何网站都有被别人黑掉的可能，但只要做好了备份和防范措施，我们的网站就会是别人攻不破的铁壁铜墙！,14:26:25,农业传播技术与应用 张胜光制作,59,第五节 动态网页网站CMS,14:26:25,农业传播技术与应用 张胜光制作,60,动态网页网站CMS原理示意,站长吧ASP 调试工具也 属于网络应 用软件,14:26:25,农业传播技术与应用 张胜光制作,61,内容管理系统和课程管理系统,Content Management System, CMS Course Management System, C
20、MS 开始开发Web的人员，CMS产生巨大的吸引力 有些CMS项目可以使设计者少走10年的弯路 对于小型企事业单位和机构，使用CMS是多快好省建设信息服务平台的路子。 它可以通过Web开展更多项目，如市场调研、客户关系管理和建立复杂的知识基础。,14:26:25,农业传播技术与应用 张胜光制作,62,例：PostNuke的体系结构,apache,apache,PHP,MYSQL,PostNuke,各种操作系统平台，如：Windows、Linux等,外部文件夹,用户操作界面,管理员操作界面,可用EasyPHP一次完成,14:26:25,农业传播技术与应用 张胜光制作,63,例：ASP的体系结构,
21、apache,ASP服务器程序（IIS等）,ACCESS数据库,ASP网页,各种操作系统平台，如：Windows、Linux等,用户操作界面,管理员操作界面,14:26:25,农业传播技术与应用 张胜光制作,64,最有名的免费CMS系统,Phpnuke(http:/www.phpnuke.org)属于CMS的开山鼻祖之一。 PostNuke（http:/www.postnuke.org）这是目前开发组人数最多，支持者最多的CMS系统。有汉化版本。,14:26:25,农业传播技术与应用 张胜光制作,65,最有名的免费CMS系统(续),Xoops（http:/www.xoops.org）较新CMS
22、，采用较为先进的思路。有汉化版本。 Xaraya（http:/www.xaraya.org ），最新出现的CMS系统，可扩充功能模块最为丰富，正在开发之中，尚缺乏好的汉化版本。,14:26:25,农业传播技术与应用 张胜光制作,66,ATutor Mambo PHPCMS PLONE 织梦内容管理系统 ,14:26:25,农业传播技术与应用 张胜光制作,67,第六节 Postnuke 快速架站技术,14:26:25,农业传播技术与应用 张胜光制作,68,在本地机安装EasyPHP/Postnuke流程,安装EasyPHP.exe 安装POSTNUKE 修改系统设置 在IE浏览器中键入本地机网址
23、 系统运行,14:26:25,农业传播技术与应用 张胜光制作,69,M&P傻瓜式安装包使用说明,1、安装easyphp1.8运行easyphp1-8_setupnew.exe，将它安装到c:program fileseasyphp1-8文件夹中 2、运行easyphp1.8观察在屏幕右下角是否出现一个黑色的e字图标，双击打开，观察apache和mysql是否处于start状态。 如果没有则从程序菜单启动easyphp1.8，再进行观察确认。,14:26:25,农业传播技术与应用 张胜光制作,70,3、如果上一步安装成功，则可进入下一步安装，否则删除已安装之程序，重新执行第1、2步。 4、将本软
24、件包的Easyphp1-8文件夹拷贝到c:program files文件夹中，覆盖掉原来安装好的Easyphp1-8文件夹； 5、将本软件包的moodledemo文件夹拷贝到D:,14:26:25,农业传播技术与应用 张胜光制作,71,6、打开IE浏览器，在地址栏中输入：http:/localhost/moodle/ 即可在你的计算机上进人Moodle了。http:/localhost/html/ 即可在你的计算机上进人Postnuke了。 记住系统设置的管理员口令和密码是: admin 123456,14:26:25,农业传播技术与应用 张胜光制作,72,PostNuke全新安装,14:26
25、:25,农业传播技术与应用 张胜光制作,73,14:26:25,农业传播技术与应用 张胜光制作,74,14:26:25,农业传播技术与应用 张胜光制作,75,14:26:25,农业传播技术与应用 张胜光制作,76,设置和管理网站,14:26:25,农业传播技术与应用 张胜光制作,77,PostNuke快速安装,14:26:25,农业传播技术与应用 张胜光制作,78,6个主要模块,PostNuke后台管理菜单模块摆放得十分自由，初学者只要首先关注图3-1上用红圈标注的6个模块，把它们的使用方法和相互关系搞清楚了，其他模块的使用便可以无师自通。这6个模块的设置顺序如下： 网站全局设置(基本参数设定
26、)模块管理(网站功能设计)区块管理(主页版面设计)消息管理(主页头版头条新闻)发表文章(主页其他文章发布)ContentExpress（制作新的网页）。,14:26:25,农业传播技术与应用 张胜光制作,79,网站全局设置 （基本参数设定）,模块管理（功能设计）,区块管理(主页版面）,消息管理 (主页头版头条),发表文章 (主页其他文章）,ContentExpress （制作新的网页）,14:26:25,农业传播技术与应用 张胜光制作,80,PN快速架站视频教程,视频05 傻瓜式安装.swf 视频06 全新安装.swf 视频07 网站全局设置.swf 视频08 网站个性化设置.swf 视频09
27、 页面底部内容修改.swf 视频10 模块管理.swf 视频11 Upload模块的使用.swf 视频12 Content Express模块的使用.swf 视频13 区块管理 .swf,14:26:25,农业传播技术与应用 张胜光制作,81,PN快速架站视频教程,视频14 主题与精华区管理.swf 视频15 用户管理与权限管理.swf 视频16 常见问题解答与评论管理.swf 视频17 投票管理.swf,14:26:25,农业传播技术与应用 张胜光制作,82,14:26:25,农业传播技术与应用 张胜光制作,83,第七节 PN架站经验谈,14:26:25,农业传播技术与应用 张胜光制作,84
28、,1、如何将本地机设置成因特网服务器？,主要设置两个地方： 把C:Program Files /EasyPHP1-8/apache/conf 文件夹下的httpd.conf用记事本打开后找到Listen 127.0.0.1:80字符串,把127.0.0.1改为本机IP；再找到ServerName localhost:80字符串,同样把localhost改为本机IP，最后保存退出，重新启动Easyphp软件，即可进入Postnuke网站。,14:26:25,农业传播技术与应用 张胜光制作,85,2、POSTNUKE上传大文件的解决办法,打开modules里UpDownload文件夹，找到incl
29、ude中的config.php文件，用Dreamweaver打开，找到以下代码，修改limit_size 为你想要的上传限制即可： /Filesize-Limit 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 = 1 kbyte) /ST
30、OP: A limit is not only set by this variable but may be set by your server through the /PHP-variable “upload_max_filesize“, too !,14:26:25,农业传播技术与应用 张胜光制作,86,3、如何在Postnuke中实现SWF文件的传输？,网站通常需要有swf格式的动画和视频教程，所以需要取消对swf格式限制。由于下载系统默认不支持swf格式的上传，所以需要对模块的一些参数进行修改，打开Postnuke中modules文件夹里UpDownload文件夹，找到inclu
31、de中的config.php文件，用文本编辑器打开，将swf格式的限制取消，同时保存文件。 /Filetype-Filter $limit_ext = “yes“; /do you want to limit the extensions of files uploaded $extensions = array( “.jsp“, “.php“, “.php3“, “.swf“, “.phtml“, “.pl“, “.com“, “.bat“, “.exe“,14:26:25,农业传播技术与应用 张胜光制作,87,4、怎样将PN网站转移到别处去？,首先，请将easyphp1-8文件夹下的所有文
32、件拷贝到你要转移的机子或硬盘上的某个文件夹中。注意，一定不要直接拷贝到你的目标文件夹中。 然后，运行easyphp1-8.exe文件，将它安装到你的目标文件夹中。这时，就会形成一个easyphp1-8的文件夹。 确认你的easyphp程序运行正常后，关闭easyphp程序。然后将你已经做好的网站的easyphp1-8文件夹拷贝到你刚才安装好系统的目标文件夹中，使它完全覆盖原来的文件夹。,14:26:25,农业传播技术与应用 张胜光制作,88,怎样将PN网站转移到别处去？,然后，打开EasyPHP1-8/apache/conf文件夹下的httpd.conf用记事本打开后找到Listen 127.
33、0.0.1:80字符串,把127.0.0.1改为本机IP；再找到ServerName localhost:80字符串,同样把localhost改为本机IP，另外，使用寻找并替换命令，将原来的盘符“c:“全部替换成当前所在盘的盘符，譬如“k:”，最后保存退出。 接下来，还要修改mysqlmy.ini文件中的盘符，将原来的c:改成现在的k:，然后存盘退出。 做完以上步骤后，重新启动Easyphp软件，即可进入Postnuke网站。,14:26:25,农业传播技术与应用 张胜光制作,89,本章思考题,1、什么是静态网页网站？什么是动态网页网站？它们的区别在哪里？分别用什么技术创建？ 2、什么是CMS？使用它有什么好处？请举出两个最著名的CMS软件。 3、怎样在本地机上快速架设一个静态网页网站？ 4、怎样在本地机上快速架设一个POSTNUKE网站？,14:26:25,农业传播技术与应用 张胜光制作,90,
