45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热齐乐娱乐其它
修技主板硬盘键鼠齐乐娱乐光驱
办公ExcelWordPowerPointWPS
编程齐乐娱乐CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

网页制作简明教程(四)

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:16 作者:45IT收集
1.5网页制作新的元素 Java和JavaScript都是有效的网页设计工具,使用它们,网页开发人员能够在单独的框架中加载多个文档以及观察新文件的格式。它们之间有很多的联系,但双有着一定的差异,它们也以其自身的优势在网页设计中占在一席之地,它们为网页的制作
1.5 网页制作新的元素

   Java和JavaScript都是有效的网页设计工具,使用它们,网页开发人员能够在单独的框架中加载多个文档以及观察新文件的格式。它们之间有很多的联系,但双有着一定的差异,它们也以其自身的优势在网页设计中占在一席之地,它们为网页的制作提供了更大的空间,使设计得能够更加自如地表达出自己的设计思想。

   1.5.1 Java语言简介

   Java是一种典型的面向对象的语言,它与结构化程序设计语言不同,它的应用平台是独立的,即可以用于应用程序的开发,又可以为Web页面开发添加Applet小程序或其他应用程序。它的语法规则在这就不再详细论述。

   1.5.2 JavaScript语言简介

   JavaScript是由Netscapt与SUN公司合作开发的产品。JavaScript是一种跨平台的开放式脚本描述语言,它是Java和Livescript的衍生物,它生成的应用程序能够将客户和服务器上的对象和资源联系在一起,通过Internet动态的表示信息并与用户进行交互。JavaScript是用来改变网页外观的编辑命令和指令,它对网页设计有着重要的帮助。编写JAVASCIPT并不是在编程,所写的脚本并不象真正的程序一样须经过编译,也不能单独运行,它只是创建一种指令告诉浏览器该做什么,网页开发者可以把它放在HTML文档的任意一个地方,当支持JAVASCIPT的浏览器读到这些指令是即按要求完成这些动作。它可用来完成从动画制作到齐乐娱乐连接等所有事件。在使用时,用户不需要开发工具包,只须知道如何编写脚本,并要求有一个与支持JavaScript的浏览器,例如:IE3.0以上,Navigtor,Opera等。

   在HTML文档中插入JavaScript的作用:能让执行一些特殊的事件过程。这些事件过程,有的比较简单,如:保存文档的最后修改日期、打开新窗口显示特殊信息。有的事件过程比较复杂,如:内置WEB齐乐娱乐,完成复杂的财务计算等。

   1.5.2.1 JavaScript语言实例

   通过了解下面的一些例子,你可以很容易地建立你自己的独特的JavaScript程序applet。它能自动根据你的设定生成HTML源代码,这样你就可以很方便地插入到HTML文档中了。另外,您可以自行更改其中的文字内容,但其中的源代码可不能更改,否则会造成JavaScript不能正常运行。下面列举常用的JavaScript实例。

   例(一)、在页面加入当前时间。

   请在< BOBY >和< /BOBY >之间加入以下代码。

   < script language="JavaScript" >
tdy=new Date();
document.write("当前时间",tdy.getHours());
document.write(":",tdy.getMinutes());
document.write(":",tdy.getSeconds());
< /script >

例(一)实际效果见右 当前时间21:7:9 当前时间0:4:7  

   例(二)、在网页中加入最后更新日期。

   请在< BOBY >和< /BOBY >之间加入以下代码。

   < script language="JavaScript" >
document.write("本页最后更新日期:");
document.write(document.lastModified)
< /script >

例(二)实际效果见右 本页最后更新日期:01/21/2001 14:19:16 本页最后更新日期:09/23/2000 00:51:41  

   例(三)、让此网页添加入收藏夹。

   请在< BOBY >和< /BOBY >之间加入以下代码,下面有两个实例,其实现的效果是相同的。您只要将"http://www.chinabyte.com/builder/"换成你的网页,将"ChinaByte.com网络学院"换成您的网站名称即可。

   (1)

   < a href="javascript:window.external.AddFavorite('http://www.chinabyte.com/builder/', 'ChinaByte.com网络学院')" >将本页加入收藏夹

   (2)

   < script language="JavaScript" >
function bookmarkit(){window.external.addFavorite('http://www.chinabyte.com/builder/','ChinaByte.com网络学院')}
if (document.all)document.write('< a href="http://theoent.com/quot;#" onClick="bookmarkit()" >将本页加入收藏夹< /a >') < /script >

例(三)实际效果见右
 (1)将本页加入收藏夹
 (2) 将本页加入收藏夹 将本页加入收藏夹 
 

   例(四)、在窗口的状态提示窗显示移动信息。

   (1)首先在< BODY >之前加入以下代码,您只要将"这是一个状态行滚动显示的JAVASCIPT程序!"换成你所需要的文字即可。

   < script language="JavaScript" >
var msg="这是一个状态行滚动显示的JAVASCIPT程序!";
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+" "+msg.substring(0,i)
window.status=mess
i++;
if (i >=msg.length) i=1;
setTimeout("scroll()",200);
}
< /script >

   (2)然后将< BODY >标签,替换成以下内容。

   < body onload="scroll()" >

   通过以上两步即可完成。实例如下图:

 

   1.5.3 利用网上的免费Java和JavaScript资源

   以下网站有更多的Java及JavaScript实例。一般只要将它们粘贴到网页中的相应位置即可。你可不能太贪哟,因为Java和JavaScript特效,可是网页浏览速度的首要元凶。

网站名称 
 简介 
 
Itc
 提供免费Java和JavaScript程序。
 
The JavaScript Source
 最好的源代码网页,直接在上面拷贝粘贴相应的代码到您的网页中即可,包括背景特效、活动按钮、计算器、时钟、日历、cookies、文件夹、表格、游戏、信息、领航标记、页的详细资料、密码保护、滚动条等。
 
Java Developer Page
 提供许多免费特技,如流血、跳动火焰、飘动的红旗等。
 
Builder
 Javascript初学者天堂。
 
Developer.com
 一个大型Java和JavaScript资源,提供许多免费特技,如流血、跳动火焰、飘动的红旗等。
 
The Pop Up Menu Java Applet
 这是一个完全客户化的图形地图小程序,有子菜单和互动图形展示。
 
Webwerks
 用所见即所得的方式定做您喜爱的Java脚本。包括FX、游戏、图形、文本、实用工具等。
 
JavaScript 4 U
 为网络主持人提供的有用的网络资源,包括钟表、视窗、游戏、日期、格式、工具栏、背景变化、动画、菜单等。
 
Timothy's JavaScript Examples
 提供100个免费的JavaScript程序。
 
JAVASCRIPT Town
 精彩的JavaScript站点,有许多免费JavaScript程序和使用指南。
 
GAMELAN
 大量Java和Javascripts程序。
 
The JavaScript Planet
 提供4,300个免费JavaScripts程序。
 
JAVA Goodies
 提供活动按钮、计算器、时钟、日历、连接和E-mail、彩色脚本、警告框、游戏、国家等,每周增加5-10个样本。
 
Ice-Network
 这是一个在网络上运行的日历,在任何支持Java的浏览器上都可以使用。使用这个日历,网站可组织安排在线事件、产品发布、新闻、约会、广告和在线日程。
 
Cut'N'Paste JavaScript Web Site
 提供120个免费的JavaScript程序。
 
Earthweb's Jars
 网络上顶尖Java站点,提供从Java新闻到为Java发展商提供的主题部分。有些Java小程序是免费的。目录包括商业、多媒体、网站、财经、科学、实用工具、编程和WWW工具。
 
24 Hour Javascripts
 13,000多个免费脚本的精彩资源站点,同时提供讨论组、新闻等。
 
J-G.COM
 大量Java和JavaScripts程序。
 
JavaScript World
 这里有许多资源:讨论组、档案、问题与解答和JavaScript帮助。
 
Sippin' Good Java
 一个免费的Java和JavaScript站点,提供大量脚本和小程序,包括游戏、钟表、实用工具、文本、音频和视频,还有为JAVA和游戏发展商2,000多个脚本和动画。
 
JAVA Machine
 Java制造机,以所见即所得的方式定做您喜爱的Java脚本。
 
JAVASCRIPT Tip Of The Week
 提供300个免费的JavaScript程序。
 
Java天地
 提供Java、JavaScript教程,还有Java Applet。

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识
  1. DreamWeaver中如何批量删除超级链接 问题提出:在线问答网友提问,请问专家DreamWeaver 8中如何批量删除超级链接? 电脑软...
  2. 网页制作简明教程(六) 1.6网页制作小技巧及常见问题 (1)、网站的命名其实也很有学问,一个好的名字可以为...
  3. 网页制作简明教程(五) 1.5.4CGI简介 CGI(CommonGatewayInterface)即公用网关接口,它是程序和应用软件用...
  4. 网页制作简明教程(四) 1.5网页制作新的元素 Java和JavaScript都是有效的网页设计工具,使用它们,网页开发...
  5. 网页制作简明教程(三) 1.4网页制作工具FrontPage2000简介 虽然HTML语言不像编程语言那么烦人,但它里面众多...
齐乐娱乐