搜档网
搜档网
当前位置：搜档网 › 三种动态网页制作技术

三种动态网页制作技术

三种动态网页制作技术
三种动态网页制作技术

三种动态网页制作技术

目前，实现动态网页主要有四种技术：公共网关接口(common 8a比wayinterface，CGI)、超文本预处理器(hypertext preproles30r，PHP)、动态服务器网页(active server paeG，ASP)、Java 服务器(Java server Pa8eIJSP)。

1．公共网关接口

公共网关接口提供一个计算机程序同HTTP协议或者www服务的接口．也就是人初交互接口。有了它，服务器可以提供交互式的站点以代替过去静态的文本和图像。CGI是信息服务器主机对外信息服务的标准接口，是为了向客户端提骸动态信息而制定的。CGI通常使用PERL、c/c++、DELPHI等进行编写。通过专门编写的cGI脚本程序，不仅司以生成静态的内容，而且可以生成完全无法须见的动态的内容。它能根据用户的需求输出动态信息，将数据库服务器中的信息作为数据源对外提供服务，将www服务和数据库服务结合起来。雅虎(www.Y https://www.sodocs.net/doc/ec4540395.html,)、谷歌狗(https://www.sodocs.net/doc/ec4540395.html,)等搜索引擎提供的强大搜索功能便是利用cGI 实现的。

2．超文本预处理器

超文本预处理器是生成动态网页的工具之一。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言。用PHP做出的动态页面与其他的编猖语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI 要高许多，与同样是嵌入HTML文档的脚本语言Javascr相比，PHP在服务器端执行，充分利用了服务器的性能；PHP执行引繁还会将用户经常访问的PHP程序驻留在服务器中，其他用户再一次访问这个程序时就不需要重新编译程序了，只要直接执行服务器中的代码就可以了，这也是PHP高效率的体现之一。

3．动态服务器网页和Java服务器

AsP与JsP是两种常用的动态网页制作技术，它们都是可以嵌入HTML中的程序，代码也都是以“＜%”符号作为开始符，以“%＞”符号作为结束符。

ASP是一个服务器端的脚本环境，在站点的web服务器上解释脚本，可产生并执行动态、交互式、高效率的站点服务器应用程序。当用户申请一个x．asp主页时，web服务器响应该HTTP请求，调用AsP引擎，解释被申请文件。当遇到任何与Active艾ser：Pting兼容的脚本(如VBscriPt和Jscript)时，ASP引擎会调用相应的脚本引擎进行处理。若脚本指令中含有访问数据库的请求，就通过ODBC与后台数据库相连，由数据库访问组件执行访库探作。ASP脚本是在服务器端解释执行的，它依据访库的结果集自动生成符合HTML语言的主页，去响应用户的请求。所有相关的发布工作由web服务器负责。从软件的技术层面着，AsP有无须编译、易于生成、独立于浏览器、面向对象、与任何ActiveX scriping语言兼容、源程序码不会外漏等特点。

JSP技术使用Java编程语言编写XML标签和scriptlets (一种使用Java语言编写的助本代码)，来封装产生动态网页的处理逻辑。网页还能通过Java平台和scriptlets访问存在于朋务瑞的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组丹的设计，使基于web的应用程序的开发变得迅速和容易。JSP技术的特点有三个方面f是由于基于Java 编程语言，页面具有Java的特点；二是JSP页面的运行环境支持Java平台、serve以规范的

Java虚拟机；三是JSP技术能够支持高度复杂的基于web的应用。https://www.sodocs.net/doc/ec4540395.html,

网页设计期末复习 网页设计与开发

网页设计简答题： a.相对定位与绝对定位的区别？并举例说明。 相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。 绝对定位的元素框从文档流完全删除，并相对于其包含块定位，元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。 b.制作菜单的常用方法？ 【第一步】我们要先做一个容器（要求：ID为“nav”，宽度为960px，高度为：35px，位于页面水平正中，与浏览器顶部的距离是30px；)【第二步】盒子做好了，我们就要往里面放导航条中的容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”，插入标签有序列表ul，单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。设置

  • 标签的宽度为100像素：【第四步】我们需要将上面的导航条做以下几个修改1）给上面的导航加上；2）

    文字大小修改为12px;3）并且规定样式，鼠标移上去和拿开的效果 c.图片与文字的对齐方式？(padding,margin,DIV的float、行高、对齐、背景图片设置属 性) 1. padding简写属性在一个声明中设置所有边距属性。不允许使用负值。可能的值auto、length、%、inherit 2. margin简写属性在一个声明中设置所有外边距属性。该属性可以有1 到4 个值 可能的值auto、length、%、inherit 3. float定义元素在哪个方向浮动none、left 、right、inherit(规定应该从父元素继承float 属性的值) 4. line-height属性可设置行间的距离，不允许使用负值。 5. text-align 属性规定元素中的文本的水平对齐方式。 图像由标签定义。 是空标签，意思是说，它只 包含属性，并且没有闭合标签。 DIV中设置CSS的两种方式(联和外联方式代码) 外联：是指把样式写在一个CSS文件过link标签导入到页面中 例如： 1. 2. 联:是指在同一个页面文件中，统一写出在head style标签中，要使用联样式，你需要在相关的标签使用样式（style）属性。Style 属性可以包含任何CSS 属性。 本例展示如何改变段落的颜色和左外边距： d.ul与li的设置。