Chapter 8
程式語言應用教學目標
• 1. 認識各種程式語言的特性。
• 2. 了解 HTML 的製作流程。
• 3. 了解 HTML 的基本語法。
• 4. 了解 HTML 編輯工具的使用方法。
Chapter 8
程式語言應用電腦語言的選擇
• 電腦語言的撰寫或語法，會因語言種類 的不同而各有所異。
• 再者，雖然獲得相同的結果，但因為撰
寫時的複雜度或電腦語言本身的特性因
素，而直接影響程式設計者所選擇的電
腦語言。
Chapter 8
程式語言應用網路上的 HTML 語言
• 網路上有各種結合文字、圖形、影像及聲音 等多媒體的網站，透過瀏覽器，可以瀏覽到 圖文並茂的畫面，利用滑鼠點選「超文件或 超連結」，就可以輕鬆自在地享用網際網路 上的各項資源。而這些資料的呈現，是由超 文字標記語言 (HTML) 來完成。
• 利用標記語言，讓瀏覽器知道該如何處理和 呈現原始文件的內容。
Chapter 8
程式語言應用HTML 的製作流程
• (1) 首先要規畫好文件的內容。
• (2) 再以文書處理器編輯文件，運用
HTML 的標記語言，告訴瀏覽器圖案或文 字檔放置在何處。
• (3) 並利用瀏覽器來做預覽測試效果，對 於不滿意或不妥的地方加以修正之後，即
可放到伺服器裡， HTML 製作就大功告成。
Chapter 8
程式語言應用HTML 文件編輯器
• 由於 HTML 程式內容本身屬於普通的文 字檔 ( 純粹由 ASCII 文字結合而成的 ) ， 所以編輯器有很多種選擇。
– 一般說來，只要是純文字編輯器，就可用來 編輯 HTML 文件。
– 如： DOS 環境下的 PE2 ；或是 Windows 環 境下的 Word Pad 、記事本等。
– 一些特殊固定格式的編輯器 ( 如： Word
Pad) 會浪費不少輸入的時間，而且必須將文 件內容存成 HTML 的格式 ( 即 *.html 或
*.htm) 才能使用。
Chapter 8
程式語言應用HTML 基本語法介紹與文件編寫
• HTML 文件大致可分為兩部分
– 一是「文件標記語法」，或稱為「控制碼」
– 另一部分則是「資料本身」。
• 透過各種標示語法，將資料在瀏覽器中做不 同的呈現，要特別注意的是
– 在標記語法的使用上，英文字母不論是大寫或 小寫，所代表的意義或功能都是一樣的。
– 另外在標記語法中，一般都是以成雙成對的方 式出現，而在成對的標記中，第二個標記文字 前加上「 / 」，即可代表結束。
HTML 網頁的基本整體架構
<HTML>
.<HEAD>
.<TITLE> …. </TITLE>
</HEAD>
. <BODY>
. .
</BODY
</HTML>
Chapter 8
程式語言應用HTML 網頁的基本架構
( 分成五個部分 )
• 1.<HTML></HTML> ： HTML 網頁文件的 起始與結束。
• 2.<HEAD></HEAD> ： HTML 網頁文件的 起頭符號，此為程式的開頭。
• 3.<TITLE></TITLE> ：為首頁的名稱，會 呈現在瀏覽器左上方的「標題欄」中。
• 4.<BODY></BODY> ：文件的內文主體，
包含文字、圖形檔等相關資料。
Chapter 8
程式語言應用Windows 作業環境
• Windows 是微軟 (Microsoft) 公司在 IBM PC 或 其相容機型個人電腦上所發展之視 窗式作業環境，它具有
– 多工 (Multitasking) 能力。
– 採用圖形使用者介面 (Graphic User Inter-
face) ，每個應用程式皆在自己所屬的視窗內 執行。
– 由於 Windows 提供相同的外觀及一致的操作 方式，還有多種資料交換協定 ( 如 DDE) ，無 論是初學者或專家皆能輕易地以滑鼠操作。
Chapter 8
程式語言應用Windows 環境的程式發展
• (1)Windows 有很多的優點，因此應用程式 由 DOS 提昇至 Windows 是必然的趨勢。
• (2) 在以往要發展一個 Windows 環境的程 式，最常使用的更是 SDK 、 Visual C++
或 Borland C++ 等大師級的軟體，但較難 為一般使用者所接受，在螢幕上顯示一段 訊息往往就要數百行程式，使有心在
Windows 上大展鴻圖者望而止步。
Chapter 8
程式語言應用Windows 環境的程式發展
• (3) 直到 Visual- Basic 的推出，大幅地改 善了此一現象，它同時具備編譯及解譯 器，在程式撰寫的過程中立即檢查語法
，讓程式設計者先以解譯的方法驗証結
果，提高軟體開發的效率。
Chapter 8
程式語言應用Visual Basic 的特色
• (1) 最大的特色是物件導向，它為我們提 供了許多現成的物件
– 如按鈕、表格 ... 等，
– 每個物件分別有其特殊的屬性及相關的驅動 事件，而程式便是由這些物件及事件組合而 成的。
Chapter 8
程式語言應用Visual Basic 的特色
• (2)Visual Basic 亦承襲了 BASIC 語系簡 單易學的優點，提供綜合編輯、除錯、
執行於一身的最佳整合環境，強大的輔
助說明，生動的線上教學，視覺化的設
計方式，擴充能力強 ... 等優點，是極佳
的程式語言。
Chapter 8
程式語言應用初學 Visual Basic
• 設計觀念不同於以往之 BASIC 或
Pascal 、 C 等語言般單純使用指令及程式 結構來完成程式。
• Visual Basic 早已為我們預作設計，只要 我們去加以組合即可，例如視窗內某按鍵 是否被按了一下？若被按了一下又要做那 些動作？諸如此類的問題是不必我們太過 操心的，在 Visual Basic 程式設計的過程 中，有許多的時間我們只是在做「填選」
的工作，所以使得程式設計變得更加簡單
。
