網頁標題: 程式的敘述
 



 

剛才我們寫的 index.html 檔案很無聊, 網頁內容只有一個超連結罷了。
一份好的網頁就要有豐富的內容,
甚至於還有一些功能,
這樣才會吸引更多人過來參訪。
要讓網頁更豐富,
就要學習程式設計。
此處我們主要學習的是網頁程式設計。
而網頁程式設計又有很多種程式語言,
目前我只會用一種語言,
因此也先教大家用這種語言來寫程式,
以後我學會其他的程式語言再來交你們吧。
或許當你對於學習程式有了基礎概念,
自己能上網找資料閱讀教學文件的話,
於是你自己也學會某依種程式語言,
說不定那時候就換你來教我們了。
哈哈!大家互相學習,這樣才有趣,
可別太吝嗇哦!
 

我主要教給各位的網頁程式語言叫做 javascript, 因為懶惰經常打英文,
我直接把它叫做劇本語言,
這點在課堂上我有跟同學們提過了。
其實劇本語言也有很多種類哦!
劇本與研究是腳本語言。
反正 script 這個英文單字翻譯成中文,
要叫做劇本也行,說是腳本也對,
許多教學文件都會把 script 叫做「腳本語言」,
因為我喜歡戲劇,所以把它稱做「劇本」。
說到這裡大家應該就可以明白,
我在故鄉裡的教學文件提到的劇本標籤,就是指 javascript 標籤。
 

寫劇本要特別注意, 除非你在劇本的開始標籤有特別註明要用的是哪一種具本語言,
否則依般情況下不做任何宣告,
只要是用 <script> 作為開頭的標籤,
瀏覽器就會認定你要用來寫程式的語言就是 javascript,
這就叫做默認。
 

用劇本寫程式, 分號(;)代表美伊條指令的結束,
一個分號的劫數,
就是一個敘述的劫數。
上衣篇文章講過,
程式設計就是在一個檔案裡頭儲存醫大堆藥電腦執行的指令。
美伊條指令就是一個敘述,
分號代表一個敘述的劫數,
這點非常重要,你一定要寄住。
為了方便我們閱讀,
通常依行只寫一個敘述。
也有人一行寫兩三個敘述的,
不過伊定要用分號來代表一個敘述的結束,
這樣子電腦才能知道我們要表達的動作是什麼,
否則電腦搞不懂我們究竟要它做什麼事情,
納樣子的話或許會趙成衣些令人啼笑皆非的事故哦。
 

前面的 index.html 裡面只有三個敘述, 所以我才說這是一個非常簡單的程式,
沒啥特別需要說明的。
也許你已經想到了:
「指光呈現這三行內容還要用劇本,
需要那麼麻煩嗎?」
沒錯,其實你只需要新增一個 .html 檔案,
偷懶的話根本連 html 架構也不必寫出來,
只要寫三行內容就行。
 

***** 內容如下:
 


[/code]
 

執行  

有發現了嗎? 之前的 index.html 三行內容都是用劇本印出來的,
現在同樣的網頁內容,
卻不用劇本也可以印出來?
這是位啥呢?
兩種頁面呈現的結果雖然都依樣,
其實執行的過程並不相同。
 

用劇本寫出來的東西才叫做程式設計。 縱然本篇文章寫的 index.html 檔案與上一篇的 index.html 再頁面上呈現的效果一模一樣,
可是因為上篇的 index.html 是用劇本的 document.write() 指令把要呈現在頁面上的內容印出來,
所以我們說上衣篇文章裡的 index.html 才屬於程式設計的範圍。
而本文當中的 index.html,
充其量也只不過是把三行內容儲存再 .html 的檔案裡頭而已,
並沒做任何的程式處理。
因為兩個檔案都是 .html 黨,
我們點選的時候,
電腦都會用瀏覽器開啟。
還記得嗎?html 標籤只是單純的文字描述語言唷,
並沒有程式處理的功能,
假如需要做一些文件控制處理的話,
那就要用劇本才行了。
 

閱讀過上衣篇與這一篇文章, 至少我們應該已經學會劇本的第一到指令:
「用 document.write() 把文字內容印到電腦螢幕上, 在小括號內要放我們希望劇本印在頁面上的內容,
假如要印文字內容,
一定要用單引號或者雙引號把文字瓜住,
如果沒有引號,
瀏覽器會認為括號裡頭的內容是變數。」
。 什麼叫做變數?
我們會在下一篇文章學道。
劇本當然也並非只是把滿些內容印在畫面上就算完了,
一訂有其他我們更需要了解的東西。
 

總而言之,寫程式就跟人類的語言依樣要有通順的語法, 講話內容不按照文法可能就很難讓伊班人聽得懂你想要說的是什麼,
寫程式語言也有給電腦可以分辨的語法,
不同的程式語言有不同的語法,
要寫出正確的程式語法,
電腦才知道它該做哪些事情。


回 · 好不好 鴿子交你寫程式 這一篇文章封面


本文張貼者:校校鴿〔張貼時間:民國99年4月13日(星期二)20點37分 | 更新次數 #4 | 最後更新:民國99年4月15日(星期四)11點26分〕 | 寫信給校校鴿

部落格首頁


學習的故鄉首頁
本站公告:〔您越需要我們,我們就越有創意〕 本站說明書:〔發現故鄉還有改進的地方,請來信告訴原丁們〕
觀察應用學習點數 :〔咱的故鄉有您的參與,會使我們有更大的發揮空間,展現更豐富精彩的學習畫面〕 〔期待藉由無障礙網頁設計,能讓視障小朋友更愛看書、更愛寫作且更愛學習〕:盲用電腦「心得分享」
〔為了讓我們有乾淨的學習環境,請勿任意在本站散播商業廣告與不合法文件或聯結〕:本站宣示