网页制作教程动态Web页面设计初步教学课件

计算机与T入门第三讲:动态Web页面设计初步孔捍迄Xlangjle.kongagmail大连理工大学软件学院③第二部分内容回顾口HTML命令称为标记(Tag),用于控制HTML文档的内容和外观口META元素提供关于网页的信息。口HTML文档的基本结构和标记口掌握使用HTML标记创建超链接口HTML文档中使用多媒体口了解网站的导航方式2019SchoolofSoftware,DalianUniversityofTechnology2第三部分内容提纲口动态网页实现技术:CGI:CommonGatewayinterfaceASP:ActiveServerPagesASP.netJSP:JavaServerPagesPHP:HypertextPreprocessor口程序设计语言概述口Java简介-(2019SchoolofSoftware,DalianUniversityofTechnology3Web页面类型口静态网页■一经制成,内容不再变化;■页面中只有HTML标记,没有程序代码■后缀名为htm或htm■网络中的静态网页都是一个个的HTML文件,这些网页中可以包含文字、图片、动画和声音,以及能够跳转到其他文件的超级链接口动态网页是指根据用户的请求,由服务器动态生成的网页2019SchoolofSoftware,DalianUniversityofTechnology4动态网页发出请求客户端服务器端发回网页接受请求能在不同时间,根据不同请求找到动态网显示不同内容执行程序代码,页面中不仅有HTML标记,还生成静态网页有程序代码后缀名根据不同编程语言不同发送网页2019SchoolofSoftware,DalianUniversityofTechnology5动态网页口动态网页与静态网页从设计到实现都有所不同;动态网页是在HTML中使用特殊的程序编码来设计和完成一交互性:网页公根据用户的需求和选择而动态改变和响应口动态网页实现技术:CGI:CommonGatewayInterfaceASP:ActiveserverpagesJSP:JavaServerPagesPHP:HypertextPrerocessor口在存储时使用不同的文件扩展名,如aspjsp、php等。-2019SchoolofSoftware,DalianUniversityofTechnology6多cGI口最早的动态网页解决方案是CGI(通用网关接口)口CGI是外部程序和WEB服务器之间的标准编程接口。可以使用各种不同的程序语言编写适合的CG程序,比如:Vsua|BasCDelphi或C/C++等。口CGI的功能强大,技术成熟,但是编写较难、编程效率低。2019SchoolofSoftware,DalianUniversityofTechnology7CGI口在这种解决方案中,当用户发出一个CGI请求时,服务器就会为此开启一个新的进程来进行处理。当用户访问量不大时,这样的处理还可以应付;如果访问量过大,服务器端的负荷就会过重,导致系统性能急剧下降,访问速度大大降低。因此,在当前的动态网页设计中已经使用得越来越少。口随着技术的发展,各公司分别推出了自己的动态网页解决方案,目前使用最广泛的是微软推出的ASP/ASP.NET和SUN推出的JSP2019SchoolofSoftware,DalianUniversityofTechnology8OASP口ASP是微软公司开发的代替CGI脚本程序的种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的格式是.asp,现在常用于各种动态网站中口ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等口它与cGI一样,没有提供自己专用的编程语言,而是允许用户使用VBScript、JavaScript等常用的脚本语言来编写ASP程序。G2019Schoolofsoftware,DalianUniversityofTechnology9OASP口ASP最大的好处是除了可以包含HTML标记外,还可以直接访问数据库,并可以通过ASP的组件和对象技术,使用可无限扩充的Activex控件进行动态网页的开发口ASP是在Web服务器端