DW网页设计—第1章了解网页.ppt

1．PHP开发工具 PHP作为一种开放型的语言，其开发工具并没有标准的开发工具，可以用很多工具进行开发（包括记事本），也可以用ZDE等工具进行开发，只要语法正确就可以了。比较好的是ZDE和PHPED开发工具。 1．PHP开发工具 ZDE（Zend Development Enviorment）是ZEND公司推出的一款集成开发平台。ZDE是用JAVA语言编写的，其同样具有多平台性。 PHPED是由NUSPHERE公司推出的，它提供的功能最全，同样具有语法加亮、函数补全和工程管理等功能。除此之外，还有自动代码补全功能、可视化的数据库管理功能、常见HTML标签集、支持插件等功能。同时它还内置DAV、CVS、FTP、WEBSERVER、DEBUGGER、JS代码列表。 2．ASP开发工具 Visual Interdev是Microsoft公司所开发的ASP开发工具，是一款可视化工具，可以对ASP代码进行颜色识别、自动代码提示。Visual InterDev是为程序员设计的网页开发工具，而Microsoft FrontPage是针对非程序员的编辑工具。Microsoft FrontPage是Microsoft Office中的一部分。 3．JSP开发工具 MyEclipse+Struts是比较流行的JSP开发工具。Struts最早是作为Apache Jakarta项目的组成部分，项目的创立者希望通过对该项目的研究，改进和提高JavaServer Pages 、Servlet、标签库以及面向对象的技术水准。 1.3 使用网页浏览器 网页浏览器是显示网页服务器或档案系统内的文件，并让用户与这些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。浏览器就是设计者的画廊，设计者把网页放在这里展示给用户。 1.3.1 网页浏览器的工作原理 Windows系统中自带了IE浏览器，普通用户在使用它浏览网页时，很多时候都忽视了自己在使用的浏览器。对于一个页面设计者来说，了解浏览器的原理可以令设计者找到适合的途径把网页展示给用户。 1.3.1 网页浏览器的工作原理 那么用户是如何使用浏览器浏览网页的呢？WWW是一种采用B/S（Browser/Server）的结构，即浏览器和服务器结构。它随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过WWW浏览器来实现，主要事务逻辑在服务器端（Server）实现，很少部分事务逻辑在前端（Browser）实现。 1.3.1 网页浏览器的工作原理 浏览器的工作原理可以分以下几步来理解。 （1）浏览器通过HTML表单或超链接请求指向一个应用程序的URL。 （2）服务器收发到用户的请求。 （3）服务器执行已接受创建的指定应用程序。 （4）应用程序通常是基于用户输入的内容，执行所需要的操作。 （5）应用程序把结果格式化为网络服务器和浏览器能够理解的文档，即我们所说的HTML网页。 （6）网络服务器最后将结果返回到浏览器中。 1.3.1 网页浏览器的工作原理 如下图所示为浏览器的工作原理流程图。 1.3.2 常用的两种浏览器 目前互联网上最常用的有两种浏览器分别是Internet Explorer和Mozilla Firefox，它们基于不同的内核，各有特色，难分伯仲。 1.3.2 常用的两种浏览器 Internet Explorer简称IE或MSIE，是微软公司推出的一款网页浏览器。自从2004年它上市以来，虽然目前丢失了一部分市场占有率，但IE浏览器依然是目前使用最广泛的网页浏览器。目前它被捆绑作为所有新版本的Windows操作系统中的默认浏览器。 1.3.2 常用的两种浏览器 Mozilla Firefox是由Mozilla公司开发的一个自由的，开放源码的浏览器，是一款具备同IE系列浏览器一争高低的能力的浏览器。这款浏览器是可以有效地支持W3C各项国际标准的开源浏览器，有Windows，Linux等多个平台的版本，其特点是轻便，安全，分栏浏览，第三方扩展非常多，可以极大地提高浏览的乐趣。 1.3.2 常用的两种浏览器 在这两种浏览器中，IE浏览器使用最简单，占用计算机资源少，而Firefox、Maxthon以其个性化设置也吸引了众多爱好者，其缺点是占用了较多的计算机资源，容易造成计算机使用缓慢。用户在使用时可以根据需求选择不同的浏览器查看设计的页面效果。 1.4 HTML、XML和XHTML语言 最初HTML仅允许研究人员以一种非常高效的方式在互联网上共享信息。但是这一切在网页浏览器这一工具变得复杂、多样化之后，使设计人员可以在页面中放入更多的不同形式的文件，比如图像、音频。因此，网页开发人员开始为HTML语言加入更多的标签