專門用來做網頁設計的程式語言種類很多,
javascript(劇本)只是其中的一種,
此語言屬於「用戶端」的程式語言。
什麼叫做「用戶端」的程式語言?
回答這問題之前我們必須先搞清楚什麼叫做用戶端,
每一台電腦都可以獨立完成一些運算工作,
但是我們現在更常使用的方式是透過網路與其他電腦相連,
不管是在某些網站查詢資料、
玩線上遊戲,或者是透過 msn 跟朋友聊天,
都要透過網路來完成。
網路好比是一條繩子,
一條繩子有兩個頭,
一個頭叫做伺服器端,
另外一頭叫做用戶端。
用戶端是提出服務請求的電腦,
伺服器端則是提供服務的電腦。
當你連上一個網站瀏覽其內容,
就是開始接受它提供的服務了。
你也許會說:
「我和朋友在 msn 上聊天,
誰也不要求什麼服務,
我們兩個都不算用戶端吧?」
呵呵,不好意思,
你們兩個都是用戶端,
因為你們都連線到 msn 的主機,
透過它的服務才能互相傳遞訊息。
所以我們也可以這麼說:
「用戶端」,
就是我們用的這台電腦,
「伺服器端」,
就是我們連線到的那個網站。
所以,
不管用戶端或者伺服器端,
兩邊都是電腦。
所謂的網路連線,
說穿了,
不也就是有人很無聊到處拉一條線,
把好多好多的電腦通通都連結在一起,
然後彼此可以互相溝通,
也可以互相傳送資料。
當我們開啟瀏覽器在網址列輸入某個網址,
連線成功之後該網址伺服器便開始提供它的服務,
也就是說當這台伺服器收到我們的服務請求時,
就會從伺服器端把我們所需的資料丟到我們的電腦,
然後把網頁內容呈現在瑩幕或其他輸出設備上。
而網頁要如何呈現,
這就是網頁設計的工作了,
我們要學習的也就是這些。
好比說你走進一家美容院,
從店面的裝潢、播放的音樂開始,
就都是公司為你提供的服務,
然後你選擇是要理髮、燙髮還是修指甲,
服務人員便會依照公司設計好的流程為你進行整修門面的工作,
其中的每一個細節,
都會影響你對這家公司的評價,
所以一個好的經營者會周詳考慮顧客的需要,
設計出讓顧客最滿意的產品。
當然在你走進一家店面之前,
要知道它大概是做哪一類的生意,
如果你走進美容院買腳踏車,
多半是要失望的。
同樣的道理,
在你連上一個網頁之前,
也要先知道這網頁提供的大概是哪一類的服務,
否則經常白費功夫,
不能滿足你特定的需求。
讓我們再舉個實例說明:
當你開啟瀏覽器,
載網址列輸入「小程故事」的網址,
然後按下回車鍵,
小程所在的伺服器就透過網路收到你的電腦傳來的服務請求,
於是它就會把一些資料信息送到你的電腦,
讓你的瀏覽器把小程所提供的服務內容呈現在你的螢幕上,
這些內容可能包括各種文字資料、
影音檔案或者各種互動式表單等等,
看你需要的是什麼,
當然更要看小程有沒有能力提供你所想要的服務囉!
伺服器既然也是一台電腦,
它的硬碟裡自然儲存著各式各樣的檔案資料或者軟體,
這些可能包括各種文字文件或者影音檔案,
也許還有各類線上遊戲、商品買賣軟體等等,
這些東西要怎麼透過網際網路傳送到用戶端,
或者說,
用戶端要怎樣取得伺服器提供的這些服務呢?
那就要看網頁設計者怎樣設計程式了。
前面說到劇本屬於用戶端程式語言,
當你透過網際網路訪問某台伺服器的時候,
該伺服器的網頁程式設計者,
就可以透過程序要求你的電腦,
要以什麼樣的方式在瀏覽器上呈現伺服器給你的資訊,
這是劇本語言最大的作用。
例如當你造訪某個網站,
也就是該伺服器收到你的電腦提出要求服務的訊息時,
該伺服器可能想傳達一些消息給你,
於是它就可能會在那個網頁利用劇本的程序下達一個 alert 指令,
當 alert 這個指令送到你的瀏覽器後,
便可以要你的瀏覽器彈出一個小視窗,
把它想要告訴你的信息呈現在這個小視窗裡。
相對於用戶端語言,
還有伺服器端語言,
這個我們以後再提。
劇本會在你的電腦產生什麼樣的作用,
要看網頁伺服器的程式設計者是怎樣撰寫程序的。
因此有很多人也這樣子說,
「我可以用我的電腦來控制你的電腦喔!」
我們可以這樣解讀:
「這台伺服器的劇本語言,
只要你在訪問它的時候就會對你的瀏覽器下達某些指令,
要你的電腦執行某些動作,
使你的電腦乖乖地產生各種效果。」
「哈哈!那我知道了,
難怪有人說打開他的文章會害我的電腦當機,
因為在他的文章裡有一條要我的電腦發生故障的指令對嗎?」
嘿嘿嘿!你說呢?
總而言之,
學習劇本主要的用意,
就是希望網頁使用者可以依照我們的期望,
在他的電腦產生某些效果。