(電大復(fù)習(xí))《網(wǎng)頁設(shè)計與制作》期末復(fù)習(xí)

1 網(wǎng)頁設(shè)計與制作 期末復(fù)習(xí) 第 1 部分 課程考核說明 （ 1）命題依據(jù) 本考核說明嚴(yán)格按照 “ 網(wǎng)頁設(shè)計與制作 ”課程教學(xué)大綱編寫，所使用的文字教材是 清華大學(xué) 出版社出版的 網(wǎng)頁設(shè)計與制作（王秀麗等 主編）。 （ 2）組卷原則 根據(jù)“ 網(wǎng)頁設(shè)計與制作 ”課程教學(xué)大綱規(guī)定的要求，按掌握、理解、了解三個層次命題。以大綱中所要求的“掌握內(nèi)容”為主，約占 60%，“理解內(nèi)容”為輔，約占 30%，了解的內(nèi)容較少，約占 10%。 試題覆蓋面廣，并突出重點(diǎn)。在教學(xué)內(nèi)容范圍內(nèi)，按照理論聯(lián)系實際的原則，考察學(xué)生 對所學(xué)知識應(yīng)用能力的試題，不屬于 超綱。 （ 4）試題類型 試題類型包括：單項選擇題、填空題、判斷題、簡答題和操作題。 （ 5）考試形式 終結(jié)性考核采用筆試 （閉卷） 的形式，由 浙江電大 統(tǒng)一命題，答題時限為 90 分鐘。 第 2 部分 試題類型及答題規(guī)范 一選擇題 1. Web 瀏覽器的作用是（ ）。 A負(fù)責(zé)下載并顯示網(wǎng)頁，能將 Web 文檔的 HTML 編碼解釋，并顯示為在瀏覽器上所見的 Web 頁面 B運(yùn)行在服務(wù)器僅供服務(wù)器維護(hù)員使用的專用瀏覽器 C瀏覽 Web 頁面部分內(nèi)容比整個頁面內(nèi)容要快 D下載網(wǎng)頁時不是根據(jù)頁面中的 HTML 編碼分別下載信息，而是一種隨機(jī)性 的下載方式 2. HTTP 協(xié)議是（ ）。 A遠(yuǎn)程登錄協(xié)議 B郵件協(xié)議 C超文本傳輸協(xié)議 D文件傳輸協(xié)議 3. 下列標(biāo)記可以不成對出現(xiàn)的是（ ）。 A html /html B p /p C title /title D body /body 4. 下圖為 Dreamweaver 的新建文檔頁面，一般情況下，創(chuàng)建完全空白的靜態(tài)頁面應(yīng)選擇（ ）。 2 A. 基本頁類別中的“ HTML 模板”選項 B. 基本頁類別中的“ HTML”選項 C. 動態(tài)頁類別中的選項 D. 入門頁面中的選項 5. 下列 （ ）不能在網(wǎng)頁的“頁面屬性”中進(jìn)行設(shè)置。 A 文檔編碼 B 背景顏色、文本顏色、鏈接顏色 C 網(wǎng)頁背景圖及其透明度 D 跟蹤圖像及其透明度 6. 在表格標(biāo)記中， cellpadding 屬性的作用是（ ）。 A表格與頁面邊距 B表格擴(kuò)展邊距 C數(shù)據(jù)與表框距離 D表格邊的寬度 7. 下列選項中（ ）按鈕表示插入 Fireworks HTML。 A B C D 8. 對于標(biāo)記 input type=*，其中 *位置放上一個值，表示輸入時顯示 *號，該值是（ ）。 A hidden B text C password D submit 9. CSS 的含義是（ ）。 A文檔對象模型 B客戶端腳本程序語言 C級聯(lián)樣式表 D可擴(kuò)展標(biāo)記語言 10. 在 Flash MX2004 中，定義在動畫中的變化的幀是（ ）。 A關(guān)鍵幀 B空白幀 C普通幀 D以上都可以 11. 在 Dreamweaver 編輯環(huán)境下，下圖中共有（ ）超鏈接（文字、錨點(diǎn)和圖像熱點(diǎn)）。 3 A. 2 個 B. 3 個 C. 4 個 D. 5 個 12. 如下所示的這段 CSS 樣式代碼，定義 的樣式效果是（ ）。 a:link color: #ff0000； a:visited color: #00ff00； a:hover color: #0000ff； a:active color: #000000； 其中 #ff0000 為紅色， #00000 為黑色， #0000ff 為藍(lán)色， #00ff00 為綠色 A 默認(rèn)鏈接色是綠色，訪問過鏈接是藍(lán)色，鼠標(biāo)上滾鏈接是黑色，活動鏈接是紅色 B 默認(rèn)鏈接色是藍(lán)色，訪問過鏈接是黑色，鼠標(biāo)上滾鏈接是紅色，活動鏈接是綠色 C 默認(rèn)鏈接色是黑色，訪 問過鏈接是紅色，鼠標(biāo)上滾鏈接是綠色，活動鏈接是藍(lán)色 D 默認(rèn)鏈接色是紅色，訪問過鏈接是綠色，鼠標(biāo)上滾鏈接是藍(lán)色，活動鏈接是黑色 13. Fireworks 圖像文件的擴(kuò)展名為（ ） A jpg B gif C bmp D png 14. HTML 語言是一種 （ ）。 A 標(biāo)注語言 B 機(jī)器語言 C 匯編語言 D 算法語言 15. 超級鏈接應(yīng)該使用的標(biāo)記是（ ） A title B body C a D head 16. 使用 Dreamweaver 將任一個單元格拆分為 3 行的操作正確的是（ ）。 A表格屬性欄“拆分”對話框，列數(shù) 3 B 表格屬性欄“拆分”對話框，行數(shù) 3 C 右鍵菜單表格插入行 D 直接單擊“ Tab”鍵兩次 17. 下列關(guān)于 CSS 的說法錯誤的是 （ ）。 4 A CSS 的全稱是 Cascading Style Sheets，中文的意思是“層疊樣式表” B CSS 樣式不僅可以控制大多數(shù)傳統(tǒng)的文本格式屬性，還可以定義一些特殊的 HTML屬性 C 使用 Dreamweaver 只能可視化創(chuàng)建 CSS 樣式，無法以源代碼方式對其進(jìn)行編輯 D CSS 的作用是精確定義頁面中各 元素以及頁面的整體樣式 18. 關(guān)于絕對路徑的使用，以下說法錯誤的是 （ ）。 A 使用絕對路徑的鏈接不能鏈接本站點(diǎn)的文件，要鏈接本站點(diǎn)文件只能使用相對路徑 B 絕對路徑是指包括服務(wù)器規(guī)范在內(nèi)的完全路徑，通常使用 http:/ 來表示 C 絕對路徑不管源文件在什么位置都可以非常精確地找到 D 如果希望鏈接其它站點(diǎn)上的內(nèi)容，就必須使用絕對路徑 19. 在表格標(biāo)記中， 標(biāo)簽表示（ ）。 A表格中的行 B表格中的列 C表格中的單元格 D表格邊的寬度 20. 以下 （ ） 標(biāo)記是插入到網(wǎng)頁中的命名錨 記 。 A B C D 21. 在 Dreamweaver 中，超 級 鏈接 標(biāo)簽具 有四種不同的狀態(tài)，下面 不屬于標(biāo)簽狀態(tài) 的是（ ）。 A活動 的鏈接 a:active B 當(dāng)前鏈接 a:hover C 鏈接 a:link D 沒有訪問過的鏈接 a:unvisited 22. 以下幾個事件中代表“鼠標(biāo)滑到”的事件是（ ）。 A OnMouse Down B OnMouse Out C OnMouse Over D OnouseUp 23. 關(guān)于表格背景，說法正確的是（ ）。 A 只能定義表格背景顏 色，不能用圖片作為表格背景 B 可以使用顏色或圖片作為表格背景圖，但圖片格式必須是 GIF 格式 C 可以使用顏色或圖片作為表格背景圖，但圖片格式必須是 JPEG 格式 D 可以使用顏色或圖片作為表格背景圖，可以使用任何的 GIF 或者 JPEG 圖片文件 24. 下圖中顯示的表單元素有 （ ）。 5 A文本字段、單選按鈕、多選按鈕、列表 /菜單 B文本字段、列表 /菜單、郵件區(qū)域、單選按鈕 C文本字段、列表 /菜單、密碼型文本域、單選按鈕 D文本字段、列表 /菜單、單選按鈕、圖像域 25. Fireworks 制作動畫過程中，如果 當(dāng)前幀的內(nèi)容與前面某一幀的內(nèi)容相同，可以采用的操作是（ ）。 A復(fù)制幀 B幀重制 C重制幀 D克隆 26. 在 Flash 中， 時間軸上插入關(guān)鍵幀的快捷鍵是（ ）。 A F5 B F6 C F7 D F8 27. 下列關(guān)于 HTML 的說法正確的是（ ） 。 A HTML 是網(wǎng)頁的核心，是一種超文本標(biāo)記的程序設(shè)計語言 。 B通過網(wǎng)頁瀏覽器閱讀 HTML 文件時， WEB 服務(wù)器負(fù)責(zé)解釋插入到 HTML 文本中的各種標(biāo)記 。 C HTML 是網(wǎng)頁的核心 ，是一種超文本標(biāo)記的語言，它是頁面描述語言 。 D編制 HTML 文件時不需要加入任何標(biāo)記 (tag)。 28. 目前在 Internet 上應(yīng)用最為廣泛的服務(wù)是（ ）。 A FTP 服務(wù) B WWW 服務(wù) C Telnet 服務(wù) D Gopher 服務(wù) 29. 下列標(biāo)記可以不成對出現(xiàn)的是（ ）。 A html B br C title D body 30. 在 Dreamweaver 中，下面對象中可以添加熱點(diǎn)的是 （ ）。 6 A文字 B圖像 C層 D動畫 31. JavaScript 包括在 HTML 中，它成為 HTML 文檔的一部分 ，可將 標(biāo)識放入（ ）。 A 只能在 . 之間 B 只能在 .之間 C 既可放入 . 之間，也可放入 .之間 D 只能在 .之間 32. 在表格標(biāo)記中， 標(biāo)簽表示（ ）。 A表格中 的行 B表格中的列 C表格中的單元格 D表格邊的寬度 33. 下列選項中（ ）按鈕表示插入 Flash。 A B C D 34. 要將左圖所示的表格修改為右圖所示的狀態(tài)，不能執(zhí)行的操作是（ ）。 左圖 右圖 A 選中整個表格，在屬性面板中將表格的行數(shù)從 1 改為 2 B 依次將左右單元格拆分為兩行 C 將光標(biāo)放在表格中的任意位置，執(zhí)行命令“修改 /表格 /插入行或列”，在彈出的對話框中選擇插入行，行數(shù)為 1，位置為“所選之下” D 將光標(biāo)放在表格中的任意位置，執(zhí)行命令“修改 /表格 /插入行” 35. 以下幾個事件中代表“鼠標(biāo) 按下 ”的事件是（ ）。 A OnMouse Down B OnMouse Out C OnMouse Over D OnouseUp 36. 關(guān)于在 Dreamweaver 中插入 Flash 文本，說法錯誤的是（ ）。 7 A 可以設(shè)置 Flash 文本的動態(tài)效果，如淡入淡出等 B 通過插入 Flash 文本，用戶可以直接創(chuàng)建一個 Flash 文本對象的動畫 C 可以設(shè)置 Flash 文本的字體、字號、文本顏色、鼠標(biāo)轉(zhuǎn)滾顏色等屬性 D 可以為 Flash 文本設(shè)置鏈接 37. 添加背景音樂的 HTML 標(biāo)簽是（ ）。 A B C D 38. 如下所示的這段 CSS 樣式代碼，定義的樣式效果是（ ）。 a:link color: #ff0000； a:visited color: #00ff00； a:hover color: #0000ff； a:active color: #000000； 其中 #ff0000 為紅色， #00000 為黑色， #0000ff 為藍(lán)色， #00ff00 為綠色 A 默認(rèn)鏈接色是綠色，訪問過鏈接是藍(lán)色，鼠標(biāo)上滾鏈接是黑色，活動鏈接是紅色 B 默認(rèn)鏈接色是藍(lán)色，訪問過鏈接是黑色，鼠標(biāo)上滾鏈接是紅色，活動鏈接是綠色 C 默認(rèn)鏈接色是黑色，訪問過鏈接是紅色，鼠標(biāo)上滾鏈接是綠色，活動鏈接是藍(lán)色 D 默認(rèn)鏈接色是紅色，訪問過鏈接是綠色，鼠標(biāo)上滾鏈接是藍(lán)色，活動鏈接是黑色 39. 在 Fireworks 中，新建一個文檔時，關(guān)于畫布的顏色，下面哪個選項是沒有出現(xiàn)的？（ ） A白色 B透明色 C綠色 D自定義顏色 二填空題 1. 目前，網(wǎng)頁中使用的較多的圖像格式主要是 GIF、 _和 _。 2. 在 Dreamweaver MX2004 中，有些要插入網(wǎng)頁的圖像暫時還沒有準(zhǔn)備好，又需要在當(dāng)前位置安排好插入圖像的位置和尺寸時，就可以通過插入 _來實現(xiàn)。 3. 在設(shè)置打開鏈接目標(biāo)網(wǎng)頁的“目標(biāo)”下拉列表框中， _是使用一個新的未命名的瀏覽器窗口加載鏈接目標(biāo)網(wǎng)頁或文件。 4. 在如下的一個電子郵件超鏈接中，定義郵件 的主題為“網(wǎng)絡(luò)經(jīng)濟(jì)論壇”，并抄送給 ””郵件地址。 Mailto:?_= &_=網(wǎng)絡(luò)經(jīng)濟(jì)論壇 5. 在 body 標(biāo)簽后插入代碼： ，其中標(biāo)簽表示 _。 6. 在 Dreamweaver MX2004中存在著 3種表格視圖模式：標(biāo)準(zhǔn)模式、擴(kuò)展模式和 _。 7. 在 Fireworks MX2004 中，根據(jù)創(chuàng)建蒙版對象不同，可將蒙版的類型分為位圖蒙版和_。 8. Flash 可以創(chuàng)建兩種類型的補(bǔ)間動畫：補(bǔ)間動作和 _。 9. 由于網(wǎng)頁中包含超級鏈接，因此，網(wǎng)頁也被稱為 _，傳輸協(xié)議被稱為_。 10. 當(dāng)網(wǎng)頁的內(nèi)容較多時，對頁面不同位置進(jìn)行鏈接的是 _。 8 11. 在電子郵件鏈接中， _表示郵件主題； _表示抄送地址。 12. 在網(wǎng)頁中添加表格的方式有兩種： _和 _。 13. 絕對路徑： _。 14. 在 Dreamweaver MX2004 中，常見的觸發(fā)行為事件如： _表示圖像或頁面載入完成時； _表示離開頁面時。 15. 網(wǎng)頁分成兩種模式， _網(wǎng)頁和 _網(wǎng)頁。 16. 創(chuàng)建一個留言表單，其中要求能夠輸入多行文本，留言內(nèi)容項選用的表單對象是_。 17. 在設(shè)置打開鏈接目標(biāo)網(wǎng) 頁的“目標(biāo)”下拉列表框中， _是使用整個瀏覽器窗口加載鏈接目標(biāo)網(wǎng)頁或文件。 18. 一般來說，超級鏈接包含下列類型：文檔鏈接、書簽鏈接、 _、 _和腳本鏈接。 19. _是包含服務(wù)器協(xié)議的完整路徑，是一個精確地址。 20. 在 Dreamweaver MX2004 中，我們可以使用表格、 _和 _來布局。 21. Flash 可以創(chuàng)建兩種類型的補(bǔ)間動畫： _和補(bǔ)間形狀。 三判斷題 1. 在一個 WEB 站點(diǎn)中，主頁就是網(wǎng)頁，兩者是一致的。（ ） 2. 在 HTML 中， 標(biāo)簽表示換行。（ ） 3. 創(chuàng)建超鏈接中，相對路徑是包含服務(wù)器協(xié)議的完整路徑，是一個精確的地址。（ ） 4. 在 Dreamweaver MX2004 中，可以導(dǎo)入外部的數(shù)據(jù)文件，還可以將網(wǎng)頁中的數(shù)據(jù)表格導(dǎo)出為純文本的數(shù)據(jù)文件。（ ） 5. CSS 樣式表可以從外部導(dǎo)入，通過鏈接的形式，使用樣式定義。（ ） 6. 動態(tài)網(wǎng)頁就是網(wǎng)頁中有許多多媒體元素和一些動的效果，使用戶感覺頁面非常有活力。（ ） 7. 在 HTML 中，標(biāo)簽都必須有關(guān)閉標(biāo)記。（ ） 8. JPEG 圖像是一種有損壓縮的圖像格式。（ ） 9. 所謂“跟蹤圖像”是在設(shè)計網(wǎng)頁之前， Dreamweaver 導(dǎo)入的草圖。（ ） 10. CSS 樣式，只能通過外部導(dǎo)入，并鏈接到網(wǎng)頁，網(wǎng)頁才能有效果。（ ） 11. 在一個 WEB 站點(diǎn)中，每一個網(wǎng)頁都有唯一的網(wǎng)址。（ ） 12. 在 HTML 中， 標(biāo)簽表示換行。（ ） 13. GIF 格式的圖像最多只能表現(xiàn) 256 色，圖像文件也很小。（ ） 14. 所謂“跟蹤圖像”是在設(shè)計網(wǎng)頁之前， Dreamweaver 導(dǎo)入的草圖。（ ） 15. 在 Fireworks MX 2004 中，切片工具可以將較大的圖像切成小塊，以提高下載速度，但是切片工具只能切規(guī)則圖形。（ ） 四 簡答題 1. 簡述建立 WEB 站點(diǎn)的一般步驟。 2. 簡述在網(wǎng)頁中插入多媒體元素例如 Flash 動畫的步驟。 3. 簡述創(chuàng)建表單的基本步驟。 4. 簡述設(shè)置網(wǎng)頁背景音樂的基本操作步驟。 5. 什么是 CSS 樣式？并列舉 CSS 樣式的類型。 6. 簡要敘述矢量圖像和位圖圖像的區(qū)別。 7. 簡述創(chuàng)建本地 WEB 站點(diǎn)的基本操作步驟。 9 8. 什么是圖像占位符？ 9. 簡述錨記鏈接的定義，并簡要敘述創(chuàng)建錨記鏈接的基 本步驟。 10. 說一說，你在本課程的學(xué)習(xí)過程中，感到最難學(xué)的部分是什么？并說明難在何處？ 五操作題 1. 根據(jù)網(wǎng)頁截圖，完成下面的 HTML 代碼。（注：表格背景顏色為 99FFFF，并且表格在網(wǎng)頁內(nèi)居中對齊 ） 表格的使用 _ _ 2. 根據(jù)提供的素材和網(wǎng)頁截圖，寫出網(wǎng)頁的 HTML 代碼。 10 圖 1 網(wǎng)頁內(nèi)容圖片（圖片路徑： image/tou.gif） 圖 2 網(wǎng)頁背景圖片（圖片路徑： image/bg.gif） 圖 3 網(wǎng)頁截圖 3. 根據(jù)網(wǎng)頁內(nèi)容，完成下面的 HTML 代碼。 11 客戶注冊信息 客戶姓名： _（ 1） 密碼： _（ 2） 確認(rèn)密碼： _（ 3） 性別： _（ 4） _（ 5） 城市： 杭州 紹興 溫州 寧波 嘉興  ； 12 從下列選項中選擇正確的選項填入上面的空缺處，完成網(wǎng)頁代碼。 A 女 B （最多 16 個字符） C 男 D （最多 16 個字符） E F 男 G 女 H 4. 如圖 4 所示，簡述在 Fireworks 中制作透明導(dǎo)航條的步驟。 要求：（ 1）具有文件創(chuàng)建、保存的完整過程； （ 2）寫出制作過程中的關(guān)鍵步驟，細(xì)節(jié)處理可以省略。 圖 4 參考答案： 一選擇題 1 2 3 4 5 6 7 8 9 10 A C B B C C B C C A 11 12 13 14 15 16 17 18 19 20 B D D A C B C A B C 21 22 23 24 25 26 27 28 29 30 D C D D C B C B B B 31 32 33 34 35 36 37 38 39 C A D D A A A D C 13 二填空題 1. JPEG； PNG 2. 圖像占位符 3. _blank 4. cc； subject 5. 背景音樂 6. 布局模式 7. 矢量蒙版 8. 補(bǔ)間形狀 9. 超文本 ； 超文本傳輸協(xié)議 10. 錨記鏈接 11. subject； cc 12. 插入表格 ； 導(dǎo)入表格數(shù)據(jù) 13. 是包 含服務(wù)器協(xié)議的完整路徑，是一個精確地址； 14. OnLoad； OnUnload 15. 靜態(tài) ； 動態(tài) 16. 文本區(qū)域 17. _top 18. email 鏈接 ； 空鏈接 19. 絕對路徑 20. 框架；層 21. 矢量蒙版 22. 補(bǔ)間動作 三 判斷題 1 5： 6 10： 11 15： 四 簡答題 1. 答： 建立 WEB 站點(diǎn)的一般步驟如下： a) 對創(chuàng)建的站點(diǎn)進(jìn)行規(guī)劃，明確建站的目的、規(guī)模、面向的群體、服務(wù)器端的配置等各項情況； b) 建立一個完整的站點(diǎn)目錄結(jié)構(gòu)； c) 確定版面布局，收集和制作素材； d) 制作網(wǎng)頁； e) 站點(diǎn)測試、發(fā)布及維護(hù)更新。 2. 答：插入 Flash 動畫的一般 操作步驟： a) 將光標(biāo)定位在要插入 Flash 動畫的位置； b) 單擊菜單“插入” /” 媒體 ” /“ Flash”； c) 在打開的“選擇文件”對話框中選擇要插入的 Flash 動畫文件，并確定，便完成在指定位置插入 Flash 動畫。 3. 答：創(chuàng)建表單的基本步驟： a) 確定需要收集的信息，然后根據(jù)信息特點(diǎn)開始設(shè)計表單； b) 在表單中插入不同的表單元素； c) 設(shè)置表單域的輸入規(guī)則； 14 d) 設(shè)置通過表單所收集的信息的處理方式； e) 設(shè)置確認(rèn)網(wǎng)頁，確認(rèn)已經(jīng)收到用戶填寫的信息，并可與用戶核對是否正確。 4. 答：設(shè)置網(wǎng)頁背景音樂的基本操作步驟 如下： a) 打開需要添加背景音樂的 網(wǎng)頁； b) 單擊“文檔“窗口”文檔“工具欄的”代碼“按鈕，切換到代碼視圖； c) 在 body 標(biāo)簽后加入代碼： 。這里” -1“表示循環(huán)播放； d) 保存網(wǎng)頁后預(yù)覽效果，網(wǎng)頁背景音樂添加成功。 5. 答： CSS 樣式是網(wǎng)頁元素外觀屬性的集合。它可以定義文字、表格、圖像、表單等網(wǎng)頁元素的屬性。 CSS 樣式的類型由：自定義 CSS 樣式； HTML 標(biāo)簽樣式； CSS 選擇器樣式。 6. 答：矢量圖像使用“矢量“的線條和曲線來描述圖像，矢量圖像中記錄的是圖像中每個位置的坐標(biāo)以及這些坐標(biāo)之 間的相互關(guān)系，這種關(guān)系也叫路徑，因此矢量圖像與分辨率無關(guān)。 位圖圖像由排列成網(wǎng)格的點(diǎn)組成。圖像由網(wǎng)格中每個象素的位置和顏色來