《網(wǎng)頁設(shè)計(jì)》試題及答案

1、網(wǎng)頁設(shè)計(jì)試題及答案一、判斷題(正確的用T表示，錯(cuò)誤的用F表示，每題1分)(1)所有的HTML標(biāo)記符都包括開始標(biāo)記符和結(jié)束標(biāo)記符。F(2 )將網(wǎng)頁上傳到In ternet時(shí)通常采用FTP方式。T(3 ) GIF格式的圖象最多可以顯示256種顏色。T(4 ) HTML表格在默認(rèn)情況下沒有邊框。F在HTML表格中，在TR、TD或TH標(biāo)記符中使用align屬 性可以控制單元格內(nèi)容的垂直對(duì)齊。F(6 )只有在框架結(jié)構(gòu)的網(wǎng)頁中，才能將 A標(biāo)記符的target屬性 指 定為_bla nk,從而使超鏈接目標(biāo)文件在一個(gè)新的瀏覽器窗口中打 開 F(7 )在HTML表單中，文本框、口令框和復(fù)選框都是用 INPUT標(biāo)

2、記 符生成的。T(8) 一個(gè)網(wǎng)頁中只能包含一個(gè)表單。F(9 )在CSS中要設(shè)置超鏈接的樣式效果，應(yīng)指定虛類selector。T(10 ) CSS 樣式表項(xiàng)的組成為：selector(propertyl:valuel, property2:value2, F第2題選擇題(20分)每題中只有一個(gè)是正確答案，每題2分。(1)以下說法中，錯(cuò)誤的是：D 0A .獲取WWW服務(wù)時(shí)，需要使用瀏覽器作為客戶端程序B . WWW服務(wù)和電子郵件服務(wù)是In ternet提供的最常用的兩種 服務(wù)。C. 網(wǎng)站就是一系列邏輯上可以視為一個(gè)整體的頁面的集合。D .所有網(wǎng)頁的擴(kuò)展名都是.htm。(2) 以下說法中，錯(cuò)誤的是：

3、B 0A .網(wǎng)頁的本質(zhì)就是HTML源代碼。B .網(wǎng)頁就是主頁。C ?使用”記事本”編輯網(wǎng)頁時(shí)，應(yīng)將其保存為.htm或.html后 綴D. 本地網(wǎng)站通常就是一個(gè)完整的文件夾。(3) 以下說法中，正確的是：C 0A . P標(biāo)記符與BR標(biāo)記符的作用一樣。B .多個(gè)P標(biāo)記符可以產(chǎn)生多個(gè)空行。C .多個(gè)BR標(biāo)記符可以產(chǎn)生多個(gè)空行。D . P標(biāo)記符的結(jié)束標(biāo)記符通常不可以省略。以下有關(guān)列表的說法A .有序列表和無序列表可以互相嵌套。B. 指定嵌套列表時(shí)，也可以具體指定項(xiàng)目符號(hào)或編號(hào)樣式C .無序列表應(yīng)使用UL和LI標(biāo)記符進(jìn)行創(chuàng)建。D .在創(chuàng)建列表時(shí)，LI標(biāo)記符的結(jié)束標(biāo)記符不可省略。(5)以下說法中，錯(cuò)誤的是

4、：B。A . GIF格式的圖象采用無損壓縮算法進(jìn)行圖象壓縮。B .只有GIF格式才能使用透明色。C . GIF格式支持動(dòng)畫。D . GIF格式最多可以顯示256種顏色。(6 )以下說法中，正確的是：C oA.可以通過直接改文件名后綴來修改圖象格式。B .矢量圖通常比位圖的文件尺寸大。C. 使用圖象處理軟件可以修改圖象的像素大小。D . Flash是一種位圖處理軟件。以下有關(guān)表單的說明中，錯(cuò)誤的是：CA .表單通常用于搜集用戶信息。B .在FORM標(biāo)記符中使用action屬性指定表單處理程序的位 置c.表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi) 容。D .在FORM標(biāo)記符中使用met

5、hod屬性指定提交表單數(shù)據(jù)的 方 法。(8) 以下說法中，錯(cuò)誤的是：D。A .表格在頁面中的對(duì)齊應(yīng)在TABLE標(biāo)記符中使用align屬性。B .要控制表格內(nèi)容的水平對(duì)齊，應(yīng)在 TR、TD、TH中使用align 屬性。C .要控制表格內(nèi)容的垂直對(duì)齊，應(yīng)在 TR、TD、TH中使用valign 屬性。D. 表格內(nèi)容的默認(rèn)水平對(duì)齊方式為居中對(duì)齊(9) 以下關(guān)于框架顯示效果的說法中，錯(cuò)誤的是：0 oA. 只有所有相鄰框架的邊框都設(shè)置為 0 ,才能隱藏邊框。B. 可以在FRAME標(biāo)記符中使用 marginwidth 和margi nheight屬性控制框架內(nèi)容與框架邊框之間的距離C.框架的邊框默認(rèn)可以移動(dòng)

6、D.框架默認(rèn)時(shí)有滾動(dòng)條。(10 )以下有關(guān)樣式表項(xiàng)的定義中，正確的是：CA. 楷體 _gb2312, text-aligh:ce nterB. Hlfont-family 二楷體 _gb2312, text-aligh=centerC. 楷體 _gb2312; text-aligh:ce nterD. Hl(font-family= 楷體_gb2312; text-aligh=center第3題填空題(20分)每空2分。(1)上網(wǎng)瀏覽網(wǎng)頁時(shí)，應(yīng)使用 瀏覽器作為客戶端程序(2 ) TITLE標(biāo)記符應(yīng)位于 HEAD標(biāo)記符之間。(3 )要設(shè)置一條1像素粗、200像素長(zhǎng)的左對(duì)齊的水平線，應(yīng)使用 語句

7、<hr size=l width=200 align=left>。(4 )在網(wǎng)頁中插入圖像時(shí)，最基本的兩個(gè)屬性是src和alt。(5 )已知站點(diǎn)文件夾結(jié)構(gòu)如圖所示，要在interest.htm 這個(gè)網(wǎng)頁中插入 sunset.gif ,應(yīng)使用語句 vimg src =./images/sunset.gif>。(6 )表格在頁面中的對(duì)齊應(yīng)在 TABLE標(biāo)記符中使用align屬性。(7 )要控制單元格內(nèi)容與表格框線之間的空白，應(yīng)在TABLE標(biāo)記符中使用屬性cellpadding 。(8)設(shè)置超鏈接的目標(biāo)框架時(shí)，除了可以使用特殊框架名，還可以使用框架集文件中frame標(biāo)記符指定的na

8、me屬性所 對(duì)應(yīng)的框架。（9） 要在表單中添加一個(gè)默認(rèn)時(shí)為選中狀態(tài)的復(fù)選框，應(yīng)使用語句 input type=checkbox checked 。（10）創(chuàng)建圖像提交按鈕，應(yīng)將INPUT標(biāo)記符的type屬性指 定為 image。第4題問答題（20分）。（1 ）簡(jiǎn)要說明WWW工作的基本原理。答：用戶計(jì)算機(jī)上運(yùn)行的程序 一一瀏覽器（WWW瀏覽器）0 Web 服務(wù)器（WWW服務(wù)器）上運(yùn)行的程序一一WWW服務(wù)程 序。Web服務(wù)器存放并發(fā)布 Web信息（用HTML語言寫出的超文本 文檔，稱為網(wǎng)頁）。WWW是由眾多的 Web服務(wù)器構(gòu)成的，每個(gè)服務(wù)器在不斷地監(jiān)聽（監(jiān)聽TCP的端口 80 ）,當(dāng)發(fā)現(xiàn)有瀏覽器向

9、它發(fā)出連接建立請(qǐng)求 時(shí)便建立TCP連接,連接建立之后，瀏覽器就向服務(wù)器發(fā)出瀏覽 某 個(gè)頁面的請(qǐng)求，接著服務(wù)器將用戶請(qǐng)求的頁面返回給用戶。最后，TCP連接就被釋放了。瀏覽器對(duì)返回的THML文件進(jìn)行解釋并顯示出來。用戶計(jì)算機(jī)與服務(wù)器之間的交互（會(huì)話）遵循的是超文本傳輸協(xié)議（HTTP 協(xié)議）°（2 ）舉例說明在網(wǎng)頁中使用 CSS樣式表的二種方式（都使用對(duì)p 標(biāo)記符應(yīng)用 color 屬性為例），并簡(jiǎn)要分析各自的特點(diǎn)。提 示: LINK 標(biāo)記符的用法 : LINK rel="stylesheet" type="text/css" href="&

10、quot;>答： 1、在標(biāo)記符中直接嵌套樣式信息。例如 ， p<style="coloured" > 紅色顯示的段落文本 </p> ；優(yōu)點(diǎn)是可以 單獨(dú)指定特定部分的樣式， 缺點(diǎn)是不利于維護(hù)。2、 在 style 標(biāo)記符中指定樣式信息 ,例如：< style >pcolor:red</style > 優(yōu)點(diǎn)是能對(duì)單獨(dú)網(wǎng)頁進(jìn)行很好的格式控制和維護(hù)，缺點(diǎn)是不利于多 個(gè)網(wǎng)頁的維護(hù)。3、 鏈接外部樣式表中的樣式信息 , 例如，在當(dāng)前網(wǎng)頁目錄中包括 以下 mycss.css 文件：pcolor:red然后在網(wǎng)頁中用以下代碼 LINK

11、rel="stylesheet" type=”text/css" href=" mycss.css" > 0 優(yōu)點(diǎn)是利于維護(hù)多個(gè)網(wǎng)頁，缺點(diǎn)是不利于控制單獨(dú)頁面中的個(gè)別部 分。第5 題綜合題（ 30 分）每題 10 分。（1）已知網(wǎng)頁如圖所示 ,請(qǐng)將代碼補(bǔ)充完整。vtable width=300 height="300" align=center><tr><td rowspan = "2" align 二"center"><b>A</

12、b><td colspan="2"height="100" align="center"><b>B</b><tr align="center" ><td height="100"><b>E</b><td rowspa n = "2"><b>C</b><tr alig n=cen ter>v td colspan="2"

13、height="100"><b>D</b>v/td>v/tr></table>(2)已知源代碼如下所示(共5個(gè)文件，都位于同一目錄下)請(qǐng)用文字或示意圖（也可結(jié)合使用 ）說明網(wǎng)頁效果。 index.htm < HTML <HEAD><TITLE> 框架結(jié)構(gòu) < /TITLE > </HEAD><FRAMESET cols="150,*"><FRAME src="content.htm"><FRAME

14、src="main.htm" name="content"></FRAMESET></HTML> content.htm <HTML><HEAD> <TITLE> 目錄 < /TITLE >< STYLE >A（text-decoration:none</STYLE></HEAD><BODY><A href=filel.htm target="content">文件 1</A><P

15、><A href=file2.htm target="_blank">文件 2</A> </BODY></HTML>main .htm<HTML> 內(nèi)容 v/HTML> filel.htm<HTML> 內(nèi)容 1</HTML>file2.htm <HTML> 內(nèi)容 2</HTML>答案：整個(gè)窗口分為左右兩框，左邊框架為150像素;單擊左邊框架中 的 文件1"超鏈接，將在右邊框架中顯示”內(nèi)容1"；單擊左邊 框架中 的"文件2 ”超

16、鏈接，將在當(dāng)前整個(gè)窗口中顯示”內(nèi)容2 ”（即框架結(jié)構(gòu)消失）o所有的超鏈接均沒有下劃線。3、已知頁面效果如圖所示（其中的細(xì)線效果為一像素粗細(xì)，顏色為灰色），請(qǐng)?zhí)顚懸韵耯tml代碼中留下的空白。（10分）<FORM>cellpadd ing = "5"vTABLE Q)cellspaci ng ="T alig n="ce nter" bgcolor="#dddddd"> <TR><TD (2) alig n=" centercolspan 二"2"><B><TR bgcolor= "white" ><TD> 姓名:vTDxINPUT size = "20"><TR bgcolor="white"><TD> 密碼:<TD><INPUT size="20" (3)_ type二"password"value二"pwd"><TR bgcolor= "white"