宋雅飛

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

0 引言

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

1 JavaScript概述

1.1 JavaScript語言

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

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

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

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

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

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

JavaSeript最大的亮點(diǎn)是用一個(gè)很小的程序產(chǎn)生巨大的能量,不需要購置多么高端的電腦或者服務(wù)器,只需要安裝一個(gè)帶有JavaSeript功能的瀏覽器,就可以用其制作出精美絕倫的動(dòng)態(tài)視覺效果[3]。這是JavaSeript語言別具一格的地方,更能展現(xiàn)腳本語言魅力十足的特點(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)頁突出,達(dá)到企業(yè)展現(xiàn)出各種宣傳或者突出的效果[4]。從網(wǎng)絡(luò)安全性的角度考慮,一般會(huì)將腳本設(shè)置于一些較為特殊的地方。例如一般情況下,在HTML里加入代碼,容易使得代碼被盜取,如果想要這些代碼更加安全與保密,就需要在HTML中隱藏代碼,起到保護(hù)的作用。

2.2 用URL來連接源代碼文件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

學(xué)生在中職院校的學(xué)習(xí)過程中,學(xué)?？梢蚤_展與企業(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é)語

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