认识网页的基本概念.docx

//www.tku.edu.tw">TamkangUniversity

Ch.6讓網頁內容更整理俐落

●製作「條列式」選項的標籤

⏹

….

⏹

⏹

…

⏹…-->定義出條列式選項的標題

ex:

義大利麵的種類：

蝴蝶麵

寬麵

千層麵

通心粉

長條形義大利麵

●製作表格的標籤

⏹

⏹-->表示要畫出一表格列

⏹-->表示要在表格列中畫出儲存格

●定義表格的外貌（在table標籤為之）

⏹定義表格格線的粗細

◆border=x

⏹定義表格寬度

◆width=xxx

⏹定義表格高度

◆height=xxx

⏹定義Cell與Cll之間的寬度

◆cellspacing=xxx

⏹定義內容距離Cell邊界之間隔

◆cellpadding=xxx

⏹Ex1:

Ex2:

週一

週二

週三

週四

週五

週六

第11節

管科

資處

品管

第12節

管科

資處

資管

品管

人管

第13節

管科

資管

品管

體育

人管

第14節

資管

體育

Ch.8分割視窗的技巧

●分割（framing）視窗是由一個主頁面與若干個副頁面所組成

⏹主頁面：

負責規劃空間

⏹副頁面：

負責提供內容

●設定框架（frame）的標籤：

⏹：

宣告框架（frame）開始及結束

⏹：

宣告框架（frame）結束

⏹定義框架

相關可設定之框架屬性如下

◆frameborder=no：

將框架設定為無框線

●若yes，則設定為有框線

⏹此時，可以用border=n來控制框線的寬度，n>1

◆framespacing=0：

表示框架間的距離為0

◆cols=n：

表示要將視窗作直向分隔，可為絕對數值或視窗比例

◆rows=n：

表示要將視窗作橫向分隔，可為絕對數值或視窗比例

◆name=任何英文名：

表示要替框架命名

◆scrolling=yesorno：

設定框架是否需要捲軸

◆scrolling=auto：

由browser自行判斷是否加入捲軸

⏹設定連結目標的方法

◆target=任何網頁名稱設定這個連結所指向的網頁內容要放在那個框架中

●ex:

Google

◆ex:

http:

//www.ibm.tku.edu.tw/indexup.htm

Ch.9申請免費的網頁空間

●.tw/free.htm

●

Ch.10讓網站更豐富的小東西

●自動換頁

●申請免費「訪客計數器」（counter）

●教學網站之網上參考資料有相關連結

●亦可用搜尋引擎找尋提供免費計數器之網站

●推薦中山大學所提供之計數器（簡明好用）

⏹

//counter.nsysu.edu.tw/Count.cgi?

dd=12">

⏹詳細可瀏覽http:

//counter.nsysu.edu.tw

●申請免費「留言版/討論區」

●http:

//www.don-.tw/

《表單幕後的推手》

●CGI（CommonGatewayInterface）

Ø表單在Client與Server互動過程中，負責扮演收集使用者輸入的資料的角色

⏹ex:

計算稅額、心理測驗、留言版、討論區、搜尋表單、顧客意見回覆…..

Ø而真正在背後作接收、傳遞、處理、回應工作的，就是一種叫做CGI（CommonGateInterface）的通訊協定。

Ø一般情況，如果想要在網頁中加入表單，就必須自己撰寫或使用現成的CGI程式

Ø要撰寫CGI程式大都使用C、C++、Perl……等程式語言限制一

Ø一般而言，伺服器的管理者並不見得會允許user將一些CGI程式放上去限制二

⏹因為CGI程式是在server端執行，但是一些設計不良的CGI程式，在執行時，可能會造成整個WWW伺服器主機的運作發生問題，甚至當機

ØCGI程式對不同的WebServer並不相容限制三

●ASP（ActiveServerPages）PHP（）

ØASP技術的運作和CGI類似，當user透過browser將表單資料送到伺服器，伺服器就會開始處理該ASP網頁中對應的Script程式，然後將處理結果轉成HTML格式再傳回user端的瀏覽器。

⏹ASP網頁可以在一般的文書編輯軟體中使用

⏹由於ASP程式是在Server端執行Script程式，再將結果以標準的HTML格式送到user端的browser，因此，比較不用擔心瀏覽器的相容問題。

⏹但是，ASP程式的執行仍會加重server的負擔，因此，有些伺服器的管理者可能會限制ASP程式的使用。

●FrontPageserverextension

Ø使用FrontPage來設計網頁，只要server端有安裝FrontPageserverextension，即使不會撰寫CGI或ASP程式，也能設計出功能完整的表單，以及：

⏹計數器

⏹便利的上傳功能

⏹直接編輯網站上的網頁

●JavaScript

ØNetscape為要補HTML的不足，使網頁能有動態的效果，因此開發JavaScript這種ScriptingLanguage（描述語言）

Ø其結構不像正統的程式語言那麼嚴謹，因此一般大眾，很容易上手

Ø不過它還是有限制的，例如不能作寫入檔案、開啟新檔（cookie除外）等動作

⏹所以user可以不用擔心電腦病毒會經由JavaScript進到電腦中

●Java

ØJava是製作「動態網頁」的另一項選擇

Ø使用Java可產生所謂的Applet程式

ØApplet可以加到網頁中以製作特殊效果

ØApplet也可以用來連接資料庫，提供原來HTML標籤所無法辦到的功能