92 年上學期 資管科 日間部一年級 WWW 與網頁設計 期中考 出題者 : 陳鍾誠

1. 請寫出下列網頁的 HTML 語法 (10%)

2. 請寫出下列網頁的 HTML 語法 (10%)

3. 請寫出下列網頁的 HTML 語法 (10%)

4. 請利用框架 frame 寫出下列網頁的 HTML 語法，其中可利用 1, 2, 3 題的內容 (10%)

5. 請寫出一個 JSP (或 ASP) 程式 enum1.jsp，讓使用者可在網址上打入 from 和 to 參數，然後

網頁上將顯示從 from 到 to 之間的所有整數. (20%)
(註 : 利用 int i = Integer.parseInt(str); 可將字串轉換為整數.)
6. 請寫出下列 JSP (或 ASP) 程式 enum2.jsp (或 enum2.aspx)， 其中包含一個陣列 (20%)

String[] name= {"岳不群", "左冷禪", "令弧沖", "林平之", "岳靈珊", "任我行", "任盈盈" };

當使用者在下圖中的表單填入 from 與 to 兩個號碼，然後按下送出後，系統會顯示出包含 from 到

to 號之間的人物表格。 (下圖是當我們填入 from=3, to=5 時的結果)
92 年上學期 資管科 日間部一年級 WWW 與網頁設計 期中考 出題者 : 陳鍾誠
1.
(a.) 請說明何謂 HTML ? (10%)
HTML 是 Hypertext Markup Language 的簡稱，是用來設計網頁的語言.
(b.) 請說明何謂 JSP (或 ASP) ? (10%)
(包含其架構、運作原理、瀏覽器如何能看到 JSP 的輸出結果等等)
JSP 為 Java Servlet Page 的簡稱，是一種網站設計語言，這裏所說的網站，與一般網頁不同，網站是
一個具有資料庫，可以把資料轉換成 HTML 文件，然後再傳送到使用者的流覽器 (Browser) 上的伺
服端程式，其架構如下：

圖一 : JSP 網站伺服器的運作原理

在圖一中，使用者 Client 透過 Browser，經由網路連結上伺服器，執行伺服器上對應的 JSP 程式，該

JSP 程式的作用是根據 Client 所傳入的參數，動態的建構出一個 HTML 網頁，接著把網頁傳回
Client 的 Browser 上，因此、JSP 可以說是一個動態的 HTML 傳回程式，其所有程式都是為了動態的
建構出回傳給 Client 的 HTML 網頁而設計的。

2. 請寫出下列網頁的 HTML 語法 (10%)

解答: top.htm
<H1>金門技術學院</H1>
3. 請寫出下列網頁的 HTML 語法 (10%)

解答: left.htm
<a href="information.htm">資管系</a><BR/>
<a href="electronic.htm">電子系</a>

4. 請寫出下列網頁的 HTML 語法 (10%)

解答: information.htm
<table border="1" width="80%">
<tr><th>姓名</th><th>E-mail</th></tr>
<tr><td>李小明</td>
<td><a href="lee@mail.km.kuas.edu.tw">lee@mail.km.kuas.edu.tw</td>
</tr>
<tr><td>王小華</td>
<td><a href="wang@mail.km.kuas.edu.tw">wang@mail.km.kuas.edu.tw</td>
</tr>
</table>
5. 請利用框架 frame 寫出下列網頁的 HTML 語法，其中可利用 1, 2, 3 題的內容 (10%)

解答: frame.htm
<frameset rows="20%,*">
<frame src="top.htm"/>
<frameset cols="20%,*">
<frame src="left.htm"/>
<frame src="information.htm"/>
</frameset>
</frameset>
6. 請寫出一個 JSP (或 ASP) 程式 enum1.jsp，讓使用者可在網址上打入 from 和 to 參數，然後
網頁上將顯示從 from 到 to 之間的所有整數. (20%)
(註 : 利用 int i = Integer.parseInt(str); 可將字串轉換為整數.)

解答:
<%
String from = request.getParameter("from");
String to = request.getParameter("to");
int ifrom = Integer.parseInt(from);
int ito = Integer.parseInt(to);

for (int i=ifrom; i <= ito; i++)

out.println(i+"<BR/>");
%>
7. 請寫出下列 JSP (或 ASP) 程式 enum2.jsp (或 enum2.aspx)， 其中包含一個陣列 (20%)

String[] name= {"岳不群", "左冷禪", "令弧沖", "林平之", "岳靈珊", "任我行", "任盈盈" };

當使用者在下圖中的表單填入 from 與 to 兩個號碼，然後按下送出後，系統會顯示出包含 from 到

to 號之間的人物表格。 (下圖是當我們填入 from=3, to=5 時的結果)
解答:
<%
String[] name= {"岳不群", "左冷禪", "令弧沖", "林平之", "岳靈珊", "任我行", "任盈盈" };
int i;
for (i=0; i <= 6; i++)
out.println(i+":"+name[i]+" ");
%>

<BR/><BR/>

<form action="enum2.jsp" method="get">

請列出 :
<input name="from" type="text" size="6"/>
~<input name="to" type="text" size="6"/>號
<input type="submit" value="送出"/>

<BR/><HR/><BR/>
<table border="1">
<tr><th>座號</th><th>姓名</th></tr>
<%
String from = request.getParameter("from");
String to = request.getParameter("to");
int ifrom = Integer.parseInt(from);
int ito = Integer.parseInt(to);

for (i=ifrom; i <= ito; i++)

out.println("<tr><td>"+i+"</td><td>"+name[i]+"</td></tr>");
%>
</table>
</form>
92 年上學期 資管科 日間部一年級 WWW 與網頁設計 期中後小考 出題者 : 陳鍾誠
1. 請寫出一個 JSP (或 ASP) 程式 enum1.jsp，讓使用者可在網址上打入 from 和 to 參數，然後
網頁上將顯示從 from 到 to 之間的所有整數. (30%)
(註 : 利用 int i = Integer.parseInt(str); 可將字串轉換為整數.)

2. 請寫出下列 JSP (或 ASP) 程式 enum2.jsp (或 enum2.aspx)， 其中包含一個陣列 (30%)

String[] name= {"岳不群", "左冷禪", "令弧沖", "林平之", "岳靈珊", "任我行", "任盈盈" };

當使用者在下圖中的表單填入 from 與 to 兩個號碼，然後按下送出後，系統會顯示出包含 from 到

to 號之間的人物表格。 (下圖是當我們填入 from=3, to=5 時的結果)
3. 請寫出下列 JSP (或 ASP) 程式 enum3.jsp (或 enum3.aspx)， 其中包含兩個陣列 name 與
tel.
String[] name= {"某甲", "某乙", "某丙", "某丁" };
String[] tel = {"082-313530", "02-7654321", "082-313532", "02-1234567" };

當使用者在下圖中的表單選擇電話區碼，然後按下送出後，系統會顯示出該區碼的姓名與電話表格，
例如：下圖是 使用者選擇 082 後的顯示結果。(提示 : 利用 tel[i].indexOf(areaCode) == 0 可判
斷電話的區碼是否是 areaCode.) (40%)
<%
String[] name = {"某甲", "某乙", "某丙", "某丁" };
String[] tel = {"082-313530", "02-7654321", "082-313532", "02-1234567" };

%>
<form action="enum3.jsp" method="get">
區碼 :
<select name="AreaCode">
<option value=""/>
<option value="02"/>02
<option value="082"/>082
</select>
<input type="submit" value="送出"/>

<BR/><HR/><BR/>
<table border="1">
<tr><th>座號</th><th>姓名</th><th>電話</th></tr>
<%
int i;
String areaCode = request.getParameter("AreaCode");
for (i=0; i < 4; i++)
if (areaCode == null || areaCode.length()==0 || tel[i].indexOf(areaCode) == 0)
out.println("<tr><td>"+i+"</td><td>"+name[i]+"</td><td>"+tel[i]+"</td></tr>");
%>
</table>
</form>