| 資訊科技與中文教學應用 | 首頁 | 前頁 | 論壇 | 搜尋 |
|
按一下 按鈕,看看 javascript 有甚麼作用。
既需要,也不需要,要分兩方面看:
一、應用上說 (Applicaton)--香港教育統籌局「香港教師資訊科技能力水平」中上程度 (UIT) 的「U5 網頁設計 II」有以下說明:
| 在編製網頁的過程中,使用先進的功能來加入多媒體效果和提高互動性能,這些功能包括框架和框頁的設定、表格、選單、按鈕、shockwave 或其他附加元件,以及現成的爪哇描述語言(java-scripts)、Active-X 控制元件等; |
要符合 UIT 的標準,香港教師須懂得在網頁中加入 JavaScript 以提高網頁的互動性能。
二、編程上說 (Programming)--可是,JavaScript 作為一種電腦編程語言,是電腦程式設計師的專業,要語文教師懂得編程,是苛求!幸好,網上有很多已編好的 JavaScript 程式供免費下載應用,教師只須以 Copy & Paste 的方式搬到自己的網頁中去,再加上一些必要的相應小改動,便能應用 JavaScript。事實上,UIT 的標準也只要求教師應用「現成的」程式,而不要求自行編寫 JavaScript 程式,好比要吃麵包,不必自行烘做,到麵包店買即可。
然而,無論如何,要懂得應用現成的 JavaScript 程式,還得對 JavaScript 有最基本的了解。
如果要把房間照亮,我們不能像上帝一樣,說「有光」便立時有光,我們會怎樣做?我們會走近燈掣,按一下,然後便燈火通明了。想一想:為何有這「互動」的效果?
要達到這效果,首先,房間必須連結到一整套複雜龐大的供電系統和設有相關的電路與電燈等配件;其次,供電系統等機件只是照明房間的潛能,要照明還是不要,還需人按下(或關掉)燈掣,以實現(或暫停)照明的潛能。
應用 JavaScript 的原理也如是。JavaScript 的核心是一套電腦程式,簡稱 Script,它負責收集網頁有關資料,加以運算,然後製造有關的效果,不同效果,需要不同的程式;然而,JavaScript 雖然具備製造效果的能力,但也要由瀏覽者決定要否實現這能力和效果,這樣才算上是「互動」,這是啟動的部份。
回看上文「JavasScript 是甚麼?」一節:按一下「提示」按鈕,便顯示訊息。這是因為,這網頁已內藏了一段用以顯示有關訊息的程式;至於啟動這程式,由一個按鈕負責,這便是啟動部份。
1. 搜尋:決定需要在網頁上加入怎樣的互動效果,然後選擇關鍵詞,到搜尋器上尋找。關鍵詞必須準確,例如想要用 javascript 控制 css 風格的變化,可以選擇「javascript+css+change style」為關鍵詞;又如想要用 javascript 製造具互動效果的菜單,可以選擇「javascript+menu」為關鍵詞。只要關鍵詞準確,準能找到很多免費的 javascript code library,當然,哪一個才是最適用(即符合目的)、最易用(即簡單)、最好用(即效果最好),還是要自行小心篩選,這是任何網上搜尋都需要做的事了。
2. 織網:編寫新網頁
3. 程式:把有關的 javascript 程式加到網頁原始檔中的 head 之內。javascript 程式一般以 <script> </script> 標記 (tag) 括起,然後全放到 <head> </head> 之內。 下面是一段 JavaScript 程式的示例:
|
<head> ...... <script> ...... </head> |
4. 啟動:把啟動 javascript 程式的起動部份加到網頁原始檔中的 body 之內,至於放在 body 之中的哪兒,則由網頁計設者自行從頁面設計上考慮。啟動部份一般有兩種形式:一、按鈕,如 ;二、連結,如 連結,兩種形式觀不同,效果則分別不大。下面是兩種啟動形式的示例:
|
<body> ...... <input type="submit" value="按鈕" onClick="popUpAlert();"/> <a href="javascript:popUpAlert();">連結</a> ...... </body> |
5. 調校:調校有關的參數。不同的程式,有不同的效果,同時,也有不同的要求。應用某一特定 javascript 程式 ,便須按照程式的規定(有關網頁多會說明清楚),設定網頁上的內容。
6. 試用:試用看看有沒有錯誤,如有出錯,則重新檢視以上各步驟以除錯,然後把網頁以及有關附帶檔案都上載到伺服器上。
顯示/ 隱藏:「隱」 (低難度)
顯示/ 隱藏:「藏」 (低難度)
加入密碼保護頁 (低至中難度)
加入互動菜單 (中至高難度)
WebForm (中至高難度)
改變 css 風格 (高難度)
W3 Schools (http://www.w3schools.com/) 應該是現有最好的網頁技術資源,有關 JavaScript 的內容載於:

http://search.yahoo.com/search?p=javascript+code
隨舉一二其他 JavaScript程式庫