JavaScript特效在企业网站设计中的应用

宋雅飞

(阜新市第二中等职业技术专业学校,辽宁 阜新 123003)

0 引言

网络信息时代的来临,使得网站的建立几乎渗透到各行各业。企业网站的设计是网站建设中非常重要的一部分,是新兴的行业。行业的发展离不开实践与探索,只有通过学习与探索,才能寻找到有效途径。

1 JavaScript概述

1.1 JavaScript语言

JavaScript是近年来非常流行的一种脚本语言,主要运用于动态网页设计,呈现出突出点缀的效果。例如平时上网浏览网页的时候,就会发现网页中有图片或者文字在不停地闪烁,使得企业的网站更加生动活泼,这些动画就是通过JavaScript制作的,会让浏览者第一眼就被吸引,起到画龙点睛的效果[1]。

JavaScript是一种带有解释性的语言,不可以访问硬盘,不能修改相应的文件,只具有浏览的功能,而且JavaScript在HTML里被执行。JavaScript较为突出有效的功能就是它可以用很少的程序做出各种不同的呈现,展示出更多的成果,大大地节省了网页的储存资源,制作出非常精美的动态效果。

LiveScript是JavaScript的前身,JavaScript语言是在LiveScript后逐渐发展起来的,是Netscape公司引入Java的相关设计理念,在LiveScript的基础上进行改进的,可以与Java语言结合在一起。在使用JavaScript前,传统的数据制作方法要经过浏览器,然后利用有关的网络传送到服务器上,因此如果数据体系很庞大的话,对于网络和服务器而言,就是一种资源浪费。因此JavaScript的出现是具有现实意义的,它可以直接在客户端进行验证,大大地提高了便捷程度。

1.2 JavaScript语言的特点

JavaScript语言功能众多,特效千变万化,可以让网页呈现出丰富多变的效果。在一定程度上,JavaScript语言可以替代CGI程序,成为现在较为火热的网页编写语言[2]。

JavaScript是一种脚本语言,解释功能强大,采用小程序的方式实现编程,与HTML代码相结合从而实现过程。基于对象的语言JavaSeript的很多功能是可以通过设计来实现的,在JavaSeript制作过程中,可以使用预定义对象,还可以使用自定义对象。JavaScript语言具有安全性的特征,在 HTM网页中,JavaScript是无法访问硬盘的,也不能随意修改文档,只具有浏览信息的功能。此外,JavaScript语言还具有跨平台性,在HTML网页中,JavaScript的运用依托于浏览器,与操作的环境毫无关系。所以只需要在电脑上安装JavaSeript可用的浏览器,JavaSeript语言就可以正常运行。

JavaSeript最大的亮点是用一个很小的程序产生巨大的能量,不需要购置多么高端的电脑或者服务器,只需要安装一个带有JavaSeript功能的浏览器,就可以用其制作出精美绝伦的动态视觉效果[3]。这是JavaSeript语言别具一格的地方,更能展现脚本语言魅力十足的特点。

2 在企业网站制作JavaScript的方法

2.1 在HTML里直接加源代码

在进行企业网站设计的时候,设计者可以在HTML里直接加上JavaScript源代码,意思就是可以在head和body这两个里面加入代码,但是为了便于维护,建议将JavaScript代码加在head里面。脚本的主要作用就是使网站的网页突出,达到企业展现出各种宣传或者突出的效果[4]。从网络安全性的角度考虑,一般会将脚本设置于一些较为特殊的地方。例如一般情况下,在HTML里加入代码,容易使得代码被盗取,如果想要这些代码更加安全与保密,就需要在HTML中隐藏代码,起到保护的作用。

2.2 用URL来连接源代码文件

在实际操作中,假如需要应用同一个脚本,使其可以在众多网站中都可以使用,可以不在每个地方维护同一个代码,将此脚本放在一个文件里面,需要这个脚本可以随时打开文件夹。

3 JavaScript特效在企业网页制作中的应用

JavaScript语言具有特殊的魅力,可以利用JavaScrip程序语言制作精彩绝伦的网页,下面举例说明[5]。

3.1 企业网站特效方面

无论在工作中还是生活中,用户在上网的时候经常可以看到,企业网站上有很多阻止广告的链接。这类现象是普遍的,企业网站往往花费很多空间来阻止广告链接的弹出,这非常影响用户的使用效率,因此可以采取JavaScript动态特效来解决此类问题,采用动态的图片来进行更换,可以大大地减少网站的占用空间。当然,要想展示极佳的动态效果,就需要在网页里运用JavaScript程序来设计。此外,如果还有其他的需求,可以增加相关的图片,改进网页分布的版面内容与语句,达到精美的展示效果。

3.2 页面扩展相关的功能

JavaScript语言具有自动检验的功能。例如,在企业网站里申请会员,填写会员表单的时候,JavaScript程序可以在将数据发送给服务器前,进行数据验证,验证申请表的邮件地址是否符合要求,表单填写的是否完整。验证以避免无效信息的输入,直接获得有效的信息完成注册。这就是JavaScript程序的检验功能。

JavaScript语言还可以分类企业网站的栏目。在企业网站上能看到选择的列表,JavaScript语言可以进行有效的导航,节约用户的浏览时间,为用户提供了极大的便捷。这就需要在企业网站的设计时,可以利用JavaScript程序的功能进行调节,实现页面扩展的功能,将JavaScript语言的有效性发挥出来。

4 中职院校使用JavaScript脚本制作网页特效的教学研究

4.1 注重培养学生的动手能力

网页特效制作是一门实战能力极强的学科,学生是否学好该学科,关键要看他是否能制作出网页特效来。在计算机日常教学中,老师要注重培养学生的实际操作能力。为了提高学生的学习兴趣,老师可以利用多媒体将抽象化的东西具体化,让学生看到网页的实际操作,避免“纸上谈兵”,让学生切实感受到程序的魅力。例如课堂上老师可以让学生自己操作,设计网页的JavaScript脚本,并将这些脚本作为课堂作业进行打分,作为期末评定的依据。学生在JavaScript语言的学习中,要自己动手编写代码,看看不同代码实际制成的效果;在进行表单学习的时候,教师让学生独立添加表单,设计用户的网页界面,并且编写代码实现表单的验证。学生自己设计的网页成功了就会非常有成就感,可以向全体学生展示,并作为课堂学分,旨在提高学生的动手能力与学习兴趣。

4.2 注重计算机英语教学

Javascript脚本的编写需要代码程序,必然会用到计算机的专业术语。对于中职院校的学生来说,很多学生英语基础较差,因此在Javascript语言的教学中,老师要注重计算机英语教学,帮助学生消除对英语单词的恐惧心理。在日常的计算机教学中,可以将本节课的单词进行总结汇总,让学生将重点记录下来,课后进行复习强化记忆,第二节课老师向学生提问上节课的英语单词,帮助学生巩固学习,加强记忆。

4.3 积极参与社会实践

学生在中职院校的学习过程中,学校可以开展与企业联合,为学生提供更多的实践机会。社会实践可以让每个人都发挥想象制作不同的特效,拓展了学生的思维,既可以让理论知识得到运用,还可以提高学生的兴趣。例如学校与知名企业进行项目合作,将一些项目交给学校,让学生独立完成,发挥想象空间,选出优秀的作业回馈给企业。

课本知识的学习固然重要,但是社会实践是打通学生走上社会的道路,提前与企业合作,能够帮助学生毕业后更好地融入企业,走上工作岗位。

5 结语

随着社会经济的不断发展与进步,教师日常工作已经离不开互联网。互联网的普及使得JavaScrip语言在企业网站设计上的应用越来越频繁,因此只有强化教学,才能提高网页设计的水平。在网页设计行业中,要在实践中不断探讨JavaScript语言的应用,加强学习,旨在设计出更加生动形象的网页,提高用户的工作效率。