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