網(wǎng)頁(yè)設(shè)計(jì)及制作試卷

.z市中等職業(yè)學(xué)校?網(wǎng)頁(yè)設(shè)計(jì)與制作?試卷學(xué)校：學(xué)籍號(hào)：：考試說(shuō)明：請(qǐng)把教師機(jī)上“website〞文件夾復(fù)制—>粘貼到本地D盤(pán)根目錄下,上交時(shí)必須把整個(gè)文件夾壓縮打包，并重命名為“學(xué)籍號(hào).rar〞，不要填加空格或是其他分隔符。此文件夾中只能包括主頁(yè)文件(inde*.html)和三個(gè)下級(jí)文件夾files、images、other、css。文件夾files中存放除主頁(yè)外的其他網(wǎng)頁(yè)文件〔擴(kuò)展名為.html〕，文件夾images中存放圖片〔題目中所有的圖片都在改文件夾〕，文件夾css中存放樣式表文件〔擴(kuò)展名為.css〕，文件夾other中存放其他所有文件。在文件夾files、images、other、css中不得再自建子文件夾。除以上規(guī)定的文件和文件夾外，其他的文件只能由小寫(xiě)字母、阿拉伯?dāng)?shù)字和下劃線組成，擴(kuò)展名必須為小字英文字母。不按以上要求制作將做扣分處理。考試時(shí)間：90分鐘。一、理論題〔10分，每題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．單元格文字距離單元格部邊框的距離B．單元格圖像距離單元格部邊框的距離C．單元格文字距離單元格左部邊框的距離D．單元格與單元格之間的寬度4．下面說(shuō)法錯(cuò)誤的選項(xiàng)是〔〕。A．單元格可以相互全并B．在表格中可以插入行C．可以拆分單元格D．在單元格中不可以設(shè)置背景圖片5．在屬性面板的〔〕下方設(shè)置表格的名稱。A．表格IdB．表格名稱C．表格邊框D．表格容6．〔〕屏幕顯示分辨率是目前上網(wǎng)用戶最不可能采用的。A．800×600B．1024×768C．480×320D．1280×10247.在DreamweaverCS3中，在設(shè)置各分框架屬性時(shí)，“滾動(dòng)〞參數(shù)是用來(lái)設(shè)置()屬性的。A.是否進(jìn)展顏色設(shè)置B.是否出現(xiàn)滾動(dòng)條C.是否設(shè)置邊框?qū)挾菵.是否使用默認(rèn)邊框?qū)挾?.可以用來(lái)表示一個(gè)所要表達(dá)的主要容的是〔〕 A.規(guī)劃B.主題 C.目錄規(guī)劃D.構(gòu)造設(shè)計(jì)9.DreamweaverCS3中，有三種視圖模式，以下哪一種不是正確視圖模式?！病?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分〕頁(yè)面屬性的設(shè)置及圖文混排，如圖-1效果所示?！?0分〕設(shè)置上下邊距為0，左右邊距為100,網(wǎng)頁(yè)標(biāo)題為“西湖十景簡(jiǎn)介〞。文章標(biāo)題為36號(hào)字，加粗，?要求上標(biāo)效果。正文為16號(hào)字，每段開(kāi)頭空兩個(gè)漢字字符大小，實(shí)現(xiàn)圖文混排效果，圖片和正文間距離為10像素，圖片有1像素的邊框，圖片的替代容為“西湖十景〞。在正文前后插入水平線，高度為1像素，顏色為藍(lán)色。把網(wǎng)頁(yè)保存在files文件下，文件名為shijing.html。圖-1超的使用，如圖-2所示?！?0分〕根據(jù)圖2效果所示進(jìn)展網(wǎng)頁(yè)排版。西湖十景：到站點(diǎn)files文件下shijing.html。西湖博覽：到外部地址.*h-e*po.，并要求在新窗口翻開(kāi)。與我聯(lián)系：到電子admin*ihu.。圖像熱點(diǎn)：圖像中“西湖十景〞這塊區(qū)域到站點(diǎn)files文件下shijing.html。返回頂部：返回到網(wǎng)頁(yè)最上方的效果。關(guān)閉窗口：javascript代碼，實(shí)現(xiàn)關(guān)閉窗口效果把網(wǎng)頁(yè)保存在files文件下，文件名為pingwei.html。圖-2表格制作及CSS設(shè)置，如圖-3效果所示?！?0分〕根據(jù)圖3效果所示進(jìn)展網(wǎng)頁(yè)排版。建立CSS文件，保存在css文件下，文件名為chi.css。在chi.css建立類名為“.biankuang〞，效果是表格或單元格的邊框?yàn)?像素的實(shí)線，顏色為“*660000〞，單元格文字的行間距為20像素，單元格里的容離邊框距離為10像素。在chi.css建立類名為“.*u*ian〞，使“介紹〞所在單元格的下邊框顯示為虛線。在相應(yīng)的地方應(yīng)用以上兩個(gè)類。把網(wǎng)頁(yè)保存在files文件下，文件名為chi.html。圖-3“顯示/隱藏元素〞的行為制作，如圖-4效果所示。〔10分〕根據(jù)圖4效果所示進(jìn)展網(wǎng)頁(yè)排版。實(shí)現(xiàn)當(dāng)鼠標(biāo)單擊下方縮略圖時(shí)，上方顯示大圖形的效果。把網(wǎng)頁(yè)保存在files文件下，文件名為you.html。圖-4表單的制作，如圖-5效果所示?！?0分〕根據(jù)圖5效果所示進(jìn)展網(wǎng)頁(yè)排版?！皑晢涡形谋究蛎Q為“name〞,必須填寫(xiě)?！懊艽a〞密碼文本框名稱為“password〞，密碼長(zhǎng)度必須在6到15位。“表情〞單項(xiàng)選擇按鈕組名稱為“biaoqing〞，選定值為各個(gè)圖片的文件名，第一項(xiàng)默認(rèn)選中?！芭d趣愛(ài)好〞復(fù)選框組的名稱為“*ingqu〞，選定值為相應(yīng)的興趣愛(ài)好,必須填寫(xiě)?！暗貐^(qū)〞列表框的名稱為“diqu〞，“工程標(biāo)簽〞和“值〞一樣，分別為“市區(qū)〞，“富陽(yáng)市〞，“桐廬縣〞，“建德市〞，“淳安縣〞，其中“市區(qū)〞為默認(rèn)，必須選擇?！傲粞匀莰暶Q為“neirong〞，字符寬度為50，行數(shù)為10，最小字符數(shù)為10，最大字符數(shù)為200，要求顯示剩余的字符數(shù)。更改提交按鈕和重置按鈕顯示的值，分別為“留言〞和“取消〞。把網(wǎng)頁(yè)保存在files文件下，文件名為liuyan.html。圖-5根據(jù)提供的素材與網(wǎng)頁(yè)效果制作首頁(yè)，如圖-6所示〔40分〕制作上下格局的框架，上方框架頁(yè)保存在files文件下，文件名為top.html,下方框架頁(yè)保存在files文件下，文件名為*ihu.html，框架集保存在站點(diǎn)文件夾下，文件名為inde*.html。根據(jù)圖-6效果所示進(jìn)展網(wǎng)頁(yè)排版，建立CSS文件，保存在css文件下，文件名為css.css。導(dǎo)航欄設(shè)定超a.link狀態(tài)顏色為白色，加粗，無(wú)下劃線，a.hover狀態(tài)顏色為黃色，加粗，無(wú)下劃線，a.visited狀態(tài)顏色為白色，加粗，無(wú)下劃線。導(dǎo)航欄中“返回首頁(yè)〞到inde*.html，“西湖十景〞，“品味〞，“吃在〞，“游在〞，“請(qǐng)你留言〞分別到上面5個(gè)網(wǎng)頁(yè)，要求在下方框架中顯示。網(wǎng)頁(yè)正文字體大小為14號(hào)字。在css.css建立類名為“.biankua