web網(wǎng)頁設(shè)計期末復(fù)習(xí)題.doc

第一套一、填空題（20分 每空2分）1.RGB色彩模型最多可以表示（ 224 ）種顏色。2.HTML頁面的正文應(yīng)該放在（ body ）標(biāo)記對中。3.下拉列表的列表項應(yīng)該放在（ option ）標(biāo)記對中。4.三種樣式表中，與代碼結(jié)合最緊密的是（ 內(nèi)聯(lián) ）。5.Css中填充的屬性是（padding ）。6.當(dāng)頁面使用外部樣式時，應(yīng)該在頁面的頭部分使用（ link ）標(biāo)記。7.（ 偽類 ）用于指定選擇符的狀態(tài)。8.表單可以用兩種方式來提交，一是點擊提交按鈕，二十在腳本中顯示表單的（ submit ）方法。9.最低公用標(biāo)準(zhǔn)的瀏覽器文檔對象模型中（document ）對象代表窗口顯示的html文檔。10.w3c DOW 按照ID 獲取HTML元素對象的方法是（ getElementById() ）。二、判斷題，判斷以下說法的對錯（10分，每題1分）1、HTML是一種網(wǎng)頁編程語言。 （）2、HTML不允許交差嵌套。 （）3、HTML元素的ID屬性不能以數(shù)字開頭。()4、URL地址屬于絕對路徑。()5、P標(biāo)記沒有默認(rèn)樣式。()6、內(nèi)聯(lián)元素可以嵌套塊元素。()7、border 屬性是不能被繼承的。()8、JavaScript 只能用于客戶端編程.()9、在最低公用標(biāo)準(zhǔn)的瀏覽器文檔對象模型中，不是所有的HTML元素都是對象。()10、W3C DOM是以樹形結(jié)構(gòu)表示HTML文檔的。（）三、單選題（32分，每題2分）1、jpg格式圖像適用于以下哪種圖片？（D）A.動畫 C.公司logoB. 圖標(biāo) D.人物照片2、以下為內(nèi)聯(lián)元素(inline element)的是？(B) A. C.B. D. 3、以下不屬于input標(biāo)記的type屬性的取值的是？(C) A. text C.defaultB. submit D.button4、以下哪些是表意的元素？(D)A.font C.bB.strike D.strong5、在網(wǎng)頁中插入圖片正確表示是？(C)A.logo.gif C.B. D. 6、以下可以繼承的屬性是？(B) A. border C.background-colorB. font-size D.margin7、關(guān)于Css中背景屬性，設(shè)法正確的是 （A）A. 不可以對一個元素設(shè)置兩張背景圖片C.默認(rèn)情況下，背景圖片不能平鋪顯示B. 不可以改變背景圖片出現(xiàn)的D.不能同時設(shè)置背景顏色和背景圖片8.在瀏覽器文檔對象模型中，最頂層的對象是？(A)A. window C.locationB. document D.form9、以下事件為系統(tǒng)事件的是？(C) A. onclick C.onloadB. oncharge D.onmouseover10、href是哪個對象的屬性? (A) A. location C.formB. submit D.button四、應(yīng)用題1 如何理解網(wǎng)頁效果的不可預(yù)知性？瀏覽器版本、不同的用戶平臺（windows/macintosh/linux/）、連接速度、顯示器分辨率、用戶可能的個性化設(shè)置(背景色、關(guān)掉圖片、關(guān)閉彈出窗口、關(guān)閉javascript)。2 網(wǎng)頁中文字的處理原則有哪些？原則盡量使用默認(rèn)字體微軟雅黑、宋體、黑體;特殊字體；以圖片的方式處理。以圖片方式處理的弊端、圖像文本不能自動被翻譯成其他語言、不能被搜索引擎索引;中文的最小字號是12px，英文最小可以到9px.3 假設(shè)CSS規(guī)則定義如下：PBackground-color:#ccffee;Border 10px solid gray;Padding:10px 20px 30px 40; (上右下左)Width:200px;Margin:20px;則應(yīng)用該樣式規(guī)則的html文檔的p元素所占實際寬度為？ 一個元素的實際寬度n 左邊界+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊界20+10+40+200+20+10+20=320px4、假定有頁面的html代碼如下，根據(jù)W3C DOM繪出該頁面的文檔樹。 test page 引用標(biāo)記 NO PAINS NO GAINS htmlheadtitlebodypqClass=”white”No pain no gains5、最低公用標(biāo)準(zhǔn)的對象模型有什么特點？ 最低公用標(biāo)準(zhǔn)的瀏覽器文檔對象模型特點 特點n 是一個最低公用標(biāo)準(zhǔn)，可在所有瀏覽器下安全使用n 對象按照層次進(jìn)行組織具有嚴(yán)格的層次結(jié)構(gòu)n 可以操控的對象非常有限n 訪問每個對象要從根對象開始五、綜合題20分（每題10分）1、已知有HTML頁面，其布局效果代碼如下圖所示，假定使用table布局的方法，請給出table布局的源代碼。（為說明具體要求，按照從上到下、從左到右的順序，5個版塊分別標(biāo)識為top,left,middle,right,bottom,） top left middle right bottom 2、頁面test.html提供輸入用戶名和密碼的功能，該頁面利用JavaScript完成客戶端表單校驗，即，當(dāng)用戶名或者密碼為空時，阻止表單提交，并且彈出一個提示框提醒用戶；只有當(dāng)用戶名和密碼都不為空時，才能提交表單。請將標(biāo)號處的代碼補全。Test.html代碼如下：表單校驗Function check()If(document.form1.account.value=” ”)|( document.form1.password.value =” ”)window.alert(“用戶名密碼不能為空!”);return false;ElseReturn true;用戶名密碼sumbit第二套一、填空題1、WEB標(biāo)準(zhǔn)由（ W3C ）負(fù)責(zé)制定。2、網(wǎng)頁尺寸的選擇取決于目標(biāo)客戶顯示器（分辨率 ）的預(yù)期3、GIF圖像格式最多可以表現(xiàn)（256 ）種顏色。4、設(shè)置下拉列表的默認(rèn)選中項，需要設(shè)置option標(biāo)記的（selected ）屬性。5、顯示在瀏覽器窗口的內(nèi)容需要放置（ body）標(biāo)記中。6、A標(biāo)記的（ name）屬性可以標(biāo)識網(wǎng)頁的特定位置。7、CSS的（display ）屬性，可以將塊元素和內(nèi)聯(lián)元素互換。8、（selector ）指示CSS樣式規(guī)則作用于哪些html元素。9、當(dāng)多個樣式規(guī)則發(fā)生沖突，如果選擇符級別相同，按出現(xiàn)的順序，（后出現(xiàn) ）的優(yōu)先。10、W3C DOM按照ID獲取html元素對象的方法是（ getElementById()）。二、判斷題。判斷以下說法的對錯。1、WEB是以“客戶端/服務(wù)器”模式工作的。 （ ）2、虛擬目錄的名稱應(yīng)該和實際目錄的名稱相同。 （ ）3、URL地址只能用于表示網(wǎng)頁資源。 （ ）4、和英文網(wǎng)頁相比，中文的字體字號選擇的范圍更寬。 （ ）5、HTML的語法比XHTML的語法更為嚴(yán)格 （ ）6、HTML元素自身的樣式優(yōu)先于繼承而來的樣式。 （ ）7、CSS不區(qū)分大小寫 （ ）8、所有的CSS屬性都可以被繼承。 （ ）9、一個網(wǎng)頁文件只能使用一個外部樣式表文件 （ ）10、服務(wù)器端編程是指代碼在瀏覽器端執(zhí)行。 （ ） 三、單選題，請將答案填到括號中1、以下哪個是RGB顏色值的錯誤表示形式 （D）#ff0000 C. Red#f00 D. Rgb(ff,00,00)2、URL地址的構(gòu)成不包括？ （C）協(xié)議名 C. 主機(jī)地址虛擬目錄 D. 資源文件名3、以下哪個標(biāo)記的默認(rèn)樣式有關(guān)于文字字重的設(shè)置？ （B）P B.h1 C.a D.span4、下列不是HTML語法要求的是？ （D）雙標(biāo)記必須關(guān)閉 B.屬性值要使用雙引號包含C. 禁止交叉嵌套 D.區(qū)分大小寫5、哪個屬性不是HTML元素的公共屬性？（B）style B. type C. id D.class6、以下是單標(biāo)記的是？（A）input B. head C.td D.div7、以下哪些是表意的元素？（D）font B.strike C.b D.strong8、javascript 中單行注釋的符號是？（A）A / B./*.*/ C.” D.*9、document對象代表？（C）A、表單中的對象 B.HTML文檔中顯示的所有javascript 函數(shù)和方法C.窗口顯示的HTML文檔 D.Web瀏覽器窗口10、submit是哪個對象的方法？（D）document B.window C.location D.form四、應(yīng)用題1、簡述table布局與div+css布局的各自實現(xiàn)原理，以及特點。 表格布局的原理是使用表格的行列來劃分區(qū)域，然后在單元格放置相應(yīng)的內(nèi)容。當(dāng)表格用于布局時，通常要進(jìn)行一些屬性設(shè)置。特點：簡單、容易理解、適合初學(xué)者； 基于div+css的布局原理：使用div劃分網(wǎng)頁邏輯區(qū)域；使用css控制每個div的外觀位置以實現(xiàn)網(wǎng)頁布局。特點：本身沒有樣式；是塊元素；通常充當(dāng)容器；要區(qū)分各個div，因此通常要使用id屬性2、什么事表意的文字元素，什么是表象的文字元素，為什么后者不推薦使用？也有的文獻(xiàn)稱之為邏輯元素和物理元素表意元素或邏輯元素用來指明文字的性質(zhì)，如、，雖然有些表現(xiàn)元素也會有默認(rèn)的特殊樣式，但它的意圖主要在于描述文字的意思，在上下文中的作用表象元素或物理元素用來指示文字該如何顯示，如制定黑體的和指定斜體的。隨著Web標(biāo)準(zhǔn)化的實踐，網(wǎng)頁的內(nèi)容與表現(xiàn)要分離開，因此表象元素或物理元素不再被鼓勵使用。 3、既然瀏覽器可以按照圖像的正常大小顯示，為什么還要設(shè)置img標(biāo)記的width , height 屬性？圖像指定 height 和 width 屬性是一個好習(xí)慣。如果設(shè)置了這些屬性，就可以在頁面加載時為圖像預(yù)留空間。如果沒有這些屬性，瀏覽器就無法了解圖像的尺寸，也就無法為圖像保留合適的空間，因此當(dāng)圖像加載時，頁面的布局就會發(fā)生變化。（下面的篇幅詳細(xì)解釋了這個觀點）。4、有表格行列拆分如下，表格寬度500px，邊框為1，請給出相應(yīng)的html源代碼，給出.部分即可，寫出必要的屬性即可，多余的屬性不扣分.。第三套1 填空題（每題2分，共20分）1. 1.網(wǎng)頁尺寸的單位是 像素 。2. RGB色彩模型最多可以表示 224 種顏色。3. HTML文檔的根元素是 html 。4. div 標(biāo)記通常用來作為容器（container）.5. Img標(biāo)記的 alt 屬性用來設(shè)置圖像的替換文本。/不確定6. Form元素的 submit 屬性指示表單的提交方法。7. 在網(wǎng)頁的head部分插入內(nèi)部樣式表，需要使用 link 標(biāo)記。8. CSS的 display 屬性可以將內(nèi)聯(lián)元素與塊元素互換。9. 有樣式規(guī)則pfont-size:14px;line-height:150%;height:100px，則相應(yīng)段落文字的行高應(yīng)該為 14*150%=21 。10. 最低公用標(biāo)準(zhǔn)的瀏覽器文檔對象模型中，頂層的對象是 window 。2 判斷題（每題一分，共10分）1. Web標(biāo)準(zhǔn)是由瀏覽器廠商統(tǒng)一制定的。（）2. HTML的本質(zhì)是純文本文件。（）3. 實際制作網(wǎng)頁時，對網(wǎng)頁的高度要求要嚴(yán)格得多。（）4. 當(dāng)前主流的顯示器分辨率為800*600. （）5. h1的默認(rèn)樣式，margin為0。（）6. XHTML不區(qū)分大小寫。（）7. 同一個外部樣式表可以被多個網(wǎng)頁所使用。（）8. 行內(nèi)樣式（內(nèi)聯(lián)樣式）的優(yōu)先級最高。（）9. 網(wǎng)頁中的JavaScript代碼，由瀏覽器解釋執(zhí)行。（）10. JavaScript是基于對象的語言。（）3 單選題（20分，每題2分）1. title元素應(yīng)該包含在 A 元素中。A. head B.body C.div D.table2. 下列不是HTML語法要求的是？DA. 雙標(biāo)記必須關(guān)閉B. 禁止交叉嵌套C. 屬性值要使用雙引號包含D. 區(qū)分大小寫3. 單選鈕的input標(biāo)記的type屬性的正確取值為？DA.text B.single C.checkbox D.radio4. 下述哪個表示HTML電子郵件鏈結(jié)？BA. 聯(lián)系我們B.聯(lián)系我們C.聯(lián)系我們D.5. 以下哪個元素已經(jīng)不再推薦使用？CA. img B.link C.font D.br6. 當(dāng)表格table用于布局，以下哪個不是常規(guī)的屬性設(shè)置？DA. cellspacing=”0” B.border=”0” C.cellpadding=”0” D.width=”100%”7. 以下不是偽類的是：CA. hover B.link C.delete D.active8. CSS中定義.outerbackground-color:red的含義是？BA. 網(wǎng)頁中某個id=outer的元素，背景色是紅色B. 網(wǎng)頁中class=outer的元素，背景色是紅色C. 網(wǎng)頁中元素名為.outer的元素，背景色為紅色D. 網(wǎng)頁中class=.outer的元素,背景色是紅色9. 關(guān)于JavaScript的語法特點，說法正確的是CA. 是一種強(qiáng)類型語言B. 需要編譯生成可執(zhí)行的二進(jìn)制文件cddcccddddddC. 是腳本編程語言D. 不區(qū)分大小寫10. go（D）是哪個對象的方法？A. document B.window C.location D.history答案：addbcdcbcd4 應(yīng)用題（30分，每題6分）1. 為什么有時在網(wǎng)頁中有時以圖片的方式來呈現(xiàn)，這樣做有什么弊端？ 圖像文本不能被自動翻譯成其它語言；不能被搜索引擎索引。2. 塊元素和內(nèi)聯(lián)元素的特點分別是什么？塊：總是獨占一行；寬度缺省是它所在容器100%，除非設(shè)定一個寬度值；寬度和高度可設(shè)。內(nèi)：可以和其他元素共居一行；寬度和高度不可設(shè)置(img例外3. 既然瀏覽器可以按照圖像的正常大小顯示，為什么還要設(shè)置img標(biāo)記的width、height屬性？ 圖像指定height和width屬性是一個好習(xí)慣。如果設(shè)置了這些屬性，就可以在頁面加載時為圖像預(yù)留空間。如果沒有這些屬性，瀏覽器無法了解圖像的尺寸，也就無法為圖像保留合適的空間，因此當(dāng)圖像加載時，頁面的布局就會發(fā)生變化。4. 簡述最低公用標(biāo)準(zhǔn)瀏覽器文檔對象模型的特點？ 最低公用標(biāo)準(zhǔn)的瀏覽器文檔對象模型特點：是一個最低公用標(biāo)準(zhǔn)，可在所有瀏覽器下安全使用；對象按照層次進(jìn)行組織具有嚴(yán)格的層次結(jié)構(gòu)；可以操控的對象非常有限；訪問每個對象要從根對象開始。5. 假設(shè)某HTML頁面的文檔結(jié)構(gòu)圖如下所示 HTML titleh1h2img head bodyaaapimgh2p 有樣式規(guī)則定義如下：body font-family：黑體； font