动态网页巧制作

 更新时间:2016年9月20日 19:02  点击:1287

    每一个网页制作的初学者,都想让自己的网页更漂亮,看起来更专业。要想制作 出声形兼俱的动态网页,您需要了解动态网页制作技术,它是建立在动态HTML语言(即DHTL语言)之上的一 种新技术,它包括CSS文字效果,层技术,框架结构,push技术,JavaScript、Java和ASP等。(听不懂, 太专业了!),听不懂没关系,您只要清楚,要使用Dreamwave3.0以上制作网页,因为Dreamwave3.0内置 以上大部分技术,您所要做的仅仅是插入层,拖动,复制,粘贴。也就是把动态网页脚本插入到原来网页 的HTML中。

  下面的动态网页制作技术可能是您需要的:

  推(push)技术,让您 网页上的新闻自动更新;Java小应用程序(Java applet),如让您网页中的图像模拟水滴落在预制图像文 件上,水面上激起层层涟漪,给人一促宁静致远的感受;Java Script脚本,让您的网页每次进入都播放 不同的音乐,如你第一次进入该网页播放《泰坦尼克号主题曲》,第二次进入则播放《999朵玫瑰》,第 三次进入……;ASP中的ADO的技术,让用户在浏览器画面中输入、更新和删除网站服务器的数据库信息。
  以上是目前国际上非常流行的技术,使用起来也不困难,不用编程,只需从网上下载相应的脚本 (即程序),将其添到您的网页上即可,任何稍微懂得一点网页制作的初学者都可以做到,怎么样?心动了 吧,且听我慢慢道来。

  一、使用Java动态小应用程序

  利用Java可以 在您的网页上加入各式各样的动态效果,它可是制作动态网页的好工具,代表了新一代的Web技术。
  Java于1995年问世,是一种由美国Sun公司开发的新一代编程语言,其目标是在网络环境中开发软件 。由于Java是一种编程语言,要想掌握它,需要有一定的计算机程序设计基础。然而对于网上的Java小应 用程序(Java Applet),即网页中小巧可爱的Java程序。你无须学会Java就可以使用,只要稍作改动就可 放在网页上使用。因此,怎么将现成的Java小应用程序嵌入自己的网页中,如何改动参数,让小应用程序 变成你自己的东西可是个关键。
  也许,大家对什么是“Java小应用程序”有些摸不着头脑。事 实上是伴随网页而来的Java程序有一个特别的名字,叫Applet,可以把它想像成是一个个小巧可爱的程序 ,这主是“Java小应用程序”名称的由来。
   捷径:要将Java小应用程序嵌入网页

  1.将Java applet脚本复制到网页的html文件中

  首先复制Java源程序, 进入 Dreamwave3中,在网页的某个位置插入新图层,并确定层在html中的位置。即按菜单插入/图层,点按菜 单窗口/html源文件,出现html源文件窗口,定位新加的层在html文件中的位置,如:将鼠标放到新图层 中打几个字母mmm,则html源文件也应该出现mmm,鼠标定位到html源文件中的mmm后,将html源文件中的 mmm删除。
按粘贴,将Java程序粘贴在html源文件中光标所在位置。

  2.注意还要将java 程序所需的*.class文件,*.gif背景文件复制到网页文件*.htm所在的同一目录下。按<F12>键预览。

  3.参数修改:

  下面是一个Java applet的源文件:比较重要的两行width="128" height="128"表示动画的宽和高,value="imfad1.gif"表示背景文件名。
<applet archive="AnWater.jar" code="AnWater.class" width="128" height="128">
动画的宽和高

<param name="image" value="imfad1.gif"> ; 载入图像

  Java动画的背景图 片是一些JPG或GIF的静态图片,动态效果是Java程序加在背景图片上产生的,如水波效果。假如要将Java 动画的背景图片改成另一图片,则可将另一图片复制到*.htm所在的同一目录下,在html源文件中修改背 景文件名,修改宽和高的值即可。新图片宽和高的值若不知道是多少,可在ACDSee的中打开该新图片,在 其底下的状态行有图片的宽和高的信息。
  假如你想让新图片的大小与原Java applet图片的大小 一致,可以用Photoshop对新图片进行放大或缩小。

  4.注意事项:

  要将java 程序所需的*.class文件,*.gif背景文件复制到网页文件*.htm所在的同一目录下。
  Java applet 的效果十分华丽,但将大降低浏览器的刷新速度,因此不可太贪多。一个页面有一两个Java Applet即可 。
   注意*.class文件的大小写。笔者就遇到这样的情况:有时提供的AnWater.class写成了 ANWATER.CLASS,这时Java Applet在本机上能运行,上传至服务器中,该有Java效果的位置只显示一块灰 板,开始以为上传过程中出错,造成文件缺损,但用CuteFTP上传了几次还是这样,用鼠标点击灰色方块 ,状态行提示找不到AnWater.class,

     从微软推出了ASP(ActiveServerPage)后,它以其强大的功能,简单易学的特点而受到广大WEB开发人员的喜欢。但是它却有微软产品的通病,只能在Windows平台下使用,虽然它可以通过增加控件而在LINUX下使用,但是其功能最强大的DCOM控件却不能使用。而SUN公司在JAVA的基础下开发出的JSP(Java ServerPages)实现了动态页面与静态页面的分离,脱离了硬件平台的束缚,以及编译后运行等方式大大提高了其执行效率而逐渐成为因特网上的主流开发工具。为了使用广大应用ASP的程序员们能近快的学会JSP。现把其异同对比如下:

一、结构
   JSP和ASP在结构上类似,都是以"<%"和"%>"作为标计符,不同的是在标计符之间的代码ASP为JavaScript或VBScript脚本,而JSP为JAVA代码。JSP将网页的表现形式和服务器端的代码逻辑分开。作为服务器进程的JSP页面,首先被转换成servlet(一种服务器端运行的java程序)。Servlet支持HTTP协议的请求和响应。当JSP被转换成纯JAVA代码。多个用户同时请求一个jsp页面时,应用实例化线程来响应请求。这些线程由WEB服务器进程来管理,和ASP的线程管理器功能类似。同CGI为每个请求创建一个进程的模式比较,这种方式效率高的多。

二、性能和平台无关性
   与C++、VB等语言比较,JAVA被看作是个效率不太高的语言,但它以牺牲效率换来了平台无关性使JAVA可以在大多数操作系统上运行而不需要重新编译--许多人愿意为此而付出代价。JAVA的编译代码是一种字节代码,在运行时由操作系统上的一个Java VirtualMachine(JVM)虚拟机解释。字节代码可以在所有平台上迁移,而不需要任何改动。交叉平台编程倾向于采用所有操作系统的"最小公分母",尤其是使用图形化界面时(servlets不需要任何图形界面)。Servlets比传统的java程序(applets, javaapp)要快,因为它们在服务器端运行,不需要加载沉重的GUI(HTML的GUI是非常少的)。另外,servlets的字节代码只有在客户请求时才执行,所以尽管当首次调用servlets时会有几秒钟的加载时间,但后续的请求相应非常迅速,因为服务器已经缓存了运行的servlets。当前的jsp服务器,都带有java 即时编译器(JIT),因此,JSP的执行比每次都要解释执行的ASP代码要快,尤其是在代码中存在循环操作时,JSP的速度要快1到2个数量级.

三、Session管理
   为了跟踪用户的操作状态,ASP应用SESSION对象。JSP使用一个叫HttpSession的对象实现同样的功能。Session的信息保存在服务器端,Session的id保存在客户机的cookie中。如果客户机禁止cookie,Session Id就必须带在url后面。Session一般在服务器上设置了一个30分钟的过期时间,当客户停止活动后自动失效。Session 中保存和检索的信息不能是基本数据类型(primitivedatatypes)如(int, double)等,而必须是java的相应的object(对象)如(Integer,Double)。
HttpSessionsession=request.getSession();//得到一个session对象或创建一个
session.getId()//得到sessionID数
Integerid=(Integer)session.getValue("id")//检索出session的值并转化为整型 session.putValue("ItemValue",itemName);//ItemValue必须不是must简单类型

四、Application管理
   有时服务器需要管理面向整个应用的参数,使得每个客户都能获得同样的参数值。和Session一样,ASP使用Application对象而JSP使用ServletContext对象,操作的方法和Session一样。
getServletContext().setAttribute("Item",ItemValue);//设置一个应用变量
Integeri=(Integer)getServletContext().getAttribute("ItemName");//得到//item

五、ServerSideIncludes
   在服务器端引用上ASP和JSP有着相同之处。ASP和JSP都可以支持此功能的服务器(IIS,APACHE)上实现服务器端包含虚文件。但JSP是将动态页面的结果包含进来,而不是包含文件的代码本身。当你包含的文件在另一个服务器上时,不包含任何代码和对象是一个非常有效的功能。

ASP:<!--#includefile="subfile.asp"-->
JSP:<%@includefile="subfile.jsp"-->

    1、页面内容要新颖

    网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。 放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

    2、网页命名要简洁

    由于一个网站不可能就是由一个网页组成,它有许多子页面,为了能使这些页面有效地被连接起来,用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页,在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时,最好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。

    3、要及时更新网页

    网页制作好后,不能说万事大吉了,其实事后的工作量更大。因为网页制作是一时的,而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉,比如用户无意中点击了页面中的一个连接,在苦苦的等待之后,换来的是无法访问的结果,那么他们会对你的网页大失所望,可能以后再也不会光顾你的网页了。若不能及时更新,也最好在主页上发布信息,告诉前来访问的朋友,因有特殊情况需要离开一段时间,未能及时更新主页,希望各位见谅,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。

    4、注意视觉效果

    设计Web页面时,一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一 些Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页

    5、随时注意网站升级

    时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

    6 、善用表格来布局

    不要把一个网站的内容象作报告似的一二三四地罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。

    7 、 少用特殊字体

    虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。




    1、用flash 做那种弹出的小窗口
    分两步:
    给flash中的按钮加入如下action:
    on (release) {
    getURL ("javascript:MM_openBrWindow('newweb.htm','','width=600,height=100')");
    }

    在HTML页面的...之间加入下面的javascript代码.

    2、如何使得flash一打开就是全屏?
    fscommand("fullscreen",true)
    如何不能使用右键?
    fscommand ("showmenu", "false");

    3、用命令载入一个动画,我需要确定载入动画在画面中的位置,用什么语言来设置?
    例如载入名为dd.swf的动画,我要确定这个动画的中心位置在(205,250),该怎么设置?
    在要加载动画的那钟加入
    loadMovie("dd.swf", "a");
    a._x=205;
    a._y=250;
    你得先做一个空的MC起名叫"a",导入时,在右下角也起名为a

    4、当鼠标经过时动画播放到某处
    on (rollover) {
    gotoAndPlay(10);
    }
    当鼠标按下时动画播放到某处
    on (release) {
    gotoAndPlay(1);
    }

    5、播完动画后自动跳到某网页
    getURL("siteindex.htm", _self);

    6、设为首页
    on (release) {
    getURL("javascript:void(document.links.style.behavior='url(#default#homepage)');void document.links.setHomePage    ('http:///')", "_self", "POST");
    }

    注意要将网页中的flash的ID号命名为"links"

    加入收藏夹
    on (release) {
    getURL("javascript:void window.external.AddFavorite('http://','网页教学网');", "_self", "POST");
    } 

    7、关于随机数的技巧
    用来产生6--20之间的5个不重复的随机数:
    1):首先产生一个随机数,放在数组对象中的第一个位置;
    2):产生一个新的随机数.

    <input type=button value=刷新 onclick="history.go(0)">

    <input type=button value=刷新 onclick="location.reload()">

    <input type=button value=刷新 onclick="location=location">

    <input type=button value=刷新 onclick="location.assign(location)">

    <input type=button value=刷新 onclick="document.execCommand('Refresh')">

    <input type=button value=刷新 onclick="window.navigate(location)">

    <input type=button value=刷新 onclick="location.replace(location)">

    <input type=button value=刷新 onclick="window.open('自身的文件','_self')">

    <input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>



SyntaxHighlighter.highlight();
[!--infotagslink--]

相关文章

  • ps动态环绕动画效果怎么制作

    ps动态环绕动画效果是现在很多人都非常喜欢的,大多数人还不知道ps动态环绕动画效果怎么制作下面文章就给大家介绍下ps怎么制作科技感十足的动态环绕动画效果,一起来看看...2017-07-06
  • vue 实现动态路由的方法

    这篇文章主要介绍了vue 实现动态路由的方法,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下...2020-07-06
  • Vue实现动态查询规则生成组件

    今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景,本文主要介绍了Vue动态查询规则生成组件,需要的朋友们下面随着小编来一起学习学习吧...2021-05-27
  • jQuery动态添加与删除tr行实例代码

    最近由于项目的需要,需要动态的添加和删除table中的tr,感觉用JS可以实现,但是在网上找了一下,单纯的自己写JS,感觉太麻烦,而且也不好维护。于是想到了最近学的jQuery。这篇文章给大家用实例介绍了jQuery动态添加与删除tr行的方法,有需要的朋友们可以参考借鉴。...2016-10-20
  • C#中动态显示当前系统时间的实例方法

    想在网页中动态地显示当前系统的时间,找了好多,不过都是一些停在那里不动的。。。不过皇天不负有心人,终于让我找到了...2020-06-25
  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • c#动态调用Webservice的两种方法实例

    这篇文章介绍了c#动态调用Webservice的两种方法实例,有需要的朋友可以参考一下...2020-06-25
  • SQL Server中执行动态SQL

    本文详细讲解了SQLServer中执行动态SQL的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2022-05-19
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • jQuery为动态生成的select元素添加事件的方法

    下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-09-01
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧. 单...2016-09-20
  • vue2 中如何实现动态表单增删改查实例

    本篇文章主要介绍了vue2 中如何实现动态表单增删改查实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 ...2017-06-15
  • 解析C#自定义控件的制作与使用实例的详解

    本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
  • C#实现动态显示及动态移除图片方法

    这篇文章主要介绍了C#实现动态显示及动态移除图片方法,对于C#的初学者了解图像操作有一定的帮助,需要的朋友可以参考下...2020-06-25
  • 用C++面向对象的方式动态加载so的方法

    下面小编就为大家带来一篇用C++面向对象的方式动态加载so的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-04-25
  • Springboot使用thymeleaf动态模板实现刷新

    这篇文章主要介绍了Springboot使用thymeleaf动态模板实现刷新,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-08-31
  • ps怎么制作人物影子效果

    ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
  • mybatis动态sql实现逻辑代码详解

    mybatis通过将sql配置xml文件中,通过解析xml动态标签来实现动态sql,本文以xml文件为例给大家介绍mybatis动态sql的实现代码,感兴趣的朋友一起看看吧...2021-08-14