《《網(wǎng)頁(yè)設(shè)計(jì)與制作》試卷.doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《《網(wǎng)頁(yè)設(shè)計(jì)與制作》試卷.doc（8頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

杭州市中等職業(yè)學(xué)校《網(wǎng)頁(yè)設(shè)計(jì)與制作》試卷 學(xué)校： 學(xué)籍號(hào)： 姓名： 考試說(shuō)明： 1、 請(qǐng)把教師機(jī)上“website”文件夾復(fù)制—>粘貼到本地D盤(pán)根目錄下, 上交時(shí)必須把整個(gè)文件夾壓縮打包，并重命名為“學(xué)籍號(hào).rar”，不要填加空格或是其他分隔符。 2、 此文件夾中只能包括主頁(yè)文件(index.html)和三個(gè)下級(jí)文件夾files、images、other、css。文件夾files中存放除主頁(yè)外的其他網(wǎng)頁(yè)文件（擴(kuò)展名為.html），文件夾images中存放圖片（題目中所有的圖片都在改文件夾內(nèi)），文件夾css中存放樣式表文件（擴(kuò)展名為.css），文件夾other中存放其他所有文件。在文件夾files、images、other、css中不得再自建子文件夾。 3、 除以上規(guī)定的文件和文件夾外，其他的文件只能由小寫(xiě)字母、阿拉伯?dāng)?shù)字和下劃線組成，擴(kuò)展名必須為小字英文字母。 4、 不按以上要求制作將做扣分處理。 5、 考試時(shí)間：90分鐘。 一、理論題（10分，每題1分） 1． 下列不適合作為網(wǎng)頁(yè)圖像素材的是文件類型是（ ） A．JPEG文件 B.GIF文件 C.PNG文件 D.PSD文件 2．一般網(wǎng)頁(yè)上鏈接文件使用的路徑為（ ） A．絕對(duì)路徑 B.相對(duì)路徑 C.直通路徑 D.交叉路徑 3．在表格屬設(shè)置中，間距指的是（ ）。 A．單元格內(nèi)文字距離單元格內(nèi)部邊框的距離 B．單元格內(nèi)圖像距離單元格內(nèi)部邊框的距離 C．單元格內(nèi)文字距離單元格左部邊框的距離 D．單元格與單元格之間的寬度 4．下面說(shuō)法錯(cuò)誤的是（ ）。 A．單元格可以相互全并 B．在表格中可以插入行 C．可以拆分單元格 D．在單元格中不可以設(shè)置背景圖片 5．在屬性面板的（ ）下方設(shè)置表格的名稱。 A．表格Id B．表格名稱 C．表格邊框 D．表格內(nèi)容 6．（ ）屏幕顯示分辨率是目前上網(wǎng)用戶最不可能采用的。 A．800600 B．1024768 C．480320 D．12801024 7. 在Dreamweaver CS3中，在設(shè)置各分框架屬性時(shí)，“滾動(dòng)”參數(shù)是用來(lái)設(shè)置( )屬性的。 A. 是否進(jìn)行顏色設(shè)置 B. 是否出現(xiàn)滾動(dòng)條 C. 是否設(shè)置邊框?qū)挾? D. 是否使用默認(rèn)邊框?qū)挾? 8. 可以用來(lái)表示一個(gè)網(wǎng)站所要表達(dá)的主要內(nèi)容的是（ ） A.網(wǎng)站規(guī)劃 B.網(wǎng)站主題 C.目錄規(guī)劃 D.網(wǎng)站結(jié)構(gòu)設(shè)計(jì) 9.Dreamweaver CS3中，有三種視圖模式，下列哪一種不是正確視圖模式。（ ） A.代碼視圖 B.編輯視圖 C.拆分視圖 D.設(shè)計(jì)視圖 10. （ ）指存放在本地計(jì)算機(jī)硬盤(pán)上的站點(diǎn)。 A.本地站點(diǎn) B.遠(yuǎn)程站點(diǎn) C.測(cè)試站點(diǎn) D.上述都不是 二、操作題（90分） 1. 頁(yè)面屬性的設(shè)置及圖文混排，如圖-1效果所示。（10分） l 設(shè)置上下邊距為0，左右邊距為100,網(wǎng)頁(yè)標(biāo)題為“西湖十景簡(jiǎn)介”。 l 文章標(biāo)題為36號(hào)字，加粗，要求上標(biāo)效果。 l 正文為16號(hào)字，每段開(kāi)頭空兩個(gè)漢字字符大小，實(shí)現(xiàn)圖文混排效果，圖片和正文間距離為10像素，圖片有1像素的邊框，圖片的替代內(nèi)容為“西湖十景”。 l 在正文前后插入水平線，高度為1像素，顏色為藍(lán)色。 l 把網(wǎng)頁(yè)保存在files文件下，文件名為shijing.html。 圖-1 2. 超鏈接的使用，如圖-2所示。（10分） l 根據(jù)圖2效果所示進(jìn)行網(wǎng)頁(yè)排版。 l 西湖十景：鏈接到站點(diǎn)內(nèi)files文件下shijing.html。 l 西湖博覽：鏈接到外部地址http://www.xh-expo.com，并要求在新窗口打開(kāi)。 l 與我聯(lián)系：鏈接到電子郵件admin@xihu.com。 l 圖像熱點(diǎn)：圖像中“西湖十景”這塊區(qū)域鏈接到站點(diǎn)內(nèi)files文件下shijing.html。 l 返回頂部：返回到網(wǎng)頁(yè)最上方的效果。 l 關(guān)閉窗口：javascript代碼，實(shí)現(xiàn)關(guān)閉窗口效果 l 把網(wǎng)頁(yè)保存在files文件下，文件名為pingwei.html。 圖-2 3. 表格制作及CSS設(shè)置，如圖-3效果所示。（10分） l 根據(jù)圖3效果所示進(jìn)行網(wǎng)頁(yè)排版。 l 建立CSS文件，保存在css文件下，文件名為chi.css。 l 在chi.css建立類名為“.biankuang”，效果是表格或單元格的邊框?yàn)?像素的實(shí)線，顏色為“#660000”，單元格內(nèi)文字的行間距為20像素，單元格里的內(nèi)容離邊框距離為10像素。 l 在chi.css建立類名為“.xuxian”，使“介紹”所在單元格的下邊框顯示為虛線。 l 在相應(yīng)的地方應(yīng)用以上兩個(gè)類。 l 把網(wǎng)頁(yè)保存在files文件下，文件名為chi.html。 圖-3 4. “顯示/隱藏元素”的行為制作，如圖-4效果所示。（10分） l 根據(jù)圖4效果所示進(jìn)行網(wǎng)頁(yè)排版。 l 實(shí)現(xiàn)當(dāng)鼠標(biāo)單擊下方縮略圖時(shí)，上方顯示大圖形的效果。 l 把網(wǎng)頁(yè)保存在files文件下，文件名為you.html。 圖-4 5. 表單的制作，如圖-5效果所示。（10分） l 根據(jù)圖5效果所示進(jìn)行網(wǎng)頁(yè)排版。 l “姓名”單行文本框名稱為“name”,必須填寫(xiě)。 l “密碼”密碼文本框名稱為“password”， 密碼長(zhǎng)度必須在6到15位。 l “表情”單選按鈕組名稱為“biaoqing”，選定值為各個(gè)圖片的文件名，第一項(xiàng)默認(rèn)選中。 l “興趣愛(ài)好”復(fù)選框組的名稱為“xingqu”，選定值為相應(yīng)的興趣愛(ài)好,必須填寫(xiě)。 l “地區(qū)”列表框的名稱為“diqu”，“項(xiàng)目標(biāo)簽”和“值”相同，分別為“杭州市區(qū)”，“富陽(yáng)市”，“桐廬縣”，“建德市”，“淳安縣”， 其中“杭州市區(qū)”為默認(rèn)，必須選擇。 l “留言內(nèi)容”名稱為“neirong”，字符寬度為50，行數(shù)為10，最小字符數(shù)為10，最大字符數(shù)為200，要求顯示剩余的字符數(shù)。 l 更改提交按鈕和重置按鈕顯示的值，分別為“留言”和“取消”。 l 把網(wǎng)頁(yè)保存在files文件下，文件名為liuyan.html。 圖-5 6. 根據(jù)提供的素材與網(wǎng)頁(yè)效果制作首頁(yè)，如圖-6所示（40分） l 制作上下格局的框架，上方框架頁(yè)保存在files文件下，文件名為top.html, 下方框架頁(yè)保存在files文件下，文件名為xihu.html，框架集保存在站點(diǎn)文件夾下，文件名為index.html。 l 根據(jù)圖-6效果所示進(jìn)行網(wǎng)頁(yè)排版，建立CSS文件，保存在css文件下，文件名為css.css。 l 導(dǎo)航欄設(shè)定超鏈接a.link狀態(tài)顏色為白色，加粗，無(wú)下劃線，a.hover狀態(tài)顏色為黃色，加粗，無(wú)下劃線，a.visited狀態(tài)顏色為白色，加粗，無(wú)下劃線。 l 導(dǎo)航欄中“返回首頁(yè)”鏈接到index.html，“西湖十景”，“品味杭州”，“吃在杭州”，“游在杭州”，“請(qǐng)你留言”分別鏈接到上面5個(gè)網(wǎng)頁(yè)，要求在下方框架中顯示。 l 網(wǎng)頁(yè)正文字體大小為14號(hào)字。 l 在css.css建立類名為“.biankuang”，效果是表格或單元格的邊框?yàn)?像素的實(shí)線，顏色為“#0066CC”，單元格里的內(nèi)容離邊框距離為10像素。 l 在css.css建立類名為“.xuxian”，使“概況”,“圖片展示”所在單元格的下邊框顯示為虛線。 l “圖片展示”下方圖片實(shí)現(xiàn)從右向左滾動(dòng)效果。 l 網(wǎng)頁(yè)整體協(xié)調(diào)，具備一定的藝術(shù)欣賞效果。 圖-6 8