《网页设计与制作教程 教学课件 ppt 作者 杨帆 严耀伟 王方 网页设计第八章》由会员分享，可在线阅读，更多相关《网页设计与制作教程 教学课件 ppt 作者 杨帆 严耀伟 王方 网页设计第八章（27页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作教程第八章,动态网页设计介绍,第八章 动态网页设计介绍,动态网页并不是网页上有动感就称为动态网页，它与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页,8.1 动态网页与静态网页,动态网页：一般指的是采用ASP，PHP，JSP等程序动态生成的页面，由浏览器发送请求给服务器，服务器接收到请求后根据请求进行处理，最后将处理结果返回给客户端显示。该网页中的大部分内容来自与网站相连的数据库 动态网页一般有以下几个特点：
2、1）动态网页以数据库技术为基础 2）用动态网页技术的网站可以实现更多的功能 3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页 4）动态网页中的信息非常容易检索，统计，管理和维护 5）动态网页中中信息发布和维护等不需要专业人员，但因为动态网页需要处理动态语言和存取数据库，所以存取速度比静态网页要慢。,静态网页：是相对于动态网页而言，使用的语言一般是HTML（超文本标记语言），是指没有后台数据库、不含程序和不可交互的网页。内容可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等 静态网页一般有以下几个特点 1)静
3、态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀 2)网页内容一经发布到网站服务器上，每个静态网页的内容都是保存在网站服务器上的，每个网页都是一个独立的文件 3）静态网页设计针对性强，灵活性强； 4)静态网页的内容相对稳定，因此容易被搜索引擎检索 5)静态网页没有数据库的支持，网页设计比较简单，存取速度较快，但在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； 6)静态网页的交互性较差,动态网页和静态网页的最大区别就是程序是否在服务器端运行。在服务器端运行的程序、网页、组件，属于动态网页，运行于客户端的程
4、序、网页、插件、组件，属于静态网页 动态网页和静态网页各有特点，使用时采用哪种主要取决于网站的需求和内容，如果功能简单，内容更新不大又不频繁，采用静态网页的方式会更简单，而且存取速度又快，反之，一般采用动态网页技术实现。,8.2 ASP基础知识与应用,ASP是Active Server Page的缩写，意为“动态服务器页面”,是微软公司开发的一种脚本程序。 Asp（Active Server Page）不是一种语言，也不是一种开发工具，但可以用来创建和运行动态网页或Web应用程序，可以与数据库进行交互，是一种简单，方便的服务器端脚本编写环境。,8.2.1 ASP介绍,ASP具有以下特点：,使用
5、VBScript，JavaScript等简单易懂的脚本语言，结合HTML标记 ASP文件是包含在HTML代码所组成文件中的，无需编译即可直接解释执行，易于修改和测试； 服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器 ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强； ASP能与任何ActiveX Scripting语言相容，除了使用VBScript，JavaScript语言 可保证辛辛苦苦编写出来的程序不被窃取，提高了程序的安全性。,ASP的工作原理可以描述如下,用户向浏览器地址栏输入网址，默认页面的扩展名是.asp； 浏览器向服务
6、器发出请求，建立连接； 服务器根据用户请求在磁盘上找到相应的文件并开始运行ASP程序。 ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。 服务器把脚本生成结果和HTML代码进行整合，发送给客户端浏览器； 客户端收到的HTML代码被浏览器解释执行显示出来。,8.2.2 ASP基础知识,ASP程序是扩展名为.asp的文本文件，其中包括文字，HTML语句，ASP命令及其他脚本语言。 ASP提供了两中注释方式： 1、单引号()，在单引号之后的这行文字都视为注释2、rem 关键词，在REM后的文字，视为注释。,1ASP的基本语法,一个简单的ASP程序，程序执行后，在浏览器端的显
7、示如图, 测试ASP页面 ,2ASP的脚本语言,ASP默认的脚本语言是VBScript，在使用“%”与“%”时不需要做任何声明来说明使用哪种脚本语言，但是，如果要使用另外一种脚本语言，就必须声明所要使用的语言，一般情况，方法有两种。,直接在.asp文件中进行声明,例如： 测试ASP页面 ,使用标记指定脚本语言,例如： 测试ASP页面 Function welcome( ) Response.Write（“Welcome to my blog！“） ,3编辑ASP程序时注意事项,（1）ASP程序中，不区分大小写，大小写代表的意思一样； （2）ASP中，标点符号都必须在英文输入状态下输入标点符号，
8、否则系统将会报错； （3）为了提高程序的可读性，ASP语句必须分行写，一行就是一条ASP语句，如果一条语句太长时，一行写不下，需要在行尾用连接符加上一个下划线作为续行符。,8.2.3 设计一个简单的ASP网页,动态网页要进行存取数据库，就必须建立数据库，在数据库中建立数据记录，最后在程序中实现数据的查询，读取和访问。 创建数据库的一般过程是启动office主件里面的access程序，选择文件/新建/空数据库，打开文件新建数据库窗口，选择保存位置和给新建的数据库取个文件名，如图,数据库新建后，就可以添加表，窗体，报表等对象，如图,创建一张表即可，表中存放用户的帐号和密码信息，创建表的结构需要说明
9、包含哪些字段和每个字段的数据类型和相关属性，如图,表建立之后就可以在表中添加数据，至此，数据库的建立基本完成。,数据库创建之后，就需要实现程序与数据库的连接，方法基本上有两种：一种是以连接字符串方式建立数据库连接，一种是以DSN方式建立数据库连接 连接数据库后，编译ASP程序，运行的主页面结果如图,其中数据库名为login.mdb，数据库里的表名为information，Account为用户名字段，accountpassword为密码字段，源程序代码如下,default.htm主页面 登录 登录 , 帐户 密码 ,login.asp程序： % 定义两个变量 dim user,pass user
10、=request.form(“username“) pass=request.form(“password“) 连接数据库， set en=server.createobject(“adodb.recordset“) conn = “DBQ=“ + server.mappath(“/login.mdb“) + “;DRIVER=Microsoft Access Driver (*.mdb);“ 读取数据库中记录 sql=“select * from information where account=“&user&“ en.open sql,conn,1,1 符合显示登陆成功，否则失败,if
11、en.eof then response.write “alert(登录失败);history.back();“ response.end else if en(“accountpassword“)pass then response.write “alert(登录失败);history.back();“ response.end end if response.write“alert(登录成功);“ end if %,当输入的帐户和密码错误时和正确时，运行结果 如图,8.3 常见其它动态网页设计技术介绍,8.3.1 PHP介绍 PHP是personal home page的缩写。PHP 是一
12、种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛的运用 PHP的特性主要包括以下几点： 1开放的源代码：所有的PHP源代码都可以免费从PHP网站下载； 2PHP是跨平台的，它可以在UNIX、LINUX、WINDOWS等平台下运行； 3PHP的使用起来非常便捷，相对于其他语言，语法简单，书写容易，实用性强； 4综合了java，C的特性，面向对象，提供了对象和类； 5PHP支持多种数据库，包括常用的SQL，Oracle，Sybase等,8.3.2 JSP介绍 JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.h
13、tml)中插入Java程序段和JSP标记(tag)，从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。 JSP的基本语法规则有以下几点： JSP标记规则 注释语法: 或，后面的注释语法可将注释发送到客户端，但不直接显示，在源代码中可以查看到,前面的不发送到客户端 函数的声明的语法：； 提供了一种将JSP生成的数值嵌入到HTML页面的简单方法 提供一些JSP指令，描述页面的基本信息,8.4 ASP.net网站设计 ASP.net以其良好的结构及扩展性，简易性，可用性，可缩放性，可管理性，高性能的执行效率，强大的工具和平台支持及良好的安全性等优势成为目前最流行的web开发技术之一。 ASP.NET具有的特点可以概括如下： 可管理性 安全 增强的性能 移动设备支持 扩展性和可用性 跟踪和调试 与.NETFramework集成 与现有ASP应用程序的兼容性,
