網頁標題:

我們現在開始來適著撰寫第一支程式。

 



所謂的程式設計,
可以簡單來說,
其實只是把一堆要電腦執行的每一道指令儲存在一個檔案裡頭,
用戶只需輸入或點選這個檔案名稱,
電腦就會從檔案的開頭,
根據每一個只另依順序執行,
直到檔案結束為止。
 

例如有一個檔案, 名稱叫做 index.html,
裡面只有四個指令,
當用戶開啟這個檔案後,
電腦惠根據檔案內容順序,
從第一個指令開始執行,
直到最後一個指令執行完畢(檔案結束了),
整個程式流程也就算是跑完了。
 

***** 以下是 index.html 的檔案內容:  


[/code]
 

執行  

以上我們只讓電腦做四件事情:
1. alert():迸出信息視窗;
2. document.write():列印網頁標題;
3. document.write():列印一航內容;
4. document.write():列印一個超連結。
 

這只是依之非常簡單的程式檔案, 解說如下:
 

一,程式執行方式:
由於這是一個 .html 的檔案,
當用戶點選這個檔案,
電腦會先啟動瀏覽器,
然後用瀏覽器把這個檔案打開。
 

二,語法宣告:
第一行和第六行宣告「要用劇本執行這四個指令」。
還記得劇本標籤的宣告方式嗎?
凡是要用劇本寫程式,
所有的程式碼都要放在 <script> 和 </script> 這兩個標籤之間喔!
 

三,程式內容:
<script> 和 </script> 之間的敘述,
才是真正要用具本進行的工作,
也就是第二、三、四和五這四行。
這四行敘述,前面我們曾經說過,
這裡就不再綴數了,
其中 alert() 視蹦出一個信息視窗的指令,
document.write() 是列印指令。
尤其要注意小括號裡面,
假如要呈現的事字串內容,
字串需要用引號圍住,
如果沒用引號,
電腦會認為你要呈現的東西視一個變數,
納如果要呈現的事變數的話,
城市的開始就要先把變數內容定義好。
關於邊數的定義與使用,
請蓉後再續。
以上的城市只是一個很普通的網頁檔案,
而且寫這個網頁的人很懶惰,
基本的 html 架構都沒有寫,
兒頁面上主要的內容也只是一個超連結,
真是太無聊了吧?
 

網頁內容多變萬畫, 只做這四件事情當然會讓人覺得無聊阿!
以下我們會漸漸的進入到最精采的部份,
就好像我們小時候去兒童樂園玩雲霄飛車依樣,
剛開始慢慢的往上爬,
然後越來越驚險刺激,
直到抵達終點下了車子,
那可真是叫人回味無窮。
學習就是要這樣才好玩。
 

最後提醒各位, 你可以自己修改以上的程式碼的內容,
然後看看執行結果,
記得要先把行號刪除,
執行才有效哦!
如果沒有刪除行號,
電腦會把行號也當成是你們要執行的指令,
而事實上劇本當中並沒有這些指令的,
所以假如你們沒有把行號刪除就去執行的話一定會出錯的唷!
好奇的話不妨就大膽的是看看吧!
所以,要成功執行上面的城市,
記得先把行號拿掉在執行。
執行之後你會發現,
這個頁面應該可以修改一下會更好一點。
妳可以自己再增加一些你想要增加的內容,
然後去看依下執行的效果如何?
多一點探索與實驗的精神,
才識學習的好態度唷!


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


本文張貼者:crazy@mail.batol.net〔張貼時間:校校鴿〕 | 寫信給crazy@mail.batol.net

部落格首頁


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