《2.1WEB简介和HTML基础.ppt

目录 网页的发展过程 HTML简介 HTML基础语法 从静态网页发展到动态网页 早期的Web服务器传送的是静态网页，虽然网页中包括有文字和图片，但是只要不改变设计，网页的内容是不会变化的。对静态网页的访问过程如下： (1) 客户通过Web服务器的URL申请页面。 (2) 服务器向客户送回被申请的页面。 (3) 在客户端下载并在浏览器上显示页面。 (4) 断开客户与服务器之间的联系。 整个过程比较简单，到客户端下载完页面时为止，整个过程就结束了。用于发布静态网页的网站设计也比较简单。这种设计对于早期的网站来说也许已足够。因为早期使用网站的大多是一些科学工作者，他们关注的重点只是交流有关科学技术的内容。 随着因特网应用领域的扩展，各种不同类型的客户加入到网络中来，不少客户很快就提出了新的要求。例如，有的客户提出，能不能代我查阅一下我银行存款的变化情况？要满足类似这样的需求，服务器的工作就不那么简单了。它首先要查阅银行账户，进行必要的计算和统计，再将结果反馈给客户。这就是说，服务器在回答问题前必须先执行一些相关的程序。这段程序不仅应能回答客户的问题，还要能够保障客户的信息安全，防止其他人进行查阅或破坏。 类似这种网页的输出内容将随程序执行的结果而有所不同。这样的网页被称之为“动态网页”。访问动态网页的过程如下： (1) 客户通过Web服务器的URL申请一个网页。 (2) 服务器接收请求，并处理网页上的代码。 (3) 将代码的处理结果转换成HTML代码后向客户送出。 (4) 在客户端下载并在浏览器上显示网页。 (5) 服务器断开与客户的联系并转向其他客户，以便提供新的服务。 网页的发展史 纯文本网页 Tim Berners-Lee将他设计的初级浏览和编辑系统合而为一，文本格式为基础，只有简单的几个标签（TAG） 支持图像的网页浏览器里加入了标签img 增强了多媒体的网页加入了background(背景)，frame(框架)，font(字体)和blink(闪烁效果)等的标签。微软致力于网上游戏领域，他们设计了marquee,bgsound(背景声效)等标签 动态网页页面由程序动态生成 代码在客户机端执行(脚本VBScript，JavaScript) 代码在服务器端执行(ASP,JSP,PHP等) 静态网页和动态网页 静态网页在动态网页出现之前，传统的网页是采用HTML编写的网页。目前大部分网页都是静态网页。静态网页无需系统实时生成，其交换性能比动态网页要差，日常维护比较麻烦。一般文件后缀为 .htm; .html 动态网页采用ASP、JSP、PHP等程序动态生成的网页或者在静态HTML上加入脚本生成的网页（DHTML）。特点：动态网页由计算机实时生成，交换性强，维护容易。文件后缀为 .aspx .shtm .php .cgi等 。后台一般有数据库，比如access、sql server 1.1.2 动态网页发展的几个阶段 1. CGI阶段 CGI是英文Common Gateway Interface的缩写，代表服务器端的一种通用(标准)接口。 每当服务器接到客户更新数据的要求以后，利用这个接口去启动外部应用程序来完成各类计算、处理或访问数据库的工作，处理完后将结果返回Web服务器，再返回浏览器。外部应用程序是用C、C++、Perl、Pascal、Java或其他语言编写的程序，程序运行在独立的地址空间中。后来出现了“ISAPI”(用于Internet Explorer浏览器)或“NSAPI”(用于Netscape浏览器)技术，其功能与CGI相同，但技术方面有些改进。外部应用程序改用动态链接库(DLL)，被载入Web服务器的地址空间运行，并且用“线程”代替“进程”，因而显著地提高了运行效率。但不论是CGI还是ISAPI或NSAPI，都需要编写外部应用程序，而编写外部应用程序并不是一件容易的事情。从开发人员的角度讲，这种开发方式并没有带来开发上的方便。 1.1.2 动态网页发展的几个阶段 2. 脚本语言阶段 这个阶段出现了许多杰出的脚本语言，如ASP、PHP、JSP等。脚本语言的出现大大简化了动态网站开发的难度，特别是ASP和PHP学习简单、功能强大，成为许多网站开发者的首选。 JSP与ASP的程序结构非常相似。它的主要特点是在传统的HTML网页文件中加入Java程序片段(Scriptlet)和使用各种各样的JSP标志(Tag)，构成JSP网页。Web服务器在接收客户的访问要求时，首先执行其中的程序片段，并将执行结果以HTML格式返回 客户。 3. 组件技术阶段 ASP.NET和Java(J2EE)技术是这个阶段的代表。这是一个由类和对象(组件)组成的完全面向对象的系统，采用编