JavaScript特效在企業(yè)網(wǎng)站設(shè)計(jì)中的應(yīng)用

宋雅飛

(阜新市第二中等職業(yè)技術(shù)專(zhuān)業(yè)學(xué)校,遼寧 阜新 123003)

0 引言

網(wǎng)絡(luò)信息時(shí)代的來(lái)臨,使得網(wǎng)站的建立幾乎滲透到各行各業(yè)。企業(yè)網(wǎng)站的設(shè)計(jì)是網(wǎng)站建設(shè)中非常重要的一部分,是新興的行業(yè)。行業(yè)的發(fā)展離不開(kāi)實(shí)踐與探索,只有通過(guò)學(xué)習(xí)與探索,才能尋找到有效途徑。

1 JavaScript概述

1.1 JavaScript語(yǔ)言

JavaScript是近年來(lái)非常流行的一種腳本語(yǔ)言,主要運(yùn)用于動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì),呈現(xiàn)出突出點(diǎn)綴的效果。例如平時(shí)上網(wǎng)瀏覽網(wǎng)頁(yè)的時(shí)候,就會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)中有圖片或者文字在不停地閃爍,使得企業(yè)的網(wǎng)站更加生動(dòng)活潑,這些動(dòng)畫(huà)就是通過(guò)JavaScript制作的,會(huì)讓瀏覽者第一眼就被吸引,起到畫(huà)龍點(diǎn)睛的效果[1]。

JavaScript是一種帶有解釋性的語(yǔ)言,不可以訪(fǎng)問(wèn)硬盤(pán),不能修改相應(yīng)的文件,只具有瀏覽的功能,而且JavaScript在HTML里被執(zhí)行。JavaScript較為突出有效的功能就是它可以用很少的程序做出各種不同的呈現(xiàn),展示出更多的成果,大大地節(jié)省了網(wǎng)頁(yè)的儲(chǔ)存資源,制作出非常精美的動(dòng)態(tài)效果。

LiveScript是JavaScript的前身,JavaScript語(yǔ)言是在LiveScript后逐漸發(fā)展起來(lái)的,是Netscape公司引入Java的相關(guān)設(shè)計(jì)理念,在LiveScript的基礎(chǔ)上進(jìn)行改進(jìn)的,可以與Java語(yǔ)言結(jié)合在一起。在使用JavaScript前,傳統(tǒng)的數(shù)據(jù)制作方法要經(jīng)過(guò)瀏覽器,然后利用有關(guān)的網(wǎng)絡(luò)傳送到服務(wù)器上,因此如果數(shù)據(jù)體系很龐大的話(huà),對(duì)于網(wǎng)絡(luò)和服務(wù)器而言,就是一種資源浪費(fèi)。因此JavaScript的出現(xiàn)是具有現(xiàn)實(shí)意義的,它可以直接在客戶(hù)端進(jìn)行驗(yàn)證,大大地提高了便捷程度。

1.2 JavaScript語(yǔ)言的特點(diǎn)

JavaScript語(yǔ)言功能眾多,特效千變?nèi)f化,可以讓網(wǎng)頁(yè)呈現(xiàn)出豐富多變的效果。在一定程度上,JavaScript語(yǔ)言可以替代CGI程序,成為現(xiàn)在較為火熱的網(wǎng)頁(yè)編寫(xiě)語(yǔ)言[2]。

JavaScript是一種腳本語(yǔ)言,解釋功能強(qiáng)大,采用小程序的方式實(shí)現(xiàn)編程,與HTML代碼相結(jié)合從而實(shí)現(xiàn)過(guò)程。基于對(duì)象的語(yǔ)言JavaSeript的很多功能是可以通過(guò)設(shè)計(jì)來(lái)實(shí)現(xiàn)的,在JavaSeript制作過(guò)程中,可以使用預(yù)定義對(duì)象,還可以使用自定義對(duì)象。JavaScript語(yǔ)言具有安全性的特征,在 HTM網(wǎng)頁(yè)中,JavaScript是無(wú)法訪(fǎng)問(wèn)硬盤(pán)的,也不能隨意修改文檔,只具有瀏覽信息的功能。此外,JavaScript語(yǔ)言還具有跨平臺(tái)性,在HTML網(wǎng)頁(yè)中,JavaScript的運(yùn)用依托于瀏覽器,與操作的環(huán)境毫無(wú)關(guān)系。所以只需要在電腦上安裝JavaSeript可用的瀏覽器,JavaSeript語(yǔ)言就可以正常運(yùn)行。

JavaSeript最大的亮點(diǎn)是用一個(gè)很小的程序產(chǎn)生巨大的能量,不需要購(gòu)置多么高端的電腦或者服務(wù)器,只需要安裝一個(gè)帶有JavaSeript功能的瀏覽器,就可以用其制作出精美絕倫的動(dòng)態(tài)視覺(jué)效果[3]。這是JavaSeript語(yǔ)言別具一格的地方,更能展現(xiàn)腳本語(yǔ)言魅力十足的特點(diǎn)。

2 在企業(yè)網(wǎng)站制作JavaScript的方法

2.1 在HTML里直接加源代碼

在進(jìn)行企業(yè)網(wǎng)站設(shè)計(jì)的時(shí)候,設(shè)計(jì)者可以在HTML里直接加上JavaScript源代碼,意思就是可以在head和body這兩個(gè)里面加入代碼,但是為了便于維護(hù),建議將JavaScript代碼加在head里面。腳本的主要作用就是使網(wǎng)站的網(wǎng)頁(yè)突出,達(dá)到企業(yè)展現(xiàn)出各種宣傳或者突出的效果[4]。從網(wǎng)絡(luò)安全性的角度考慮,一般會(huì)將腳本設(shè)置于一些較為特殊的地方。例如一般情況下,在HTML里加入代碼,容易使得代碼被盜取,如果想要這些代碼更加安全與保密,就需要在HTML中隱藏代碼,起到保護(hù)的作用。

2.2 用URL來(lái)連接源代碼文件

在實(shí)際操作中,假如需要應(yīng)用同一個(gè)腳本,使其可以在眾多網(wǎng)站中都可以使用,可以不在每個(gè)地方維護(hù)同一個(gè)代碼,將此腳本放在一個(gè)文件里面,需要這個(gè)腳本可以隨時(shí)打開(kāi)文件夾。

3 JavaScript特效在企業(yè)網(wǎng)頁(yè)制作中的應(yīng)用

JavaScript語(yǔ)言具有特殊的魅力,可以利用JavaScrip程序語(yǔ)言制作精彩絕倫的網(wǎng)頁(yè),下面舉例說(shuō)明[5]。

3.1 企業(yè)網(wǎng)站特效方面

無(wú)論在工作中還是生活中,用戶(hù)在上網(wǎng)的時(shí)候經(jīng)?？梢钥吹?企業(yè)網(wǎng)站上有很多阻止廣告的鏈接。這類(lèi)現(xiàn)象是普遍的,企業(yè)網(wǎng)站往往花費(fèi)很多空間來(lái)阻止廣告鏈接的彈出,這非常影響用戶(hù)的使用效率,因此可以采取JavaScript動(dòng)態(tài)特效來(lái)解決此類(lèi)問(wèn)題,采用動(dòng)態(tài)的圖片來(lái)進(jìn)行更換,可以大大地減少網(wǎng)站的占用空間。當(dāng)然,要想展示極佳的動(dòng)態(tài)效果,就需要在網(wǎng)頁(yè)里運(yùn)用JavaScript程序來(lái)設(shè)計(jì)。此外,如果還有其他的需求,可以增加相關(guān)的圖片,改進(jìn)網(wǎng)頁(yè)分布的版面內(nèi)容與語(yǔ)句,達(dá)到精美的展示效果。

3.2 頁(yè)面擴(kuò)展相關(guān)的功能

JavaScript語(yǔ)言具有自動(dòng)檢驗(yàn)的功能。例如,在企業(yè)網(wǎng)站里申請(qǐng)會(huì)員,填寫(xiě)會(huì)員表單的時(shí)候,JavaScript程序可以在將數(shù)據(jù)發(fā)送給服務(wù)器前,進(jìn)行數(shù)據(jù)驗(yàn)證,驗(yàn)證申請(qǐng)表的郵件地址是否符合要求,表單填寫(xiě)的是否完整。驗(yàn)證以避免無(wú)效信息的輸入,直接獲得有效的信息完成注冊(cè)。這就是JavaScript程序的檢驗(yàn)功能。

JavaScript語(yǔ)言還可以分類(lèi)企業(yè)網(wǎng)站的欄目。在企業(yè)網(wǎng)站上能看到選擇的列表,JavaScript語(yǔ)言可以進(jìn)行有效的導(dǎo)航,節(jié)約用戶(hù)的瀏覽時(shí)間,為用戶(hù)提供了極大的便捷。這就需要在企業(yè)網(wǎng)站的設(shè)計(jì)時(shí),可以利用JavaScript程序的功能進(jìn)行調(diào)節(jié),實(shí)現(xiàn)頁(yè)面擴(kuò)展的功能,將JavaScript語(yǔ)言的有效性發(fā)揮出來(lái)。

4 中職院校使用JavaScript腳本制作網(wǎng)頁(yè)特效的教學(xué)研究

4.1 注重培養(yǎng)學(xué)生的動(dòng)手能力

網(wǎng)頁(yè)特效制作是一門(mén)實(shí)戰(zhàn)能力極強(qiáng)的學(xué)科,學(xué)生是否學(xué)好該學(xué)科,關(guān)鍵要看他是否能制作出網(wǎng)頁(yè)特效來(lái)。在計(jì)算機(jī)日常教學(xué)中,老師要注重培養(yǎng)學(xué)生的實(shí)際操作能力。為了提高學(xué)生的學(xué)習(xí)興趣,老師可以利用多媒體將抽象化的東西具體化,讓學(xué)生看到網(wǎng)頁(yè)的實(shí)際操作,避免“紙上談兵”,讓學(xué)生切實(shí)感受到程序的魅力。例如課堂上老師可以讓學(xué)生自己操作,設(shè)計(jì)網(wǎng)頁(yè)的JavaScript腳本,并將這些腳本作為課堂作業(yè)進(jìn)行打分,作為期末評(píng)定的依據(jù)。學(xué)生在JavaScript語(yǔ)言的學(xué)習(xí)中,要自己動(dòng)手編寫(xiě)代碼,看看不同代碼實(shí)際制成的效果;在進(jìn)行表單學(xué)習(xí)的時(shí)候,教師讓學(xué)生獨(dú)立添加表單,設(shè)計(jì)用戶(hù)的網(wǎng)頁(yè)界面,并且編寫(xiě)代碼實(shí)現(xiàn)表單的驗(yàn)證。學(xué)生自己設(shè)計(jì)的網(wǎng)頁(yè)成功了就會(huì)非常有成就感,可以向全體學(xué)生展示,并作為課堂學(xué)分,旨在提高學(xué)生的動(dòng)手能力與學(xué)習(xí)興趣。

4.2 注重計(jì)算機(jī)英語(yǔ)教學(xué)

Javascript腳本的編寫(xiě)需要代碼程序,必然會(huì)用到計(jì)算機(jī)的專(zhuān)業(yè)術(shù)語(yǔ)。對(duì)于中職院校的學(xué)生來(lái)說(shuō),很多學(xué)生英語(yǔ)基礎(chǔ)較差,因此在Javascript語(yǔ)言的教學(xué)中,老師要注重計(jì)算機(jī)英語(yǔ)教學(xué),幫助學(xué)生消除對(duì)英語(yǔ)單詞的恐懼心理。在日常的計(jì)算機(jī)教學(xué)中,可以將本節(jié)課的單詞進(jìn)行總結(jié)匯總,讓學(xué)生將重點(diǎn)記錄下來(lái),課后進(jìn)行復(fù)習(xí)強(qiáng)化記憶,第二節(jié)課老師向?qū)W生提問(wèn)上節(jié)課的英語(yǔ)單詞,幫助學(xué)生鞏固學(xué)習(xí),加強(qiáng)記憶。

4.3 積極參與社會(huì)實(shí)踐

學(xué)生在中職院校的學(xué)習(xí)過(guò)程中,學(xué)?？梢蚤_(kāi)展與企業(yè)聯(lián)合,為學(xué)生提供更多的實(shí)踐機(jī)會(huì)。社會(huì)實(shí)踐可以讓每個(gè)人都發(fā)揮想象制作不同的特效,拓展了學(xué)生的思維,既可以讓理論知識(shí)得到運(yùn)用,還可以提高學(xué)生的興趣。例如學(xué)校與知名企業(yè)進(jìn)行項(xiàng)目合作,將一些項(xiàng)目交給學(xué)校,讓學(xué)生獨(dú)立完成,發(fā)揮想象空間,選出優(yōu)秀的作業(yè)回饋給企業(yè)。

課本知識(shí)的學(xué)習(xí)固然重要,但是社會(huì)實(shí)踐是打通學(xué)生走上社會(huì)的道路,提前與企業(yè)合作,能夠幫助學(xué)生畢業(yè)后更好地融入企業(yè),走上工作崗位。

5 結(jié)語(yǔ)

隨著社會(huì)經(jīng)濟(jì)的不斷發(fā)展與進(jìn)步,教師日常工作已經(jīng)離不開(kāi)互聯(lián)網(wǎng)。互聯(lián)網(wǎng)的普及使得JavaScrip語(yǔ)言在企業(yè)網(wǎng)站設(shè)計(jì)上的應(yīng)用越來(lái)越頻繁,因此只有強(qiáng)化教學(xué),才能提高網(wǎng)頁(yè)設(shè)計(jì)的水平。在網(wǎng)頁(yè)設(shè)計(jì)行業(yè)中,要在實(shí)踐中不斷探討JavaScript語(yǔ)言的應(yīng)用,加強(qiáng)學(xué)習(xí),旨在設(shè)計(jì)出更加生動(dòng)形象的網(wǎng)頁(yè),提高用戶(hù)的工作效率。