網頁設計題目_第1頁
網頁設計題目_第2頁
網頁設計題目_第3頁
網頁設計題目_第4頁
網頁設計題目_第5頁
已閱讀5頁，還剩6頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、一、填空題（每題2分，共30分） 1. HTML文件的擴展名可以用 .htm 或 .html 。 2. 在Dreamweaver工作界面中，要在瀏覽器中預覽測試當前網頁，是按 F12 快捷鍵。 3. 如果將單個單元格的背景顏色設置為灰色，然后將整個表格的背景顏色設置為綠色，則該單元格的背景顏色為 灰色 。 4. 在Dreamweaver中直接按Enter鍵將形成一個新的段落，如果不想另起一個段落，而只是一個斷行，應該使用  Shift+Enter 組合鍵。 5. 在HTML文件中給文字“給我寫信”加入電子郵件（elle）鏈接的語句是 <ahref=mailto:ell

2、e>給我寫信/a。6. 要在網頁中嵌入音樂、視頻、flash等資源可以用 <embed> 標記。7. 列表主要有兩種：一種是 無序列表 ，一種是 有序列表 。8. 在Dreamweaver中，使用 插入表格 可以創建網站相冊。9網頁中文字大小一般默認為_12_px，字體為_宋體_。10. 頁面添加背景圖片是使用 <body background="/img/background.jpg"> 標記。 11. 使用css代碼_text-align:center _使一段文本居中顯示。12. 當鼠標移動至a鏈接，用a:_hover_來使其樣式產生變化

3、。二、選擇題（每空1分，20分）1. HTML的英文全稱是 （ a ） . AHypertext Markup Language BHigh Text Movie LanguageCHypertransfer Movie Language DHightext Markup Language2. 在HTML語言中，表格的每一行的標記是 （ b ） 。A. <table></table> B. <tr></tr> C. <td></td> D. <th></th> 3. 在網頁中連續輸入空格的方法是 (

4、 c ) 。A. 連續按空格鍵 B. 按下Ctrl鍵再連續按空格鍵C. 轉換到dreamweaver代碼模式，連續輸入&nbsp; D. 按下Shift鍵再連續按空格鍵 4. 以下哪行代碼能夠正確顯示出文本的樣式是“紅色傾斜的” （ c） 。 A<FONT COLOR =“RED”>紅色傾斜文本<I></I></FONT>B. <I><FONT COLOR=“RED”>紅色傾斜文本</I></FONT>C. <I><FONT COLOR=“RED”>紅色傾斜文本<

5、;/FONT></I>D. <FONT COLOR=”RED”><I>紅色傾斜文本</I><FONT> 5. 在圖片中設置超鏈接的說法中正確的是 （ b ） 。 A圖片上不能設置超連接 B一個圖片上只能設置一個超連接 C鼠標移動到帶超連接的圖片上仍然顯示箭頭形狀D一個圖片上能設置多個超連接 6. 在CSS樣式類名稱前面會出現以下哪個符號 （a ） 。A.小點(.) B.$ C.￥ D.逗號（，） 7屬于網站的默認主頁的是 ( b ) 。Amyhome.htm Bindex.htm Chome.asp Dhomepage.htm8

6、. 以下哪個路徑是絕對路徑 ( c ) 。AIndex.htmlB C./index.htmlD. 9. 在DREAMWEAVER中,表單是以 （d ） 形式表現的.A. 紅色虛線 B.外框線條 C. 黑色虛線 D.沒有特別的表現形式 10. 如果要在用戶點擊某個按鈕時打開一個網頁在父級窗口顯示，則需要將a標簽增加一個target屬性，屬性值為（c ）。A. _blank B. _self C. _parent D. _top 11. 在Dreamweaver 中, 下面關于表格屬性的說法錯誤的是：( d ) A. 可以設置寬度 B. 可以設置高度 C. 可以設置表格的背景顏色 D. 可以設置

7、單元格之間的距離但是不能設置單元格內部的內容和單元格邊框之間的距離12. 在Dreamweaver中，下面不是文本域形式的是 ( d ) 。A. 單行域 B. 密碼域 C. 多行域 D. 菜單/列表 13. 下列一段HTML代碼，顯示的效果是 (b ) 。 <body bgcolor=#ffffff > <font color=#ff0000>網頁設計</font> </body> A.白底藍字 B. 白底紅字 C. 黑底紅字 D. 黑底藍字 14. 在Dreamweaver中，下面關于導入和導出表格數據說法錯誤的是： ( d ) A. Drea

8、mweaver提供了與外界數據交換的工具 B. Word文檔可以導入到Dreamweaver中并格式化為表格C. 文本文件不可以導入到Dreamweaver中并格式化為表格D. 可以將網頁中的表格導出為Word文檔 15. 當鼠標移動到文字上時顯示一個隱藏層，這個動作的觸發事件應該是 (d ) 。A. onClick B. onDblClick C. onMouseOver D. onMouseOut 16HTML代碼中，align=center表示 ( d ) 。A. 文本加注下標線 B. 文本加注上標線 C. 文本閃爍 D. 文本或圖片居中 17. HTML代碼<input type

9、=”text” name="address" size=30>表示 ( b ) 。A. 創建一個單選框 B. 創建一個單行文本輸入區域 C. 創建一個提交按紐 D. 創建一個使用圖象的提交按紐18.網頁樣式兼容性，FireFox能識別的前綴（a ）。A：-moz- B：-webkit- C：-o-D：-ms- 19.UI一致性原則不包括（ b ）A：設計目標一致 B：元素外觀一致C：交互行為一致 D：前后臺風格一致20. 在以下的 HTML 中，哪個是正確引用外部樣式表的方法？( b )A. <style src="mystyle.css"&

10、gt;B. <link rel="stylesheet" type="text/css" href="mystyle.css">C. <stylesheet>mystyle.css</stylesheet>B. <link rel="stylesheet" type="text/javascript" href="mystyle.css"> 三、解答題（共4題，共50分）1、寫出至少5個CSS3 的屬性名：( 10分 )text

11、-outline規定文本的輪廓。grid-columns規定網格中每個列的寬度。transform-origin允許你改變被轉換元素的位置。transition-property規定應用過渡的 CSS 屬性的名稱。nav-index設置元素的 tab 鍵控制次序。_2、請簡化以下代碼：（10分） 1）margin-bottom:10px; margin-top:5px; margin-left:3px; margin-right:13px; 簡化：_ margin：5px 13px 10px 3px _ 2）padding-bottom:10px; padding-top:5px; paddi

12、ng-left:10px; padding-right:10px; 簡化：_ padding : 5px 10px 10px 10px_ 3）padding-bottom:10px; padding-top:10px; padding-left:5px; padding-right:5px; 簡化：_ padding: 10px _5px _3、請用3種不同HTML標簽/屬性書寫方式寫出這段話并加粗顯示文字。（10分）“當時那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會徹底地愛上我,因為我決定說一個謊話。”答：1. <p><strong>

13、;“當時那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會徹底地愛上我,因為我決定說一個謊話。”</strong></p> 2.<b> “當時那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會徹底地愛上我,因為我決定說一個謊話。”</b> 3. <p style=”font-weight:bold”> “當時那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會徹底地愛上我,因為我決定說一個謊話。”</p>4、請問以下代碼中一共有多少處報

14、錯，找出所有錯誤部分，寫出正確寫法，并寫出HTML5 動畫發生前后的變化分別是怎樣的。（20分）<!DOCTYPE html><html><head><title>UI設計23 班 HTML5代碼考試</title><meta http-equiv=”content-type” content=”text/html; charest=utf-8”><style>divwidth:300x;height:100px;backround:red;opacity:0.8;transition:height 1s;-m

15、oz-transition:hight 1s;-webkit-transition:height 1s-o-transition:height 1s;div:hoverheight:200px;opacity:1;backgroud:yelow;</style><body><div> HTML5 動畫</div></body></html>答：一共有5個錯誤，黑色的代表錯誤，紅色的代表對的 width:300x; width:300px; backround:red; background:red; -moz-transi

16、tion:hight 1s; -moz-transition:height 1s; backgroud:yelow; backgroud:yellow;</style>的上一行加上head的結束標簽</head> HTML5 動畫發生前后的變化分別是前面變化：寬300像素， 高100像素 ，背景紅色，透明度為0.8， 高過渡1秒；后面變化：高200px，透明度變為1，背景顏色變為黃色。一、填空：；1.UI是英文User和interface的縮寫；實際上還包括兩者之間的交互關系；2.需求確認階段，需求人員需要將軟件原型圖與業務；UI負責人；3.頁面中除數據顯示外均采用di

17、v+css布局，；無冗余代碼，樣式均寫在css文件中，js如非必要；4.頁面中文字大小一般默認為12px,字體為宋體；5.橫向下拉菜單最多為級菜單；6.門戶型系統界面主色調一、填空：1. UI是英文User和 interface的縮寫。從字面上看是用戶與界面兩個組成部分，但實際上還包括兩者之間的 交互 關系。2. 需求確認階段，需求人員需要將 軟件原型圖 與業務部門確認以后提供給該項目UI負責人。3. 頁面中除數據顯示外均采用 div+css 布局，必須滿足所有瀏覽器顯示一致。頁面中無冗余代碼，樣式均寫在 css 文件中，js如非必要均寫在 js 文件中4. 頁面中文字大小一般默認為 12 p

18、x, 字體為 宋體5. 橫向下拉菜單最多為 級菜單。6. 門戶型系統界面主色調是 紅 色，應用型系統界面主色調是 藍 色，7. 門戶型系統主要支持分辨率為1024*768 。二、選擇題1. 對于聯系頁面，新增頁面（新聞瀏覽、編輯等）均應該是（ A ）顯示，使用戶能回到以前頁面進行操作A. 新窗口 B. 當前窗口 C. 父窗口 D. 彈窗2. 系統管理用于管理用戶權限和無法在前臺操作的信息，出現在（ C ）A. 主菜單上 B. 頭部右上角 C. 底部信息欄 D. 不出現3. UI一致性原則不包括：（ D ）A. 設計目標一致 B. 元素外觀一致 C. 交互行為一致 D. 前后臺風格一致4. 以下哪種不是三一集團網站的主要色調（ C ）A. 紅色 B. 藍色 C. 綠色 D. 黑色5. 幫助性提示最好的方式是（ A ）A. 無需提示 B. 一次性提示 C. 常駐提示 D. 幫助文檔6. 一般

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論