1.本地计算机和远程服务器
本地计算机:用户正在使用的,浏览站点页面的机器,其最重要的构成模块就是WEB浏览器
浏览器就是运行在本地计算机程序,负责向服务器发送请求,并且将服务器返回的结果发送给浏览器。常见的浏览器:IE、firefox,safri,opera,google,bing,netscape
远程服务器:为客户端计算机提供各种服务的高性能计算机,作为网络的节点,存储80%的数据信息,因此也被称为网络的灵魂。
服务器的主要功能是接受客户浏览器发送的请求,分析请求,并给予响应,相应的结果发送给客户端的浏览器。
2.Web应用程序的工作原理
浏览器的访问过程如下(用户想要访问网页,需要先获取网站首页的站点信息):
(1)浏览器地址栏输入想要访问网站首页的地址
(2)用户想浏览器发送访问首页的请求
(3)服务器收取客户端的的访问请求
(4)服务器处理请求(若首页动态文档需要经过数据处理再返回,若为静态文档直接返回该文档即可)
(5)服务器将请求的处理结果在客户端的浏览器显示
静态页面:HTML页面文件,所有的代码都在网页中,不需要执行动态程序(访问数据库)来生成客户想要的网页
动态页面:页面的内容是动态交互的,可以根据系统的设置显示不同的页面。因为随着网站的数据量日益庞大,人们对站点的要求越来越高,希望有更快的速度,更加高效的访问查找,所以动态网页技术便应运而生。
现实中常用的动态网页开发技术有:ASP,JSP,PHP,.NET等
3.常用的WEB开发技术
(1)静态WEB开发技术
I.HTML技术
HTML文件都是以<HTML> 开头,以</HTML> 结尾。
位于<head>....</head>的信息是文件的头部信息,出了<title>...</title>之间的信息会显示在页面上,其他都不会显示在页面上。
<body>...</body>之间的代码是HTML文件的主体,客户浏览器显示的内容主要在这里定义。
HTML是制作网页的基础,当然想要让网页的信息更加全面,看起来更加好看,则需要js,css,jquery等技术的支持。当然近几年google 推出了一款web前端的开发框架,尝试补足HTML在构建静态应用上的不足;
详情可看:http://baike.baidu.com/item/AngularJS 常用的开发软件有(FrontPage,DreamWeaver基本不需要做什么配置就可直接使用),开发工具比较好用的有(sublime-----详细的配置可参考http://blog.csdn.net/ikewyz/article/details/67633427,eclipse----下载对应的web开发IDE就可以)
II.XML 技术
XML eXtensible Markup Language 的缩写,意为可扩展的标记语言。它是一种显示数据的标记语言,能够使数据无障碍地进行传输,并显示在用户的浏览器上。
(2)动态WEB开发技术
I.ASP 技术
ASP(Active server page,动态网页)是微软推出的一款用来取代CGI (Common Gateway Interface)的技术, 它是HTML,javaScript与CGI的结合体,运行效率高于CGI,程序编制也比HTML更灵活,它是由服务器对代码进行解释输出到浏览器。
II.ASP.NET 技术
ASP.NET有很大一部分语法与ASP兼容,它可以使用.NET framework,从而使开发人员很方便的调用接口,同时他在编译的时候会生成DLL文件,并不像 ASP的代码由语言引擎在服务器解释输出到浏览器,所以在运行速度上有了很大的提升。
III.PHP技术
PHP(Hypertext Preprocessor)是免费的 官网:http://php.net,源码也是公开的,可以从官网上下载,甚至可以加入自己喜欢的特色。
PHP的开发大多在Unix平台,GNU/Linux和微软的windows
IIII.JSP技术
JSP(Jave Server Page)是Sun公司创建高度动态的Web应用而提供的一个独特的开发环境,其本质就是一个简化的Servlet,与ASP一样,由语言引擎开解释执行程序代码。