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

宋雅飛

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

0 引言

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

1 JavaScript概述

1.1 JavaScript語言

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

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

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

1.2 JavaScript語言的特點

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

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

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

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

2.1 在HTML里直接加源代碼

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

2.2 用URL來連接源代碼文件

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

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

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

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

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

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

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

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

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

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

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

4.2 注重計算機英語教學(xué)

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

4.3 積極參與社會實踐

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

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

5 結(jié)語

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