網(wǎng)頁(yè)設(shè)計(jì)試題(卷）與答案解析

1、 PAGE19 / NUMPAGES19 網(wǎng)頁(yè)設(shè)計(jì)復(fù)習(xí)題第1題 判斷正誤（1）HTML標(biāo)記符的屬性一般不區(qū)分大小寫。（對(duì)）（2）就是一個(gè)的頁(yè)面集合。（對(duì)）（3）將網(wǎng)頁(yè)上傳到Internet時(shí)通常采用FTP方式。（對(duì)）（4）所有的HTML標(biāo)記符都包括開始標(biāo)記符和結(jié)束標(biāo)記符。（錯(cuò)）（5）用H1標(biāo)記符修飾的文字通常比用H6標(biāo)記符修飾的要小（錯(cuò)）。（6）B標(biāo)記符表示用粗體顯示所包括的文字。（對(duì)）（7）GIF格式的圖象最多可以顯示256種顏色。（對(duì)）（8）HTML表格在默認(rèn)情況下有邊框。（錯(cuò)）（9）創(chuàng)建圖象映射時(shí)，理論上可以指定任何形狀作為熱點(diǎn)。（對(duì)）（10）指定滾動(dòng)字幕時(shí)，不允許其中嵌入圖象。（錯(cuò)）1

2、.使用 FONT 標(biāo)記符的size 屬性可以指定字體的大小。 ( )2.就是一個(gè)的頁(yè)面集合。 ( )3.GIF格式的圖象最多可以顯示1024種顏色。 ( )4.制作圖像映射只需要使用 標(biāo)記符。 ( )5.在HTML表格中，表格的列數(shù)等于第一行中TH與TD的colspan屬性的和。 ( )6.在HTML表格中，在TR、TD或TH標(biāo)記符中使用 align 屬性可以控制單元格內(nèi)容的垂直對(duì)齊。 ( )7.指定滾動(dòng)字幕時(shí)，不允許其中嵌入圖象。 ( )8.框架是一種能在同一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)的技術(shù)。 ( )9.CSS中的color屬性用于設(shè)置HTML元素的背景顏色。 ( )10.CSS樣式表項(xiàng)的組

3、成格式為：selectorproperty1:value1, property2:value2, ( )1. T 2. T 3. F 4. F 5. F6. T 7. F 8. T 9. F 10. F11.只有在框架結(jié)構(gòu)的網(wǎng)頁(yè)，才能將A標(biāo)記符的target屬性指定為_blank使得超在一個(gè)新的瀏覽器窗口中打開. 錯(cuò)判斷正誤(1). HTML標(biāo)記符通常不區(qū)分大小寫(2). 就是一個(gè)的頁(yè)面集合(3). HTML表格在默認(rèn)情況下有邊框(4). 在HTML表格中,表格的行數(shù)等于TR標(biāo)記符的個(gè)數(shù)(5). 在HTML中,與表格一樣，表單也能嵌套答案： (1) T (2) T (3) F (4) T (5

4、) F （1）所有的HTML標(biāo)記符都包括開始標(biāo)記符和結(jié)束標(biāo)記符。（2）將網(wǎng)頁(yè)上傳到Internet時(shí)通常采用FTP方式。（3）GIF格式的圖象最多可以顯示256種顏色。（4）HTML表格在默認(rèn)情況下沒有邊框。（5）在HTML表格中，在TR、TD或TH標(biāo)記符中使用 align 屬性可以控制單元格內(nèi)容的垂直對(duì)齊。（6）只有在框架結(jié)構(gòu)的網(wǎng)頁(yè)中，才能將A標(biāo)記符的target屬性指定為_blank，從而使超目標(biāo)文件在一個(gè)新的瀏覽器窗口中打開。（7）在HTML表單中，文本框、口令框和復(fù)選框都是用INPUT標(biāo)記符生成的。（8）一個(gè)網(wǎng)頁(yè)中只能包含一個(gè)表單。（9）在CSS中要設(shè)置超的樣式效果，應(yīng)指定虛類sele

5、ctor。（10）CSS樣式表項(xiàng)的組成為：selectorproperty1:value1, property2:value2, 1.F2.T3.T4.F5.F6.F7.T8.F9.T10.F（5）在HTML表格中，表格的列數(shù)等于任意一行中TH與TD的個(gè)數(shù)。F（6）HTML表格內(nèi)容的垂直對(duì)齊方式默認(rèn)為垂直居中。T（7）框架是一種能在同一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)的技術(shù)。（8）一個(gè)網(wǎng)頁(yè)中只能包含一個(gè)表單。（9）Java小應(yīng)用程序既可以用APPLET標(biāo)記符插入，也可以用OBJECT標(biāo)記符插入。（10）在CSS中，可以用3種以上的方式來(lái)表示顏色（6） T （7） T （8） F （9） T （10）

6、 F （11） T第2題 單選題（20分）（3）以下說法中，正確的是： C 。AP標(biāo)記符與BR標(biāo)記符的作用一樣。B多個(gè)P標(biāo)記符可以產(chǎn)生多個(gè)空行。C多個(gè)BR標(biāo)記符可以產(chǎn)生多個(gè)空行。DP標(biāo)記符的結(jié)束標(biāo)記符通常不可以省略。21、以下說法中，錯(cuò)誤的是： B 。A網(wǎng)頁(yè)的本質(zhì)就是HTML源代碼。B網(wǎng)頁(yè)就是主頁(yè)。C使用“記事本”編輯網(wǎng)頁(yè)時(shí)，應(yīng)將其保存為 .htm 或 .html 后綴。D本地通常就是一個(gè)完整的文件夾。（1）以下說法中，錯(cuò)誤的是：D。A獲取服務(wù)時(shí)，需要使用瀏覽器作為客戶端程序。B服務(wù)和電子服務(wù)是Internet提供的最常用的兩種服務(wù)。C就是一系列邏輯上可以視為一個(gè)整體的頁(yè)面的集合。D所有網(wǎng)頁(yè)的

7、擴(kuò)展名都是 .htm。（1）是的意思。答案：BA網(wǎng)頁(yè) B萬(wàn)維網(wǎng) C瀏覽器 D超文本傳輸協(xié)議 （2）在網(wǎng)頁(yè)中顯示特殊字符，如果要輸入“”，應(yīng)使用_。答案：DAlt; B≪ C< D （3）以下有關(guān)列表的說法中，錯(cuò)誤的是：。答案：DA有序列表和無(wú)序列表可以互相嵌套。B指定嵌套列表時(shí)，也可以具體指定項(xiàng)目符號(hào)或編號(hào)樣式。C無(wú)序列表應(yīng)使用 UL 和 LI 標(biāo)記符進(jìn)行創(chuàng)建。D在創(chuàng)建列表時(shí)，LI 標(biāo)記符的結(jié)束標(biāo)記符不可省略。（4）以下關(guān)于FONT標(biāo)記符的說法中，錯(cuò)誤的是：答案：DA可以使用 color 屬性指定文字顏色。B可以使用 size屬性指定文字大小（也就是字號(hào)）。C指定字號(hào)時(shí)可以使用 17

8、 的數(shù)字。 D語(yǔ)句 這里是2號(hào)字 將使文字以2號(hào)字顯示。（5）以下關(guān)于JPEG圖像格式中，錯(cuò)誤的是：答案：BA適合表現(xiàn)真彩色的照片。B最多可以指定1024種顏色。C不能設(shè)置透明度。 D可以控制壓縮比例。（6）如果要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是：。 答案：AABCD（7）以下有關(guān)表單的說明中，錯(cuò)誤的是：。 答案：CA表單通常用于搜集用戶信息。B在 FORM 標(biāo)記符中使用 action 屬性指定表單處理程序的位置。C表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi)容。D在 FORM 標(biāo)記符中使用 method 屬性指定提交表單數(shù)據(jù)的方法。（8）在指定單選框時(shí)，只有將以下屬性

9、的值指定為相同，才能使它們成為一組。答案：BAtype Bname Cvalue Dchecked（9）創(chuàng)建選項(xiàng)菜單應(yīng)使用以下標(biāo)記符：。答案：AASELECT 和 OPTIONBINPUT 和 LABELCINPUTDINPUT 和 OPTION（10）以下有關(guān)按鈕的說法中，錯(cuò)誤的是：。答案：BA可以用圖像作為提交按鈕。B可以用圖像作為重置按鈕。C可以控制提交按鈕上的顯示文字。D可以控制重置按鈕上的顯示文字。1.以下關(guān)于FONT標(biāo)記符的說法中，錯(cuò)誤的是：。A.可以使用 color 屬性指定文字顏色。B.可以使用 size 屬性指定文字大?。ㄒ簿褪亲痔?hào)）。C.指定字號(hào)時(shí)可以使用 17 的數(shù)字。

10、D.語(yǔ)句 這里是2號(hào)字 將使文字以2號(hào)字顯示。2.以下有關(guān)列表的說法中，錯(cuò)誤的是：。A.有序列表和無(wú)序列表可以互相嵌套。B.指定嵌套列表時(shí)，也可以具體指定項(xiàng)目符號(hào)或編號(hào)樣式。C.無(wú)序列表應(yīng)使用 UL 和 LI 標(biāo)記符進(jìn)行創(chuàng)建。D.在創(chuàng)建列表時(shí)，LI 標(biāo)記符的結(jié)束標(biāo)記符不可省略。3.要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是：。A.B.C.D.4.要?jiǎng)?chuàng)建一個(gè)左右框架，右邊框架寬度是左邊框架的3倍，以下HTML語(yǔ)句正確的是：。A.B.C.D.5.以下說法中，正確的是：。A.在 IMG 標(biāo)記符中使用 align 屬性，可以控制圖象在頁(yè)面中的對(duì)齊。B.在 IMG 標(biāo)記符中使用 align 屬性，

11、可以控制圖象與文字的環(huán)繞效果。C.在 IMG 標(biāo)記符中使用 valign 屬性，可以控制圖象與周圍內(nèi)容的垂直對(duì)齊。D.在 IMG 標(biāo)記符中使用 valign 屬性，可以控制圖象與周圍內(nèi)容的水平對(duì)齊。D 2. D 3. A 4. B 5. B（1）以下說法中，錯(cuò)誤的是：。A獲取服務(wù)時(shí)，需要使用瀏覽器作為客戶端程序。B服務(wù)和電子服務(wù)是Internet提供的最常用的兩種服務(wù)。C就是一系列邏輯上可以視為一個(gè)整體的頁(yè)面的集合。D所有網(wǎng)頁(yè)的擴(kuò)展名都是 .htm。（2）以下關(guān)于FONT標(biāo)記符的說法中，錯(cuò)誤的是：。A可以使用 color 屬性指定文字顏色。B可以使用 size屬性指定文字大?。ㄒ簿褪亲痔?hào)）。C

12、指定字號(hào)時(shí)可以使用 17 的數(shù)字。D語(yǔ)句 這里是2號(hào)字 將使文字以2號(hào)字顯示。（3）以下說法中，正確的是：。A可以通過直接改文件名后綴來(lái)修改圖象格式。B矢量圖通常比位圖的文件尺寸大。C使用圖象處理軟件可以修改圖象的像素大小。DFlash是一種位圖處理軟件。（4）以下說法中，錯(cuò)誤的是：。A表格在頁(yè)面中的對(duì)齊應(yīng)在 TABLE 標(biāo)記符中使用 align 屬性。B表格內(nèi)容的默認(rèn)水平對(duì)齊方式為居中對(duì)齊。C要控制表格內(nèi)容的垂直對(duì)齊，應(yīng)在 TR、TD、TH 中使用 valign 屬性。D要控制表格內(nèi)容的水平對(duì)齊，應(yīng)在 TR、TD、TH 中使用 align 屬性。（5）以下選項(xiàng)中不能用來(lái)表示 CSS 顏色的是

13、： 。A. rgb(f, 0, 0)B. #FF0000C. redD. rgb(100%, 0,0)（1） D （2） D （3） C （4） B （5） A 第3題 填空題（20分，每空2分，請(qǐng)將答案寫在“填空”后面的空中）（1）如果要為網(wǎng)頁(yè)指定黑色的背景顏色，應(yīng)使用以下html語(yǔ)句：（2）表示創(chuàng)建一條 的水平線。（3）在 OL 標(biāo)記符中，使用屬性可以控制有序列表的數(shù)字序列樣式。（4）請(qǐng)至少說明 GIF 格式的兩種特點(diǎn)： ； 。（5）請(qǐng)至少說出兩種以上的圖像處理軟件的名稱： 。（6）如果要?jiǎng)?chuàng)建一個(gè)指向電子 someonemail.的超，代碼應(yīng)該如下：指向someonemail.的超（7）在

14、給圖象指定超時(shí)，默認(rèn)情況下總是會(huì)顯示藍(lán)色邊框，如果不想顯示藍(lán)色邊框，應(yīng)使用以下語(yǔ)句：（8）在指定頁(yè)內(nèi)超的時(shí)候，如果在某一個(gè)位置使用了錨點(diǎn)語(yǔ)句定義了錨點(diǎn)，那么應(yīng)使用以下語(yǔ)句，以便在單擊超時(shí)跳轉(zhuǎn)到錨點(diǎn)定義的位置：錨點(diǎn)（9）上網(wǎng)瀏覽網(wǎng)頁(yè)時(shí)，應(yīng)使用作為客戶端程序。答案：瀏覽器（10）TITLE 標(biāo)記符應(yīng)位于 標(biāo)記符之間。答案：HEAD1.如果要為網(wǎng)頁(yè)指定黑色的背景顏色，應(yīng)使用以下html語(yǔ)句：2.表示創(chuàng)建一條 的水平線。3.要設(shè)置一條一像素粗、200像素長(zhǎng)的左對(duì)齊的水平線，應(yīng)使用 語(yǔ)句。4.請(qǐng)至少說明 GIF格式的兩種特點(diǎn)： ； 。5.請(qǐng)至少說出兩種以上的圖像處理軟件的名稱：、 。6.要控制單元格內(nèi)容

15、與表格框線之間的空白，應(yīng)在 TABLE 標(biāo)記符中使用屬性。7.要在表單中添加一個(gè)默認(rèn)時(shí)為選中狀態(tài)的復(fù)選框，應(yīng)使用語(yǔ)句。8.要在 HTML 標(biāo)記符中直接嵌入樣式，應(yīng)使用標(biāo)記符的 屬性。bgcolor=black長(zhǎng)度為瀏覽器窗口寬度一半的水平線 支持透明色、支持動(dòng)畫、無(wú)損壓縮、最多包含256種顏色等 fireworks、flash、photoshop等 cellpaddingstyle （1）HEAD標(biāo)記符位于 標(biāo)記符之間。（2）要使文字同時(shí)顯示為粗體和斜體，應(yīng)使用語(yǔ)句。（3）在 UL 標(biāo)記符中使用 屬性，可以控制無(wú)序列表的項(xiàng)目符號(hào)樣式。（4）在網(wǎng)頁(yè)中插入圖像時(shí)，最基本的兩個(gè)屬性是 、 。（5）請(qǐng)

16、至少說出兩種以上的圖像處理軟件的名稱： 。（6）要使整個(gè)表格行采用某種對(duì)齊方式，應(yīng)在標(biāo)記符中使用align屬性。（7）在指定錨點(diǎn)超的時(shí)候，如果在文件file1.htm某一個(gè)位置使用了錨點(diǎn)語(yǔ)句定義了錨點(diǎn)，那么應(yīng)使用以下語(yǔ)句，以便在file2.htm中單擊超時(shí)跳轉(zhuǎn)到file1.htm中該錨點(diǎn)定義的位置：錨點(diǎn)。（1）HTML（2）text（3）type （4）src（5） alt（6）（7）fireworks flash 畫圖 photoshop 等 （8）tr（9）name（10）file1.htm#target1第4題 問答題（20分）1.簡(jiǎn)要說明表格與框架在網(wǎng)頁(yè)布局時(shí)的區(qū)別。答：表格是在同一個(gè)

17、網(wǎng)頁(yè)中將頁(yè)面劃分為不同區(qū)域；框架是在同一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)；框架可以通過指定超的目標(biāo)框架獲得交互式的布局效果。2. 在網(wǎng)頁(yè)設(shè)計(jì)中使用圖像時(shí)應(yīng)注意那些問題。答：文件大?。粩?shù)量和質(zhì)量；動(dòng)畫。（需要展開回答）3.舉例說明在網(wǎng)頁(yè)中使用CSS樣式表的三種方式（都使用對(duì)p標(biāo)記符應(yīng)用color屬性為例），并簡(jiǎn)要分析各自的特點(diǎn)。提示：LINK標(biāo)記符的用法：答：要點(diǎn)：（需要展開）在標(biāo)記符中直接嵌套樣式信息，例如，p紅色顯示的段落文本；優(yōu)點(diǎn)是可以單獨(dú)指定特定部分的樣式，缺點(diǎn)是不利于維護(hù)。在style標(biāo)記符中指定樣式信息，例如pcolor:red優(yōu)點(diǎn)是能對(duì)單獨(dú)網(wǎng)頁(yè)進(jìn)行很好的格式控制和維護(hù)，缺點(diǎn)是不利于多個(gè)網(wǎng)

18、頁(yè)的維護(hù)。外部樣式表中的樣式信息，例如，在當(dāng)前網(wǎng)頁(yè)目錄中包括以下mycss.css文件：pcolor:red然后在網(wǎng)頁(yè)中用以下代碼。優(yōu)點(diǎn)是利于維護(hù)多個(gè)網(wǎng)頁(yè)，缺點(diǎn)是不利于控制單獨(dú)頁(yè)面中的個(gè)別部分。5.簡(jiǎn)述HTML工作原理HTML是用來(lái)表示W(wǎng)eb文檔的規(guī)X，是用于Web文檔的格式化語(yǔ)言。HTML通過標(biāo)記來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分，以通知Web瀏覽器應(yīng)該如何顯示網(wǎng)頁(yè)，即確定網(wǎng)頁(yè)內(nèi)容的格式。瀏覽器按照順序閱讀HTML文件，然后瀏覽器根據(jù)內(nèi)容附近的HTML標(biāo)記來(lái)解釋和顯示內(nèi)容，這個(gè)過程稱為語(yǔ)法分析。HTML中的超文本功能，也就是超功能，使網(wǎng)頁(yè)之間可以起來(lái)。網(wǎng)頁(yè)與網(wǎng)頁(yè)的構(gòu)成了，而與的就構(gòu)成了多姿多彩的

19、。（3）任意列舉2種可以在頁(yè)面中添加多媒體效果的方法，并簡(jiǎn)要說明如何操作。（5分）要點(diǎn)：多媒體文件，嵌入Flash，使用java，設(shè)置背景音樂，等（4）簡(jiǎn)要說明表單的基本工作原理。（5分）p96要點(diǎn)：填寫后由服務(wù)器處理，也可客戶端處理贊同第5題 綜合題（30分）1、編寫出實(shí)現(xiàn)如圖所示頁(yè)面效果的關(guān)鍵html代碼。其中，A、B、C、D、E均為默認(rèn)字號(hào)和默認(rèn)字體，并且加粗顯示，它們都位于各自單元格的正中間，A單元格的高度為200像素，B單元格的高度為100像素，C單元格的寬度為100像素，高度為200像素。（10分）答題要點(diǎn)（標(biāo)記符是否大小寫沒有關(guān)系）： A B E C D 評(píng)分要點(diǎn)：（不一定要與參

20、考答案完全一致，只要最后能顯示出效果即可。）（1）正確地寫出了表格的行列結(jié)構(gòu)，給4分。（2）正確地設(shè)置了表格各單元格大小，給2分。（2）設(shè)置了表格的邊框和居中對(duì)齊，給2分。（3）設(shè)置了表格行或單元格的水平居中（垂直居中不用設(shè)置，如果設(shè)置了也不加分），給1分。（4）正確地指定了粗體，給1分。2、已知頁(yè)面效果如圖所示（其中的細(xì)線效果均為一像素粗細(xì)，顏色為黑色），請(qǐng)?zhí)顚懸韵耯tml代碼中留下的空白（編號(hào)相同的空白表示應(yīng)填寫相同的內(nèi)容），注意填寫在題后的空白里。（10分） 如夢(mèng)令 昨夜雨疏風(fēng)驟，濃睡不消殘酒。試問卷簾人，卻道海棠依舊。知否？知否？應(yīng)是綠肥紅瘦。（1）（2）（3）（4）（5）答案：（1）

21、0（有無(wú)引號(hào)均對(duì)）（2）0（有無(wú)引號(hào)均對(duì)）（3）bgcolor=black或bgcolor=#000000（屬性值有無(wú)引號(hào)均對(duì)）（4）face（5）height3、已知源代碼如下所示（共5個(gè)文件，都位于同一目錄下），請(qǐng)用文字或示意圖（也可結(jié)合使用）說明網(wǎng)頁(yè)效果。（10分）index.htm框架結(jié)構(gòu)content.htm目錄Atext-decoration:none文件1文件2main.htm內(nèi)容file1.htm內(nèi)容1file2.htm內(nèi)容2參考答案：要點(diǎn)1：分為左右兩框，左邊框架為150像素（2分），內(nèi)容為包含兩個(gè)超的頁(yè)面（1分），并且超沒有下劃線（1分），右邊框架內(nèi)容為“內(nèi)容”（1分），整

22、個(gè)網(wǎng)頁(yè)的標(biāo)題為“框架結(jié)構(gòu)”（1分）。如果是示意圖，應(yīng)類似下圖。要點(diǎn)2：?jiǎn)螕糇筮吙蚣苤械摹拔募?”超，將在右邊框架中顯示“內(nèi)容1”（2分），單擊左邊框架中的“文件2”超，將在一個(gè)新窗口中顯示“內(nèi)容2”（2分）。4、已知網(wǎng)頁(yè)初始效果如圖所示，整個(gè)窗口分為左右兩框，左邊框架為150像素；單擊左邊框架中的“文件1”超，將在右邊框架中顯示“內(nèi)容1”；單擊左邊框架中的“文件2”超，將在當(dāng)前整個(gè)窗口中顯示“內(nèi)容2”（即框架結(jié)構(gòu)消失）。所有的超均沒有下劃線。請(qǐng)?zhí)顚懸韵略创a中的空白。注意：所有5個(gè)文件都位于同一目錄下。（10分）index.htm框架結(jié)構(gòu)content.htm目錄 （4） text-decoration:none文件1文件2main.htm內(nèi)容file1.htm內(nèi)容1file2.h