《網頁設計與制作》試卷.doc

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