传播技术第8章网页制作与发布2学时要点详解.ppt

自然辩证法绪论 张胜光制作 农业传播技术与应用 本章目录 第一节因特网信息发布渠道 第二节网页和网站的概念 一、 网站创建流程 网页的实质 网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+…… 网站的实质 网站相当于发行到全世界的期刊。 网站的实质 = 服务器上的文件夹 主页相当于期刊的封面。 主页的实质 = 打开网站的第一个网页 网页和网站的分类 网页现在可分为静态网页和动态网页两大类，由此，网站也可以相应被称为“静态网页网站”或“动态网页网站” 什么是静态网页、动态网页? 所谓静态网页，指的是该网页文件中不含程序代码，只有HTML标记，一经生 成，内容就不会再变化。当它从服务器传到客户端时，网页的内容是“固定不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。 什么是静态网页、动态网页? 所谓动态网页，其网页文件不仅含有HTML标记，而且含有程序代码。动态网页能够根据不同的时间、不同的来访者而显示不同的内容。它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写，如ASP、PHP、JSP等等。凡是我们看到WEB文件的扩展名为这3P的，就是动态网站了。 静态网页网站的特征 静态网页网站和动态网页网站有不同的特征。 静态网页网站由于全部是由静态网页构成的，所以它的结构比较简单，通常它是由一个服务器上的文件夹，内含一个index.html主文件和至少一个图片文件夹和若干二级文件所组成的文件夹。 《电脑课件之家》静态网页网站主页 《电脑课件之家》静态网站服务器文件夹列表 动态网页网站的特征 动态网页网站由于必须有数据库支持，所以，哪怕只有一个网页，它也是由一大堆文件夹构成的。其中，网页的模板数据和网页上需要显示的对象链接指针大都放在数据库文件夹中，而具体显示内容则放在外部文件夹中。 一个极简单的动态网站主页 该动态网页网站的系统文件夹 该动态网页网站的外部文件夹 第三节 制作静态网页网站的方法 静态网站制作流程 1、规划 2、制作主页及超级链接 3、制作二级页面及超级链接 *4、申请站点免费域名和免费空间 *5、上传发布你的全部网页 6、发布和定期更新维护，每次更新都要重新制作一大批网页 制作静态网页的方法 用HTML语言直接编写 用WORD编写 用Frontpage编写 用Dreamwaver编写 …………………… 静态网页与word文本有何不同？ 我们在用word写文章时，由于word排版功能强大，我们只要定义好行距、分栏和图片插入方式，就可以实现图文混排。 但html语言却没有这样强大的图文混合排版能力，甚至连定义行距的功能都不够理想。所以一切网页上的对象，都要装入页面的表格之中，才能精确定位。这就是两种文本制作时最大的不同。 使用Frontpage制作静态网页 Frontpage是非常适合初学者制作静态网页的工具，它的口号是：“只要会用WORD，就会使用Frontpage！” 大家只要记住， Frontpage不能直接实现图文混排，必须使用表格定位，就可以像使用word那样制作静态网页了。 制作静态网页网站的主要步骤 1、建立网站文件夹和相应的二级文件夹。注意，文件夹和文件名禁止使用汉字，并且要区分大小写。 2、制作主页 注意两点：表格定位和相对路径超级链接 注意相对路径超级链接，不允许在超级链接中出现任何盘符！ 一栏式网页制作 两栏式网页制作 三栏式网页制作 多栏式网页制作 3、逐一链接主页和其他二级页面 4、调试和试运行你的静态网站 点击index.html，观察打开的主页是否运行正常，再逐一点击所有的超级链接，看打开的对应页面是否也运行正常。 将你的静态网页拷贝到另一台机子的另外一个盘符上，再观察你的网站特别是所有的链接是否运行正常。 5、在自己的计算机上发布个人网站 首先在因特网上搜索并下载一个叫做“ASP Web服务器工具”的软件，把它放到你的主页index.asp 或index.html旁边，启动这个程序就可以直接打开你的网站了。 启动时注意首先关闭瑞星防火墙和迅雷下载工具