网络程序设计1教案编写 .ppt

静态网页 静态网页具有下列特点： 静态网页用超文本标记语言HTML/XHTML实现，一般后缀为.htm或.html。 设计工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。 所有静态网页可以在资源管理器中双击，调用浏览器解释显示 静态网页由HTTP响应发送到浏览器，浏览器可以看到静态网页的代码。 静态网页容易设计，维护费用低，访问速度快。 静态网页没有后台数据库、没有动态效果、不含程序、不可交互，不能提供即时信息（如股票）。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。 如果要修改网页，必须修改源代码，并重新上传。 Html文档示例 html head title我的网页/title /head body div align=center我的第一个网页！ /div /body /html HTML 代码 浏览器处理代码并进行显示 html head title我的网页/title /head body div align=center我的第一个网页！ /div /body /html HTML 代码 在编辑器中编写 HTML 代码 浏览器显示 HTML 文档/页面 编辑器和浏览器 静态网页的工作原理 动态网页 动态网页特点： 服务器端可以根据客户端的不同请求动态产生网页内容，如邮箱邮件、用户信息等。 支持客户端和服务器端的交互功能，如BBS论坛、聊天室等。 设计工具可以是记事本等纯文本工具，也可以是VS、Eclipse等专业化工具。 动态网页包含VBSCRIPT、JAVA、C#等程序代码，可以使用后台数据库。 动态网页的服务端程序代码由服务器运行，将运行结果转化为静态网页，然后由HTTP响应发送到浏览器，浏览器看不到动态网页的代码。 动态网页示例 BBS论坛 留言板 聊天室 动态网页的工作原理 first.aspx %@ Page Language=C# AutoEventWireup=true CodeFile=first.aspx.cs Inherits=_first % DHTML 所谓DHTML，就是在静态网页基础上通过客户端程序根据事件和动作产生动态效果的页面。 html head title我的网页/title SCRIPT LANGUAGE=JavaScript var dnow = new Date(); dhours = dnow.getHours(); dminutes = dnow.getMinutes(); dseconds = dnow.getSeconds(); document.write(br浏览器时间： + dhours + : + dminutes + : + dseconds); /SCRIPT /head body div align=center我的第一个网页！ /div /body /html second.htm DHTML的工作原理 DHTML网页具有下列特点： 在静态网页基础上通过客户端程序根据事件和动作产生动态效果的页面。 设计工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。 DHTML网页没有后台数据库。 DHTML网页可以在资源管理器中双击，调用浏览器解释并显示效果。 浏览器上可以看到DHTML网页的代码（查看源文件）。 DHTML网页由HTTP响应发送到浏览器，调用浏览器运行客户端程序代码，将运行结果进行解释显示。 静态 、DHTML 、动态网页 second.aspx中包含静态网页、动态网页和DHTML网页的代码。 浏览器显示的是运行结果 源是传递给浏览器的网页代码 记事本是服务器上的原始网页代码。 服务器运行动态网页代码部分，产生当前的服务器时间，然后在网页中以产生的当前服务器时间代替动态网页代码部分，转变为DHTML网页，发送给浏览器。浏览器运行DHTML客户端程序，产生当前的浏览器时间，并解释静态网页部分，输出显示。 所有静态网页和DHTML网页可以在资源管理器中双击，调用浏览器解释显示。 动态网页必须先放到服务器中，然后通过HTTP的方式访问。 静态网页和DHTML网页代码直接传给浏览器。客户端在浏览器中可以查看网页代码。 动态网页内所有服务器代码是被应用服务器处理后，将结果变为静态网页，然后传给浏览器解释显示。客户端看不到动态网页代码。 除非在服务器端对网页作更改，否则任何用户任何时间访问同一静态网页，得到的网页都相同。 DHTML网页和动态网页随不同用户、不同时间访问，程序运行的结果可能不同，得到的网页也就不同。 静态网页容易设计，