網頁設計與制作1_第1頁
網頁設計與制作1_第2頁
網頁設計與制作1_第3頁
網頁設計與制作1_第4頁
網頁設計與制作1_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

網頁設計與制作1第3頁共8頁《網頁設計與制作》一、單項選擇：<title></title>標記一般包含在_____標記中。（A）

A.<head>

B.<p>

C.<body>

D.<table>HTML中最大的標題元素是:（C）A．<head>B．<title>C．<h1>D．<h6>在網頁中經常用到的圖像格式是：（A）A．gif,jpg和pngB．gif,bmp和pngC．bmp,jpg和pngD．psd,gif和pnghtml語言中，創(chuàng)建一個位于文檔內部的錨點的語句是：（B）A<name=“NAME”> B<aname=“NAME”></a>C<name=“NAME”></name>D<aname=“#NAME”></a>html中的元素可分為塊級(block)元素和行內(inline)元素，下列哪個元素是行內元素：（C）A<p>B<table>C<span>D<li>下列哪條html語句的寫法符合XHTML規(guī)范：（B）A<br>B<imgsrc=”photo.jpg”/>C<IMGsrc=”photo.jpg”></IMG>D<imgsrc=photo.jpg></img>下列哪個HTML標記不可能具有align屬性： （D）A．<p>B．<h5>C．<img>D．<strong>網頁設計與制作1全文共8頁，當前為第1頁。要在新窗口打開一個鏈接指向的網頁需用到（C）網頁設計與制作1全文共8頁，當前為第1頁。A．href＝”_blank”B．name=”_blank”C．target＝”_blank”D．href＝”#blank”在圖像替代文本技術中，為了隱藏<h1>標記中的文本，同時顯示<h1>元素的背景圖像，需要使用的CSS聲明是：（A）A．text-indent:-9999px;B．font-size:0;C．text-decoration:none;D．display:none;下列哪種元素不能夠自身相互嵌套（D）

A.table

B.ul

C.div

D.form下列哪種CSS屬性不能讓頁面在瀏覽器中居中顯示（網頁中所有可顯示的元素都包含在一個id為container的div盒子內）（D）A．#container{margin:0auto;width:780px;}B．#container{position:relative;width:780px; left:50%;margin-left:-390px; }C．#container{margin:0auto;width:85%;}D．#container{position:relative;width:780px; right:50%;margin-left:390px; }下列哪條是定義樣式規(guī)則的正確形式（C）A．body{color=black} B． body:color=blackC．body{color:black} D． {body;color:black}關于浮動，下列哪條樣式規(guī)則是不正確的：（B）A．img{float:left;margin:20px;}B．img{float:right;right:30px;}C．img{float:right;width:120px;height:80px;}網頁設計與制作1全文共8頁，當前為第2頁。D．img{float:left;margin-bottom:2em;}網頁設計與制作1全文共8頁，當前為第2頁。關于CSS2.1中的背景屬性，下列說法正確的是： （ B ）A． 可以通過背景相關屬性改變背景圖片的原始尺寸大小B． 不可以對一個元素設置兩張背景圖片C． 不可以對一個元素同時設置背景顏色和背景圖片D． 背景圖片默認情況下不會平鋪，左上角對齊下列哪個CSS屬性具有繼承性： （ A ）A．color B．background-colorC．display D．margin二、填空：1.在DreamWeaver8的設計視圖中按shift+enter鍵相當于在網頁代碼中插入了一個<br/>標記；要插入段落標記<p> </p>，需在設計視圖下按enter鍵；按“Ctrl＋Z”鍵是作撤銷操作的快捷鍵；“預覽”的快捷鍵是F12。2.HTML代碼中常見的單標記有、和。<br/>，<hr/>，<img/>3.假設網站的根目錄是E:\wgzx\，網站的圖片放在E:\wgzx\img\下，網站內有一個about.htm文件位于E:\wgzx\add\內，若要在about.htm頁面中插入img\目錄下的一個圖片a.gif，html語句應寫成<imgsrc=“”/>。..\img\a.gif4．HTML是 的縮寫，CSS是 的縮寫。HypertextMarkuplanguage，Cascadingstylesheet5．標記用來創(chuàng)建一個標有數字的有序列表；標記用來創(chuàng)建一個標有黑點的無序列表，標記用來創(chuàng)建列表中的一個列表項。<ol>、<ul>、<li>網頁設計與制作1全文共8頁，當前為第3頁。6．設#title{padding:6px10px4px},則id為title的元素左填充是10px。網頁設計與制作1全文共8頁，當前為第3頁。7．舉例說出3個上下邊界（margin）的瀏覽器默認值不為0的元素、、。p、body、form8.在JavaScript中，獲取系統(tǒng)的當前日期和時間的方法是。newDate()9.表單的提交方式有 和 兩種方式。post、get10.網頁頭部<head></head>里常見的標記有、、。title，meta，link11.rowspan是 標記的屬性，cellpadding是 標記的屬性，target是 標記或 標記的屬性，<input>標記必須具有 和 屬性，<img>標記必須具有 屬性，如果作為超鏈接，<a>標記必須具有 屬性。td，table，a，form，type，name，src，href12.position屬性的取值可以是、，background-attachment屬性的取值有、。改變定位元素的層疊次序需要使用 屬性。absolute，relative，scroll，fixed，z-index13.在JavaScript中，如果希望瀏覽器后退一頁需要用到對象，希望瀏覽器彈出一個新窗口需要用到window對象的方法。history，open14.在JavaScript中，要通過元素ID訪問元素需使用方法，要訪問或修改元素的CSS樣式需要使用 對象。getElementById，style網頁設計與制作1全文共8頁，當前為第4頁。網頁設計與制作1全文共8頁，當前為第4頁。三、問答題1．CSS中的選擇器有很多種類型，寫出下列選擇器的類型和作用：1）a:hover2)a.hover3)a:hoverb4)a.hoverb2．簡述用DW新建一條CSS樣式規(guī)則的過程。3．簡述制作純CSS下拉菜單的原理和主要步驟4．簡述用div+CSS布局的原理和步驟1．答：1）a:hover是偽類選擇器，當鼠標懸浮在a標記上時應用該選擇器定義的樣式；2)a.hover是交集選擇器，應用了.hover類選擇器的a標記應用該樣式；3)a:hoverb是后代選擇器，當鼠標懸浮在a標記上時，被a標記包含的b標記將應用該樣式；4)a.hoverb是后代選擇器，應用了.hover類選擇器的a標記里的b標記將應用該樣式。2．答：1）DW對CSS的建立和編輯有很好的支持，對CSS的所有操作都集中在“CSS樣式”面板中，一般我們首先要點“新建CSS規(guī)則”來新建樣式，新建選擇器類型中的“類”對應類別選擇器，“標簽”對應標記選擇器，“高級”對應除此之外的所有其他選擇器，“定義在”的上一項表示將CSS代碼寫在外部CSS文件中，并通過鏈接式引入該CSS文檔；下一項“僅對該文檔”表示用嵌入式引入CSS，即CSS代碼作為<style>元素的內容寫在文檔頭部。設置完選擇器點“確定”后，就會彈出該選擇器的樣式設置面板，對面板中任何一項進行賦值后，都等價于往該選擇器中添加一條聲明，如下劃線設置為“無”，就相當于在代碼視圖內為該選擇器添加了一條“text-decoration:none;”。設置完樣式屬性后，單擊“確定”，在“CSS樣式”面板中將出現(xiàn)指定名稱的新樣式。3．答：原理是設置下拉菜單為絕對定位，使它能夠浮動在網頁上，同時設置導航項為相對定位，使下拉菜單以導航項為定位基準。首先寫結構代碼，采用二級列表結構，第一級放導航項，第二級放下拉菜單項。設置第一層li為左浮動，這樣導航項就會水平排列，設置下拉菜單為絕對定位，往導航項下偏移。平時導航項未被訪問時應隱藏下拉菜單ul，所以ul默認值是不顯示，再添加交互，當鼠標滑過時顯示下拉菜單ul。4．CSS布局的步驟：（1）將頁面用div分塊；（2）通過CSS中的（margin、padding）等屬性設計各塊的位置，通過（width、height）等屬性設計各塊的大小，再通過其他屬性（如浮動）設置塊的相互關系；（3）在網頁的各大div塊中插入作為各個欄目框的小塊。網頁設計與制作1全文共8頁，當前為第5頁。網頁設計與制作1全文共8頁，當前為第5頁。四、程序設計題：1．制作如下圖所示的水平導航條。（要求：導航條的顏色、大小等屬性可隨意設定，不能使用表格標記，當鼠標滑過導航項時，要求文字變色，顯示圓角背景圖片butt.gif）2．編寫DIV+CSS代碼實現(xiàn)如下圖所示的1-3-1布局結構。（要求：網頁在瀏覽器中居中）bodybodyheadercontainernavcontentsidepagefooter答:1．制作如下圖所示的水平導航條。<styletype="text/css">#nav{font-size:14px;background:#99CCFF;}#nava{ color:#FF0000; text-align:center; text-decoration:none; padding:6px10px4px; margin:02px; 網頁設計與制作1全文共8頁，當前為第6頁。 float:left;網頁設計與制作1全文共8頁，當前為第6頁。}#nava:hover{ color:#FFFFFF; background:#993300url('images/top.gif')no-repeat; }（hover選擇器設計正確給2分）</style><divid="nav"><ahref="#">許愿池</a><ahref="#">港灣在線</a><ahref="#">網友作品</a><ahref="#">心靈傾訴</a><ahref="#">語音聊天</a><ahref="#">心情留言</

溫馨提示

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

最新文檔

評論

0/150

提交評論