網(wǎng)頁設(shè)計(jì)與制作期末試題及答案

1、網(wǎng)頁設(shè)計(jì)與制作模擬試題（一）一、 單項(xiàng)選擇題(每空1分，共10分)1.目前在Internet上應(yīng)用最為廣泛的服務(wù)是(B )。A.FTP服務(wù)B.WWW服務(wù) C.Telnet服務(wù)D.Gopher服務(wù)2.在域名系統(tǒng)中，域名采用(C )。A.樹型命名機(jī)制 B.星型命名機(jī)制C.層次型命名機(jī)制 D.網(wǎng)狀型命名機(jī)制3.HTTP協(xié)議是一種(D)協(xié)議。 A文件傳輸協(xié)議 B遠(yuǎn)程登錄協(xié)議 C郵件協(xié)議 D超文本傳輸協(xié)議 4.HTML語言中的轉(zhuǎn)行標(biāo)記是(B )。A.B. C. D. 5.在HTML中，標(biāo)題字體標(biāo)記中x的最大取值是(C )。A.4 B.5 C.6 D.76.以下不能用來定義表格內(nèi)容的標(biāo)記為(A )。A.B

2、. C.D.7.下面不是組成一個HTML文件基本結(jié)構(gòu)標(biāo)記的是(C )。 A.B. C.D. 8. 加入一條水平線的HTML代碼是(A )。 A. B. C. D. 9.在HTML中，標(biāo)記的作用是( B )。A.標(biāo)題標(biāo)記 B.預(yù)排版標(biāo)記C.轉(zhuǎn)行標(biāo)記 D.文字效果標(biāo)記 10. 要創(chuàng)建一個Email地址的鏈接，下面正確的句法是(A)。A. 與我聯(lián)系B. 與我聯(lián)系C. 與我聯(lián)系D. 與我聯(lián)系 11. 客戶/服務(wù)器系統(tǒng)的最大特點(diǎn)是客戶機(jī)和服務(wù)器 ( D ) A. 必須運(yùn)行在同一臺機(jī)器上 B. 必須運(yùn)行在同一個網(wǎng)絡(luò)上 C. 必須運(yùn)行在不同的計(jì)算機(jī)上 D. 不必運(yùn)行在同一計(jì)算機(jī)上12. 若需要軟件把LAN上

3、的客戶機(jī)從Internet上隱藏起來，并為客戶機(jī)執(zhí)行Web請求，則下面( D )軟件能實(shí)現(xiàn)此項(xiàng)功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服務(wù)器13. 通常一個站點(diǎn)的主頁默認(rèn)文檔名是 ( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm14. 通常，比較好的建立站點(diǎn)目錄的習(xí)慣是 ( A ) A. 在根目錄下建立一個總的IMAGE目錄放置圖象文件 B. 直接把圖象文件放置在各欄目的目錄下 C. 為各欄目建立一個單獨(dú)

4、的IMAGE目錄放置圖象文件 D. 在每個目錄下建立一個IMAGE目錄放置圖象文件15. . 以下有關(guān)頁面布局的說法正確的是 ( D ) A. 分辨率越高，可供使用的頁面尺寸越大 B. 網(wǎng)頁布局與平面設(shè)計(jì)一樣，不受頁面大小的影響 C. 頁眉和頁腳中只能出現(xiàn)文本，不能出現(xiàn)圖形 D. 頁面布局通常是通過手工設(shè)計(jì)的，目前還沒有相應(yīng)的電腦軟件完成這一工作16. . 以下關(guān)于HTML文檔的說法正確的一項(xiàng)是 ( A ) A. 與這兩個標(biāo)記合起來說明在它們之間的文本表示兩個HTML文本 B. HTML文檔是一個可執(zhí)行的文檔 C. HTML文檔只是一種簡單的ASCII碼文本 D. HTML文檔的結(jié)束標(biāo)記可以省

5、略不寫17. 正確描述創(chuàng)建一個一級標(biāo)題居中的句法是 ( D ) A. Heading Text B. Heading Text C. Heading Text D. Heading Text 18. 8. 要創(chuàng)建一個Email地址的鏈接，下面正確的句法是 ( A ) A. 與我聯(lián)系 B. 與我聯(lián)系 C. 與我聯(lián)系 D. 與我聯(lián)系19. 下列是可以放置在和之間的標(biāo)記，其中用于定義一個用戶可鍵入多行文本的標(biāo)記是( B ) A. B. C. D. 20. 在HTML中定義一個書簽應(yīng)該使用( A ) A. text B. text C. text D. text 二、 簡答題(每題6分，共60分) 1

6、、簡述Web瀏覽器打開一個Web文件的工作過程。2、描述網(wǎng)頁設(shè)計(jì)的一般步驟。3、簡述網(wǎng)頁設(shè)計(jì)的基本準(zhǔn)則。4、簡述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時應(yīng)遵循的原則。5、描述版面布局的步驟。 6、什么是“HTML”？HTML“標(biāo)記”又是什么？ 7、簡述“HTML”文檔的基本結(jié)構(gòu)。8、簡述以下一段HTML代碼中各對標(biāo)記的作用。htmlheadtitle網(wǎng)頁設(shè)計(jì)/title/headbodyh2北國風(fēng)光/h2/body/html 9、如何進(jìn)行本地網(wǎng)頁的測試？ 10、網(wǎng)站管理和維護(hù)的主要工作有哪些？ 三、 問答題(每題15分，共15分) 1、描述建設(shè)一個網(wǎng)站的具體步驟。四、綜合題(每題15分，共15分) 1、設(shè)計(jì)一個旅游

7、網(wǎng)網(wǎng)站的首頁，請畫出輪廓并加以說明。模擬試題一參考答案一、單項(xiàng)選擇題(每空1分，共10分) B、C、D、B、C、 A、C、A、B、A、 二、 簡答題(每題6分，共60分) 1、簡述Web瀏覽器打開一個Web文件的工作過程。 1） Web瀏覽器向服務(wù)器發(fā)出頁面請求 2） 服務(wù)器接收頁面請求，并將搜索到的頁面發(fā)給Web瀏覽器 3） Web瀏覽器接收并顯示頁面 每步分，要加以說明，否則分 2、描述網(wǎng)頁設(shè)計(jì)的一般步驟。 1) 設(shè)計(jì)主題 2) 設(shè)計(jì)網(wǎng)頁的總體結(jié)構(gòu) 3) 資料的收集和整理 4) 選擇網(wǎng)頁的設(shè)計(jì)方法 5) 注意一些基本問題，如：標(biāo)題要簡明、圖片最好加說明等 一個一分，答全分 3、簡述網(wǎng)頁設(shè)計(jì)

8、的基本準(zhǔn)則。 需要遵循的藝術(shù)原則主要有： 1） 對比原則 2） 協(xié)調(diào)原則 3） 平衡原則 4） 趣味原則。 還包括統(tǒng)一、連貫、分割、對比、和諧、易讀、易找、清晰、精選。 一個一分，個以上得分 4、簡述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時應(yīng)遵循的原則。 在創(chuàng)建目錄時需要注意： （1）不要將所有文件都存放在根目錄下。 （2）目錄層次不要太深，建議不要超過三層 。 （3）不要使用過長的目錄名和盡量不要使用中文目錄名。 每步分，要加以說明，否則分 5、描述版面布局的步驟。 步驟： 1） 繪制網(wǎng)頁草圖 2） 粗略布局 3） 定案 每步分，要加以說明，否則分 6、什么是“HTML”？HTML“標(biāo)記”又是什么？ HTML是一

9、種建立網(wǎng)頁文件的語言，透過標(biāo)記式指令，將影像、聲音、圖片和文字等連接起來。 在HTML中用于描述功能的符號稱為“標(biāo)記”，它是用來控制文字、圖形等顯示方式的符號。 每個分，要加以說明，否則分 7、簡述“HTML”文檔的基本結(jié)構(gòu)。 HTML網(wǎng)頁的基本結(jié)構(gòu)。 HTML文件開始 文件頭開始 文件頭 文件頭結(jié)束 文件體開始 文件體 文體結(jié)束 HTML文件結(jié)束 完整得全分，否則一組標(biāo)記分 8、簡述以下一段HTML代碼中各對標(biāo)記的作用。htmlheadtitle網(wǎng)頁設(shè)計(jì)/title/headbodyh2北國風(fēng)光/h2/body/html 包括文件開始標(biāo)記、文件頭標(biāo)記、標(biāo)題標(biāo)記、文件體標(biāo)記、換段標(biāo)記及相關(guān)的一

10、些屬性。 一個一分 9、如何進(jìn)行本地網(wǎng)頁的測試？ 在本地機(jī)器上進(jìn)行測試的基本方法是用瀏覽器瀏覽網(wǎng)頁，從網(wǎng)站的首頁開始，一頁一頁地測試，以保證所有的網(wǎng)頁都沒有錯誤。在不同的操作系統(tǒng)以及不同的瀏覽器下網(wǎng)頁可能會出現(xiàn)不同的效果，甚至無法瀏覽，就算是同一種瀏覽器但在不同的分辨率顯示模式下，也可能出現(xiàn)不同的效果。解決辦法就是使用目前較主流的操作系統(tǒng)（如windows、unix）和瀏覽器（如microsoft internet explorer 、netscape navigator）進(jìn)行瀏覽觀察。 本地測試的另一項(xiàng)重要工作就是要保證各鏈接的正確跳轉(zhuǎn)，一般應(yīng)將網(wǎng)頁的所有資源相對于網(wǎng)頁“根目錄”來進(jìn)行定位，

11、即使用相對路徑來保證上傳到遠(yuǎn)程服務(wù)器上后能正確使用。 本地測試還涉及到一些工作如檢查網(wǎng)頁的大小、腳本程序能否正確運(yùn)行等。 要點(diǎn)一個分，需展開 10、網(wǎng)站管理和維護(hù)的主要工作有哪些？ 網(wǎng)站的管理維護(hù)主要包括檢測網(wǎng)站的錯誤、保證網(wǎng)站正常運(yùn)轉(zhuǎn)、處理用戶信息、定期更新網(wǎng)頁內(nèi)容和修正網(wǎng)頁錯誤等。網(wǎng)站的管理維護(hù)可以使用一些專業(yè)的軟件來實(shí)現(xiàn)。對于公司、企業(yè)等單位，尤其是擁有自己服務(wù)器的單位，則需要配置專門的網(wǎng)站管理員來管理和維護(hù)。 三、問答題(每題15分，共15分) 1、 描述建設(shè)一個網(wǎng)站的具體步驟。 建設(shè)一個網(wǎng)站一般要經(jīng)過以下步驟：制作環(huán)境的準(zhǔn)備，網(wǎng)站目標(biāo)的確定，網(wǎng)站的主題、風(fēng)格和創(chuàng)意點(diǎn)的確定，網(wǎng)站結(jié)構(gòu)的

12、確立，網(wǎng)站素材的準(zhǔn)備，網(wǎng)站制作工具的選擇和確定，網(wǎng)站的建立，網(wǎng)站的測試和上傳，網(wǎng)站的宣傳和推廣以及網(wǎng)站的更新和維護(hù)。 一步，分需展開 四、綜合題(每題15分，共15分) 1、 設(shè)計(jì)一個旅游網(wǎng)網(wǎng)站的首頁，請畫出輪廓并加以說明。 應(yīng)有欄目：旅游新聞播報系統(tǒng)、目的地指南系統(tǒng)、門票預(yù)訂系統(tǒng)、酒店預(yù)訂系統(tǒng)、交通信息發(fā)布系統(tǒng)、用戶注冊管理系統(tǒng)等。 講究創(chuàng)意和內(nèi)容。 創(chuàng)意占分，內(nèi)容占分，組織占分網(wǎng)頁設(shè)計(jì)與制作期末模擬試題（二）一選擇題1. Web瀏覽器的作用是（A）。A負(fù)責(zé)下載并顯示網(wǎng)頁，能將Web文檔的HTML編碼解釋，并顯示為在瀏覽器上所見的Web頁面B運(yùn)行在服務(wù)器僅供服務(wù)器維護(hù)員使用的專用瀏覽器C瀏覽

13、Web頁面部分內(nèi)容比整個頁面內(nèi)容要快D下載網(wǎng)頁時不是根據(jù)頁面中的HTML編碼分別下載信息，而是一種隨機(jī)性的下載方式2. HTTP協(xié)議是（C）。A遠(yuǎn)程登錄協(xié)議B郵件協(xié)議C超文本傳輸協(xié)議D文件傳輸協(xié)議3. 下列標(biāo)記可以不成對出現(xiàn)的是（B）。Ahtml/htmlBp/pCtitle/titleDbody/body4. 下列（ C ）不能在網(wǎng)頁的“頁面屬性”中進(jìn)行設(shè)置。A文檔編碼B背景顏色、文本顏色、鏈接顏色C網(wǎng)頁背景圖及其透明度D跟蹤圖像及其透明度5. 在表格標(biāo)記中，cellpadding屬性的作用是（C）。A表格與頁面邊距B表格擴(kuò)展邊距C數(shù)據(jù)與表框距離D表格邊的寬度6. 對于標(biāo)記input typ

14、e=*，其中*位置放上一個值，表示輸入時顯示*號，該值是（C）。AhiddenBtextCpasswordDsubmit7. CSS的含義是（C）。A文檔對象模型B客戶端腳本程序語言C級聯(lián)樣式表D可擴(kuò)展標(biāo)記語言8. HTML語言是一種（ A ）。A標(biāo)注語言B機(jī)器語言C匯編語言D算法語言9. 超級鏈接應(yīng)該使用的標(biāo)記是（C）AtitleBbodyCaDhead10. 下列關(guān)于CSS的說法錯誤的是（ C ）。ACSS的全稱是Cascading Style Sheets，中文的意思是“層疊樣式表”BCSS樣式不僅可以控制大多數(shù)傳統(tǒng)的文本格式屬性，還可以定義一些特殊的HTML屬性C使用Dreamweav

15、er只能可視化創(chuàng)建CSS樣式，無法以源代碼方式對其進(jìn)行編輯DCSS的作用是精確定義頁面中各元素以及頁面的整體樣式11. 關(guān)于絕對路徑的使用，以下說法錯誤的是（ A ）。A使用絕對路徑的鏈接不能鏈接本站點(diǎn)的文件，要鏈接本站點(diǎn)文件只能使用相對路徑B絕對路徑是指包括服務(wù)器規(guī)范在內(nèi)的完全路徑，通常使用http:/ 來表示C絕對路徑不管源文件在什么位置都可以非常精確地找到D如果希望鏈接其它站點(diǎn)上的內(nèi)容，就必須使用絕對路徑12. 在表格標(biāo)記中，標(biāo)簽表示（B）。A表格中的行B表格中的列C表格中的單元格D表格邊的寬度13. 以下幾個事件中代表“鼠標(biāo)滑到”的事件是（ C ）。AOnMouse DownBOnMo

16、use OutCOnMouse OverDOnouseUp14. 關(guān)于表格背景，說法正確的是（ B ）。A只能定義表格背景顏色，不能用圖片作為表格背景B可以使用顏色或圖片作為表格背景圖，但圖片格式必須是GIF格式C可以使用顏色或圖片作為表格背景圖，但圖片格式必須是JPEG格式D可以使用顏色或圖片作為表格背景圖，可以使用任何的GIF或者JPEG圖片文件15. 下圖中顯示的表單元素有（ D ）。A文本字段、單選按鈕、多選按鈕、列表/菜單B文本字段、列表/菜單、郵件區(qū)域、單選按鈕C文本字段、列表/菜單、密碼型文本域、單選按鈕D文本字段、列表/菜單、單選按鈕、圖像域16. 下列關(guān)于HTML的說法正確的

17、是（C ）。AHTML是網(wǎng)頁的核心，是一種超文本標(biāo)記的程序設(shè)計(jì)語言。B通過網(wǎng)頁瀏覽器閱讀HTML文件時，WEB服務(wù)器負(fù)責(zé)解釋插入到HTML文本中的各種標(biāo)記。CHTML是網(wǎng)頁的核心，是一種超文本標(biāo)記的語言，它是頁面描述語言。D編制HTML文件時不需要加入任何標(biāo)記(tag)。17. 目前在Internet上應(yīng)用最為廣泛的服務(wù)是（ B ）。AFTP服務(wù) BWWW服務(wù)CTelnet服務(wù) DGopher服務(wù)18. 下列標(biāo)記可以不成對出現(xiàn)的是（B）。AhtmlBbrCtitleDbody19. JavaScript包括在HTML中，它成為HTML文檔的一部分，可將.標(biāo)識放入（ C ）。A只能在. 之間B只

18、能在.之間C既可放入. 之間，也可放入.之間D只能在.之間20. 在表格標(biāo)記中，標(biāo)簽表示（A）。A表格中的行B表格中的列C表格中的單元格D表格邊的寬度21. 以下幾個事件中代表“鼠標(biāo)按下”的事件是（ A ）。AOnMouse DownBOnMouse OutCOnMouse OverDOnouseUp22. 添加背景音樂的HTML標(biāo)簽是（ A ）。ABCD二填空題1. 目前，網(wǎng)頁中使用的較多的圖像格式主要是GIF、_JPEG；PNG由于網(wǎng)頁中包含超級鏈接，因此，網(wǎng)頁也被稱為超文本，傳輸協(xié)議被稱為_超文本傳輸協(xié)議2. 當(dāng)網(wǎng)頁的內(nèi)容較多時，對頁面不同位置進(jìn)行鏈接的是錨鏈接_。3. 在電子郵件鏈接中

19、，_subject表示郵件主題；cc表示抄送地址。4. 絕對路徑：是包含服務(wù)器協(xié)議的完整路徑，是一個精確地址。網(wǎng)頁分成兩種模式，_靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。5. 創(chuàng)建一個留言表單，其中要求能夠輸入多行文本，留言內(nèi)容項(xiàng)選用的表單文本區(qū)域6. 一般來說，超級鏈接包含下列類型：文檔鏈接、書簽鏈接、和腳本鏈接。7. 絕對路徑是包含服務(wù)器協(xié)議的完整路徑，是一個精確地址。三判斷題1. 在一個WEB站點(diǎn)中，主頁就是網(wǎng)頁，兩者是一致的。（ ）2. 在HTML中，標(biāo)簽表示換行。（ ）3. 創(chuàng)建超鏈接中，相對路徑是包含服務(wù)器協(xié)議的完整路徑，是一個精確的地址。（ ）4. CSS樣式表可以從外部導(dǎo)入，通過鏈接的形式，使用樣

20、式定義。（ ）5. 動態(tài)網(wǎng)頁就是網(wǎng)頁中有許多多媒體元素和一些動的效果，使用戶感覺頁面非常有活力。（ ）6. 在HTML中，標(biāo)簽都必須有關(guān)閉標(biāo)記。（ ）7. JPEG圖像是一種有損壓縮的圖像格式。（ ）8. CSS樣式，只能通過外部導(dǎo)入，并鏈接到網(wǎng)頁，網(wǎng)頁才能有效果。（ ）9. 在一個WEB站點(diǎn)中，每一個網(wǎng)頁都有唯一的網(wǎng)址。（ ）10. 在HTML中，標(biāo)簽表示換行。（ ）11. GIF格式的圖像最多只能表現(xiàn)256色，圖像文件也很小。（ ）四簡答題1. 簡述建立WEB站點(diǎn)的一般步驟。答：建立WEB站點(diǎn)的一般步驟如下：a) 對創(chuàng)建的站點(diǎn)進(jìn)行規(guī)劃，明確建站的目的、規(guī)模、面向的群體、服務(wù)器端的配置等各項(xiàng)

21、情況；b) 建立一個完整的站點(diǎn)目錄結(jié)構(gòu)；c) 確定版面布局，收集和制作素材；d) 制作網(wǎng)頁；e) 站點(diǎn)測試、發(fā)布及維護(hù)更新。2. 簡述創(chuàng)建表單的基本步驟。答：創(chuàng)建表單的基本步驟：f) 確定需要收集的信息，然后根據(jù)信息特點(diǎn)開始設(shè)計(jì)表單；g) 在表單中插入不同的表單元素；h) 設(shè)置表單域的輸入規(guī)則；i) 設(shè)置通過表單所收集的信息的處理方式；設(shè)置確認(rèn)網(wǎng)頁，確認(rèn)已經(jīng)收到用戶填寫的信息，并可與用戶核對是否正確。3. 什么是CSS樣式？并列舉CSS樣式的類型。2. 答：CSS樣式是網(wǎng)頁元素外觀屬性的集合。它可以定義文字、表格、圖像、表單等網(wǎng)頁元素的屬性。CSS樣式的類型由：自定義CSS樣式；HTML標(biāo)簽樣

22、式；CSS選擇器樣式。4. 說一說，你在本課程的學(xué)習(xí)過程中，感到最難學(xué)的部分是什么？并說明難在何處？五操作題1. 根據(jù)網(wǎng)頁截圖，完成下面的HTML代碼。（注：表格背景顏色為99FFFF，并且表格在網(wǎng)頁內(nèi)居中對齊） 表格的使用 _ 2. 根據(jù)提供的素材和網(wǎng)頁截圖，寫出網(wǎng)頁的HTML代碼。圖1 網(wǎng)頁內(nèi)容圖片（圖片路徑：image/tou.gif）圖2 網(wǎng)頁背景圖片（圖片路徑：image/bg.gif）圖3 網(wǎng)頁截圖1. 金縷衣唐詩欣賞七言樂府 3. 根據(jù)網(wǎng)頁內(nèi)容，完成下面的HTML代碼。 客戶注冊信息 客戶姓名：_D_（1） 密碼：_B_（2） 確認(rèn)密碼：_E_（3） 性別： _C_（4）_A_（

23、5） 城市： 杭州 紹興 溫州 寧波 嘉興   從下列選項(xiàng)中選擇正確的選項(xiàng)填入上面的空缺處，完成網(wǎng)頁代碼。A女B （最多16個字符）C男D （最多16個字符） E F男G女H 參考答案：五操作題2. bgcolor=#99FFFF； ；2；3. D B E C A其他題型1、網(wǎng)頁設(shè)計(jì)采用div+css有什么好處？布局實(shí)現(xiàn)了表現(xiàn)與內(nèi)容的分離，大大縮減頁面代碼，符合W3C的標(biāo)準(zhǔn)，兼容性更好；易于后期網(wǎng)站的更新、維護(hù)；SEO的優(yōu)化：對搜索引擎更加友好，更容易被搜索引擎收錄。2、前端頁面有哪三層構(gòu)成，分別是什么？作用是什么？網(wǎng)頁分成三個層次，即：結(jié)構(gòu)層、表示層、行為層。網(wǎng)頁的結(jié)構(gòu)層（stru

24、ctural layer）由HTML或 XHTML之類的標(biāo)記語言負(fù)責(zé)創(chuàng)建。標(biāo)簽，也就是那些出現(xiàn)在尖括號里的單詞，對網(wǎng)頁內(nèi)容的語義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。例如，P 標(biāo)簽表達(dá)了這樣一種語義：“這是一個文本段?！本W(wǎng)頁的表示層（presentation layer）由CSS負(fù)責(zé)創(chuàng)建。CSS 對“如何顯示有關(guān)內(nèi)容”的問題做出了回答。網(wǎng)頁的行為層（behavior layer）負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對事件做出反應(yīng)”這一問題。這是 Javascript 語言和 DOM 主宰的領(lǐng)域。3. 將CSS放在HEAD中的好處如果將CSS放在其他地方比如BODY中，則瀏覽器有可能還未下載和解析到CSS就已經(jīng)開始渲染頁面了，這就導(dǎo)致頁面由無CSS狀態(tài)跳轉(zhuǎn)到CSS狀態(tài)，用戶體驗(yàn)比較糟糕。除此之外，有些瀏覽器會在CSS下載完成后才開始渲染頁面，如果CSS放在靠下的位置則會導(dǎo)致瀏覽器將渲染時間推遲。6.什么是DOM7.實(shí)現(xiàn)下面功能1.）將元素的子元素改為：我在參加考試！Hello World!document.getElementById(p1).innerHTML