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

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