《網頁設計與制作》試卷.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