网页制作与发布

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