網(wǎng)頁設(shè)計(jì)題目_第1頁
網(wǎng)頁設(shè)計(jì)題目_第2頁
網(wǎng)頁設(shè)計(jì)題目_第3頁
網(wǎng)頁設(shè)計(jì)題目_第4頁
網(wǎng)頁設(shè)計(jì)題目_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

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

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

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

4、 c ) 。A. 連續(xù)按空格鍵 B. 按下Ctrl鍵再連續(xù)按空格鍵C. 轉(zhuǎn)換到dreamweaver代碼模式，連續(xù)輸入&nbsp; D. 按下Shift鍵再連續(xù)按空格鍵 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. 在圖片中設(shè)置超鏈接的說法中正確的是 （ b ） 。 A圖片上不能設(shè)置超連接 B一個(gè)圖片上只能設(shè)置一個(gè)超連接 C鼠標(biāo)移動(dòng)到帶超連接的圖片上仍然顯示箭頭形狀D一個(gè)圖片上能設(shè)置多個(gè)超連接 6. 在CSS樣式類名稱前面會(huì)出現(xiàn)以下哪個(gè)符號 （a ） 。A.小點(diǎn)(.) B.$ C.￥ D.逗號（，） 7屬于網(wǎng)站的默認(rèn)主頁的是 ( b ) 。Amyhome.htm Bindex.htm Chome.asp Dhomepage.htm8

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

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

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

9、=”text” name="address" size=30>表示 ( b ) 。A. 創(chuàng)建一個(gè)單選框 B. 創(chuàng)建一個(gè)單行文本輸入?yún)^(qū)域 C. 創(chuàng)建一個(gè)提交按紐 D. 創(chuàng)建一個(gè)使用圖象的提交按紐18.網(wǎng)頁樣式兼容性，F(xiàn)ireFox能識別的前綴（a ）。A：-moz- B：-webkit- C：-o-D：-ms- 19.UI一致性原則不包括（ b ）A：設(shè)計(jì)目標(biāo)一致 B：元素外觀一致C：交互行為一致 D：前后臺(tái)風(fēng)格一致20. 在以下的 HTML 中，哪個(gè)是正確引用外部樣式表的方法？( 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個(gè)CSS3 的屬性名：( 10分 )text

11、-outline規(guī)定文本的輪廓。grid-columns規(guī)定網(wǎng)格中每個(gè)列的寬度。transform-origin允許你改變被轉(zhuǎn)換元素的位置。transition-property規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。nav-index設(shè)置元素的 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標(biāo)簽/屬性書寫方式寫出這段話并加粗顯示文字。（10分）“當(dāng)時(shí)那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會(huì)徹底地愛上我,因?yàn)槲覜Q定說一個(gè)謊話?！贝穑?. <p><strong>

13、;“當(dāng)時(shí)那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會(huì)徹底地愛上我,因?yàn)槲覜Q定說一個(gè)謊話。”</strong></p> 2.<b> “當(dāng)時(shí)那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會(huì)徹底地愛上我,因?yàn)槲覜Q定說一個(gè)謊話?！?lt;/b> 3. <p style=”font-weight:bold”> “當(dāng)時(shí)那把劍離我的喉嚨只有 0.01 公分,但是四分之一炷香之后,那把劍的女主人 將會(huì)徹底地愛上我,因?yàn)槲覜Q定說一個(gè)謊話?！?lt;/p>4、請問以下代碼中一共有多少處報(bào)

14、錯(cuò)，找出所有錯(cuò)誤部分，寫出正確寫法，并寫出HTML5 動(dòng)畫發(fā)生前后的變化分別是怎樣的。（20分）<!DOCTYPE html><html><head><title>UI設(shè)計(jì)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 動(dòng)畫</div></body></html>答：一共有5個(gè)錯(cuò)誤，黑色的代表錯(cuò)誤，紅色的代表對的 width:300x; width:300px; backround:red; background:red; -moz-transi

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

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

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

溫馨提示

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

評論

0/150

提交評論