網(wǎng)頁(yè)設(shè)計(jì)與制作期末試題及答案_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作期末試題及答案_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作期末試題及答案_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作期末試題及答案_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作期末試題及答案_第5頁(yè)
已閱讀5頁(yè)，還剩22頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

網(wǎng)頁(yè)設(shè)計(jì)與制作期末試題及答案

網(wǎng)頁(yè)設(shè)計(jì)與制作模擬試題（一）

一、單項(xiàng)選擇題（每空1分，共10分）

1.目前在Internet上應(yīng)用最為廣泛的服務(wù)是（B）。

A.FTP服務(wù)B.WWW服務(wù)C.Telnet服

務(wù)D.Gopher服務(wù)

2.在域名系統(tǒng)中，域名采用（C）°

A.樹(shù)型命名機(jī)制B.星型命名機(jī)制

C.層次型命名機(jī)制D.網(wǎng)狀型命名機(jī)制

3.HTTP協(xié)議是一種（D）協(xié)議。

A.文件傳輸協(xié)議B.遠(yuǎn)程登錄協(xié)議

C.郵件協(xié)議D.超文本傳輸協(xié)議

4.HTML語(yǔ)言中的轉(zhuǎn)行標(biāo)記是（B）°

A.<html>B.<br>C.<title>>

5.在HTML中，標(biāo)題字體標(biāo)記<hx>中x的最大取值是（C

A.4B.5C.6D.7D.<p）。

6.以下不能用來(lái)定義表格內(nèi)容的標(biāo)記為（A）。

A.<br>B.<tr>C.<th>D.<td>

7.下面不是組成一個(gè)HTML文件基本結(jié)構(gòu)標(biāo)記的是（C）o

A.<HTML></HTML>B.<HEAD></HEAD>

C.<FORM></FORM>；D.<BODY></BODY>

）

8.加入一條水平線的HTML代碼是（A0

A.<hr>B.<imgsrc="name"border=?>

C.<imgsrc="name"align=?>D.<imgsrc="name">

）

9.在HTML中，標(biāo)記<pre>的作用是（B0

A.標(biāo)題標(biāo)記B.預(yù)排版標(biāo)記

C.轉(zhuǎn)行標(biāo)記D.文字效果標(biāo)記

10.要?jiǎng)?chuàng)建一個(gè)Email地址的鏈接，下面正確的句法是

（）

A0

A.<ahref=umailto:mirror@263.netn>與我聯(lián)系</a>

B.<ahref="files:mirror@263.net">與我聯(lián)系</a>

C.<ahref=whttp:mirror@263.netv>與我聯(lián)系</a>

D.<ahref="usenet:mirror@263.net">與我聯(lián)系</a>

11.客戶/服務(wù)器系統(tǒng)的最大特點(diǎn)是客戶機(jī)和服務(wù)器（D）

A.必須運(yùn)行在同一臺(tái)機(jī)器上B.必須運(yùn)行在同一個(gè)網(wǎng)

絡(luò)上

C.必須運(yùn)行在不同的計(jì)算機(jī)上D,不必運(yùn)行在同一計(jì)算

機(jī)上

12.若需要軟件把LAN上的客戶機(jī)從Internet上隱藏起來(lái)，并為客戶

機(jī)執(zhí)行Web請(qǐng)求，則下面（D）軟件能實(shí)現(xiàn)此項(xiàng)功能。

A.InternetInformationServerB.IndexServer

C.PersonalWebServerD.代理服務(wù)器

13.通常一個(gè)站點(diǎn)的主頁(yè)默認(rèn)文檔名是（C）

A.Main.htmB.Webpage.htm

C.Index.htmD.Homepage.htm

14.通常，比較好的建立站點(diǎn)目錄的習(xí)慣是（A）

A.在根目錄下建立一個(gè)總的IMAGE目錄放置圖象文件

B.直接把圖象文件放置在各欄目的目錄下

C.為各欄目建立一個(gè)單獨(dú)的IMAGE目錄放置圖象文件

D.在每個(gè)目錄下建立一個(gè)IMAGE目錄放置圖象文件

15..以下有關(guān)頁(yè)面布局的說(shuō)法正確的是（D）

A,分辨率越高，可供使用的頁(yè)面尺寸越大

B.網(wǎng)頁(yè)布局與平面設(shè)計(jì)一樣，不受頁(yè)面大小的影響

C.頁(yè)眉和頁(yè)腳中只能出現(xiàn)文本，不能出現(xiàn)圖形

D.頁(yè)面布局通常是通過(guò)手工設(shè)計(jì)的，目前還沒(méi)有相應(yīng)的電腦軟件完成

這一工作

16..以下關(guān)于HTML文檔的說(shuō)法正確的一項(xiàng)是（A）

A.<HTML>與</HTML>這兩個(gè)標(biāo)記合起來(lái)說(shuō)明在它們之間的

文本表示兩個(gè)HTML文本

B.HTML文檔是一個(gè)可執(zhí)行的文檔

C.HTML文檔只是一種簡(jiǎn)單的ASCII碼文本

D.HTML文檔的結(jié)束標(biāo)記</HTML>可以省略不寫(xiě)

17.正確描述創(chuàng)建一個(gè)一級(jí)標(biāo)題居中的句法是（D）

A.<HOALIGN=CENTER>；HeadingText</HO>；

B.<HlALIGN=CENTER>HeadingText</Hl>

C.<HALIGN=CENTER>HeadingText</H>；

D.<HTALIGN=CENTER>；HeadingText</HT>

18.8.要?jiǎng)?chuàng)建一個(gè)Email地址的鏈接，下面正確的句法是（A）

A.<ahref=mailto:mirror@263.netv>與我聯(lián)系</a>

B.<ahref="files:mirror@263.net">與我聯(lián)系</a>

C.<ahref=uhttp:mirror@263,netv>與我聯(lián)系</a>

D.<ahref="usenet:mirror@263.net">與我聯(lián)系</a>

19.下列是可以放置在<F0RM>和</F0RM>之間的標(biāo)記，其

中用于定義一個(gè)用戶可鍵入多行文本的標(biāo)記是（B）

A.<select>B.<textarea>

C.<input>D.<body>

20.在HTML中定義一個(gè)書(shū)簽應(yīng)該使用（A）

A.<aname="bookmark">text</a>

B.<ahref="#bookmark">text</a>

C.<alink="#bookmark">text</a>

D.<atarget=z,#bookmarkw>text</a>

二、簡(jiǎn)答題（每題6分，共60分）

1、簡(jiǎn)述Web瀏覽器打開(kāi)一個(gè)Web文件的工作過(guò)程。

2、描述網(wǎng)頁(yè)設(shè)計(jì)的一般步驟。

3、簡(jiǎn)述網(wǎng)頁(yè)設(shè)計(jì)的基本準(zhǔn)則。

4、簡(jiǎn)述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。

5、描述版面布局的步驟。

6、什么是“HTML"？HTML“標(biāo)記”又是什么？

7、簡(jiǎn)述“HTML”文檔的基本結(jié)構(gòu)。

8、簡(jiǎn)述以下一段HTML代碼中各對(duì)標(biāo)記的作用。

(html)

(head)

(title)網(wǎng)頁(yè)設(shè)計(jì)〈/title〉

〈/head〉

〈body〉

(h2)北國(guó)風(fēng)光(/h2)

〈/body〉

</html)

9、如何進(jìn)行本地網(wǎng)頁(yè)的測(cè)試？

10、網(wǎng)站管理和維護(hù)的主要工作有哪些？

三、問(wèn)答題(每題15分，共15分)

1、描述建設(shè)一個(gè)網(wǎng)站的具體步驟。

四、綜合題(每題15分，共15分)

1、設(shè)計(jì)一個(gè)旅游網(wǎng)網(wǎng)站的首頁(yè)，請(qǐng)畫(huà)出輪廓并加以說(shuō)明。

模擬試題一參考答案

一、單項(xiàng)選擇題(每空1分，共10分)

B、C、D、B、C、A、C、A^B、A、

二、簡(jiǎn)答題(每題6分，共60分)

1、簡(jiǎn)述Web瀏覽器打開(kāi)一個(gè)Web文件的工作過(guò)程。

1)Web瀏覽器向服務(wù)器發(fā)出頁(yè)面請(qǐng)求

2)服務(wù)器接收頁(yè)面請(qǐng)求，并將搜索到的頁(yè)面發(fā)給Web瀏覽器

3)Web瀏覽器接收并顯示頁(yè)面

每步2分，要加以說(shuō)明，否則1分

2、描述網(wǎng)頁(yè)設(shè)計(jì)的一般步驟。

1)設(shè)計(jì)主題

2)設(shè)計(jì)網(wǎng)頁(yè)的總體結(jié)構(gòu)

3)資料的收集和整理

4)選擇網(wǎng)頁(yè)的設(shè)計(jì)方法

5)注意一些基本問(wèn)題，如：標(biāo)題要簡(jiǎn)明、圖片最好加說(shuō)明等一

個(gè)一分，答全6分

3、簡(jiǎn)述網(wǎng)頁(yè)設(shè)計(jì)的基本準(zhǔn)則。

需要遵循的藝術(shù)原則主要有：

1)對(duì)比原則

2)協(xié)調(diào)原則

3)平衡原則

4)趣味原則。

還包括統(tǒng)一、連貫、分割、對(duì)比、和諧、易讀、易找、清晰、精選。

一個(gè)一分，6個(gè)以上得6分

4、簡(jiǎn)述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。

在創(chuàng)建目錄時(shí)需要注意：

(1)不要將所有文件都存放在根目錄下。

（2）目錄層次不要太深，建議不要超過(guò)三層。

（3）不要使用過(guò)長(zhǎng)的目錄名和盡量不要使用中文目錄名。每步2

分，要加以說(shuō)明，否則1分

5、描述版面布局的步驟。

步驟：

1）繪制網(wǎng)頁(yè)草圖

2）粗略布局

3）定案

每步2分，要加以說(shuō)明，否則1分

6、什么是“HTML"？HTML“標(biāo)記”又是什么？

HTML是一種建立網(wǎng)頁(yè)文件的語(yǔ)言，透過(guò)標(biāo)記式指令，將影像、聲音、

圖片和文字等連接起來(lái)。

在HTML中用于描述功能的符號(hào)稱為“標(biāo)記”，它是用來(lái)控制文字、圖

形等顯示方式的符號(hào)。

每個(gè)3分，要加以說(shuō)明，否則1分

7、簡(jiǎn)述“HTML”文檔的基本結(jié)構(gòu)。

HTML網(wǎng)頁(yè)的基本結(jié)構(gòu)。

<HTML>；HTML文件開(kāi)始

<HEAD>文件頭開(kāi)始

文件頭

</HEAD>文件頭結(jié)束

<BODY>；文件體開(kāi)始

文件體

</BODY>文體結(jié)束

</HTML>HTML文件結(jié)束

完整得全分，否則一組標(biāo)記2分

8、簡(jiǎn)述以下一段HTML代碼中各對(duì)標(biāo)記的作用。

(html)

(head)

(title)網(wǎng)頁(yè)設(shè)計(jì)〈/title〉

(/head)

〈body〉

<h2>北國(guó)風(fēng)光</h2>

〈/body〉

〈/html〉

包括文件開(kāi)始標(biāo)記、文件頭標(biāo)記、標(biāo)題標(biāo)記、文件體標(biāo)記、換段標(biāo)記

及相關(guān)的一些屬性。

9、如何進(jìn)行本地網(wǎng)頁(yè)的測(cè)試？

在本地機(jī)器上進(jìn)行測(cè)試的基本方法是用瀏覽器瀏覽網(wǎng)頁(yè)，從網(wǎng)站的首

頁(yè)開(kāi)始，一頁(yè)一頁(yè)地測(cè)試，以保證所有的網(wǎng)頁(yè)都沒(méi)有錯(cuò)誤。在不同的操作

系統(tǒng)以及不同的瀏覽器下網(wǎng)頁(yè)可能會(huì)出現(xiàn)不同的效果，甚至無(wú)法瀏覽，就

算是同一種瀏覽器但在不同的分辨率顯示模式下，也可能出現(xiàn)不同的效果。

解決辦法就是使用目前較主流的操作系統(tǒng)(如windows、unix)和瀏覽器

（microsoftinternetexplorer、netscapenavigator）進(jìn)行瀏覽觀察。

本地測(cè)試的另一項(xiàng)重要工作就是要保證各鏈接的正確跳轉(zhuǎn)，一般應(yīng)將

網(wǎng)頁(yè)的所有資源相對(duì)于網(wǎng)頁(yè)“根目錄”來(lái)進(jìn)行定位，即使用相對(duì)路徑來(lái)保

證上傳到遠(yuǎn)程服務(wù)器上后能正確使用。本地測(cè)試還涉及到一些工作如

檢查網(wǎng)頁(yè)的大小、腳本程序能否正確運(yùn)行等。

要點(diǎn)一個(gè)2分，需展開(kāi)

10、網(wǎng)站管理和維護(hù)的主要工作有哪些？

網(wǎng)站的管理維護(hù)主要包括檢測(cè)網(wǎng)站的錯(cuò)誤、保證網(wǎng)站正常運(yùn)轉(zhuǎn)、處理

用戶信息、定期更新網(wǎng)頁(yè)內(nèi)容和修正網(wǎng)頁(yè)錯(cuò)誤等。網(wǎng)站的管理維護(hù)可以使

用一些專業(yè)的軟件來(lái)實(shí)現(xiàn)。對(duì)于公司、企業(yè)等單位，尤其是擁有自己服務(wù)

器的單位，則需要配置專門的網(wǎng)站管理員來(lái)管理和維護(hù)。

三、問(wèn)答題（每題15分，共15分）

1、描述建設(shè)一個(gè)網(wǎng)站的具體步驟。

建設(shè)一個(gè)網(wǎng)站一般要經(jīng)過(guò)以下步驟：制作環(huán)境的準(zhǔn)備，網(wǎng)站目標(biāo)的確

定，網(wǎng)站的主題、風(fēng)格和創(chuàng)意點(diǎn)的確定，網(wǎng)站結(jié)構(gòu)的確立，網(wǎng)站素材的準(zhǔn)

備，網(wǎng)站制作工具的選擇和確定，網(wǎng)站的建立，網(wǎng)站的測(cè)試和上傳，網(wǎng)站

的宣傳和推廣以及網(wǎng)站的更新和維護(hù)。一步1,5分.需展開(kāi)

四、綜合題（每題15分，共15分）

1、設(shè)計(jì)一個(gè)旅游網(wǎng)網(wǎng)站的首頁(yè)，請(qǐng)畫(huà)出輪廓并加以說(shuō)明。

應(yīng)有欄目：旅游新聞播報(bào)系統(tǒng)、目的地指南系統(tǒng)、門票預(yù)訂系統(tǒng)、酒

店預(yù)訂系統(tǒng)、交通信息發(fā)布系統(tǒng)、用戶注冊(cè)管理系統(tǒng)等。

講究創(chuàng)意和內(nèi)容。

創(chuàng)意占5分，內(nèi)容占7分，組織占3分

網(wǎng)頁(yè)設(shè)計(jì)與制作期末模擬試題(二)

一.選擇題

1.Web瀏覽器的作用是(A)o

A.負(fù)責(zé)下載并顯示網(wǎng)頁(yè)，能將Web文檔的HTML編碼解釋，并顯示

為在瀏覽器上所見(jiàn)的Web頁(yè)面

B.運(yùn)行在服務(wù)器僅供服務(wù)器維護(hù)員使用的專用瀏覽器

C.瀏覽Web頁(yè)面部分內(nèi)容比整個(gè)頁(yè)面內(nèi)容要快

D.下載網(wǎng)頁(yè)時(shí)不是根據(jù)頁(yè)面中的HTML編碼分別下載信息，而是一

種隨機(jī)性的下載方式

2.HTTP協(xié)議是(C)。

A.遠(yuǎn)程登錄協(xié)議

C.超文本傳輸協(xié)議B.郵件協(xié)議D.文件傳輸協(xié)議

3.下列標(biāo)記可以不成對(duì)出現(xiàn)的是(B)。

A.(html)〈/html〉

C.(title)〈/title〉B.(p)〈/p〉D.(body)(/body)

4.下列(C)不能在網(wǎng)頁(yè)的“頁(yè)面屬性”中進(jìn)行設(shè)置。

A.文檔編碼

B.背景顏色、文本顏色、鏈接顏色

C.網(wǎng)頁(yè)背景圖及其透明度

D.跟蹤圖像及其透明度

5.在表格標(biāo)記中，cellpadding屬性的作用是(C)。

A.表格與頁(yè)面邊距

C.數(shù)據(jù)與表框距離B.表格擴(kuò)展邊距D.表格邊的寬度

6.對(duì)于標(biāo)記〈inputtype=*〉，其中*位置放上一個(gè)值，表示輸入時(shí)顯示

*號(hào)，

該值是（C）o

A.hidden

C.password

7.CSS的含義是（C）o

A.文檔對(duì)象模型

C.級(jí)聯(lián)樣式表

8.HTML語(yǔ)言是一種（A）o

A.標(biāo)注語(yǔ)言B.機(jī)器語(yǔ)言C.匯編語(yǔ)言D.算法語(yǔ)言

9.超級(jí)鏈接應(yīng)該使用的標(biāo)記是（C）

A.（title）

C.〈a〉B.（body）D.〈head〉B.客戶端腳本程序語(yǔ)言D.可擴(kuò)

展標(biāo)記語(yǔ)言B.textD.submit

10.下列關(guān)于CSS的說(shuō)法錯(cuò)誤的是（C）o

A.CSS的全稱是CascadingStyleSheets,中文的意思是“層疊樣式表"

B.CSS樣式不僅可以控制大多數(shù)傳統(tǒng)的文本格式屬性，還可以定義一

些特殊的HTML屬性

C.使用Dreamweaver只能可視化創(chuàng)建CSS樣式，無(wú)法以源代碼方式

對(duì)其進(jìn)行編輯

D.CSS的作用是精確定義頁(yè)面中各元素以及頁(yè)面的整體樣式

11.關(guān)于絕對(duì)路徑的使用，以下說(shuō)法錯(cuò)誤的是（A）。

A.使用絕對(duì)路徑的鏈接不能鏈接本站點(diǎn)的文件，要鏈接本站點(diǎn)文件

只能使用相對(duì)路徑

B.絕對(duì)路徑是指包括服務(wù)器規(guī)范在內(nèi)的完全路徑，通常使用http://來(lái)

表示

C.絕對(duì)路徑不管源文件在什么位置都可以非常精確地找到

D.如果希望鏈接其它站點(diǎn)上的內(nèi)容，就必須使用絕對(duì)路徑

12.在表格標(biāo)記中，<td></td>標(biāo)簽表示（B）。

A.表格中的行

C.表格中的單元格B.表格中的列D.表格邊的寬度

13.以下幾個(gè)事件中代表“鼠標(biāo)滑到”的事件是（C）。

A.OnMouseDown

B.OnMouseOut

C.OnMouseOver

D.Onousellp

14.關(guān)于表格背景，說(shuō)法正確的是（B）o

A.只能定義表格背景顏色，不能用圖片作為表格背景

B.可以使用顏色或圖片作為表格背景圖，但圖片格式必須是GIF格式

C.可以使用顏色或圖片作為表格背景圖，但圖片格式必須是JPEG格

式

D.可以使用顏色或圖片作為表格背景圖，可以使用任何的GIF或者

JPEG圖片文件

下圖中顯示的表單元素有（）

15.Do

A.文本字段、單選按鈕、多選按鈕、列表/菜單

B.文本字段、列表/菜單、郵件區(qū)域、單選按鈕

C.文本字段、列表/菜單、密碼型文本域、單選按鈕

D.文本字段、列表/菜單、單選按鈕、圖像域

16.下列關(guān)于HTML的說(shuō)法正確的是（C）。

A.HTML是網(wǎng)頁(yè)的核心，是一種超文本標(biāo)記的程序設(shè)計(jì)語(yǔ)言。

B.通過(guò)網(wǎng)頁(yè)瀏覽器閱讀HTML文件時(shí)，WEB服務(wù)器負(fù)責(zé)解釋插入到

HTML文本中的各種標(biāo)記。

C.HTML是網(wǎng)頁(yè)的核心，是一種超文本標(biāo)記的語(yǔ)言，它是頁(yè)面描述語(yǔ)

言。

D.編制HTML文件時(shí)不需要加入任何標(biāo)記（tag）。

17.目前在Internet上應(yīng)用最為廣泛的服務(wù)是（B）。

A.FTP服務(wù)

B.WWW服務(wù)

C.Telnet服務(wù)

D.Gopher服務(wù)

18.下列標(biāo)記可以不成對(duì)出現(xiàn)的是（B）。

A.（html）

C.（title）B.〈br〉D.〈body〉

19.JavaScript包括在HTML中，它成為HTML文檔的一部分，可將

<Script>...</Script>標(biāo)識(shí)放入（C）。

A.只能在<Head>..</Head>之間

B.只能在<Body>…</Body>之間

C.既可放入<Head>..</Head>之間，也可放入

<Body>...</Body>之間

D.只能在<div>...</div>之間

20.在表格標(biāo)記中，<tr></tr>標(biāo)簽表示（A）。

A.表格中的行

C.表格中的單元格B.表格中的列D.表格邊的寬度

）

21.以下幾個(gè)事件中代表“鼠標(biāo)按下”的事件是（Ao

A.OnMouseDown

B.OnMouseOut

C.OnMouseOver

D.Onousellp

22.添加背景音樂(lè)的HTML標(biāo)簽是（A）。

A.<bgsound>

B.<bgmusic>

C.<bgm>

D.<music>

二.填空題

1.目前，網(wǎng)頁(yè)中使用的較多的圖像格式主要是GIF、JPEG；PNG

由于網(wǎng)頁(yè)中包含超級(jí)鏈接，因此，網(wǎng)頁(yè)也被稱為超文本，傳輸協(xié)議被

稱為—超文本傳輸協(xié)議

2.當(dāng)網(wǎng)頁(yè)的內(nèi)容較多時(shí)，對(duì)頁(yè)面不同位置進(jìn)行鏈接的是錨鏈接_。

3.在電子郵件鏈接中，—subject表示郵件主題；cc表示抄送地址。

4.絕對(duì)路徑：是包含服務(wù)器協(xié)議的完整路徑，是一個(gè)精確地址。

網(wǎng)頁(yè)分成兩種模式，一靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。

5.創(chuàng)建一個(gè)留言表單，其中要求能夠輸入多行文本，留言內(nèi)容項(xiàng)選用

的表單文本區(qū)域

6.一般來(lái)說(shuō)，超級(jí)鏈接包含下列類型：文檔鏈接、書(shū)簽鏈接、和腳本

鏈接。

7.絕對(duì)路徑是包含服務(wù)器協(xié)議的完整路徑，是一個(gè)精確地址。

三.判斷題

1.在一個(gè)WEB站點(diǎn)中，主頁(yè)就是網(wǎng)頁(yè)，兩者是一致的。（X）

2.在HTML中，<br>標(biāo)簽表示換行。（V）

3.創(chuàng)建超鏈接中，相對(duì)路徑是包含服務(wù)器協(xié)議的完整路徑，是一個(gè)精

確的地址。（X）

4.CSS樣式表可以從外部導(dǎo)入，通過(guò)鏈接的形式，使用樣式定義。

（V）

5.動(dòng)態(tài)網(wǎng)頁(yè)就是網(wǎng)頁(yè)中有許多多媒體元素和一些動(dòng)的效果，使用戶感

覺(jué)頁(yè)面非常有活力。（X）

6.在HTML中，標(biāo)簽都必須有關(guān)閉標(biāo)記。（X）

7.JPEG圖像是一種有損壓縮的圖像格式。（V）

8.CSS樣式，只能通過(guò)外部導(dǎo)入，并鏈接到網(wǎng)頁(yè)，網(wǎng)頁(yè)才能有效果。

（X）

9.在一個(gè)WEB站點(diǎn)中，每一個(gè)網(wǎng)頁(yè)都有唯一的網(wǎng)址。（V）

10.在HTML中，<td>標(biāo)簽表示換行。（X）

11.GIF格式的圖像最多只能表現(xiàn)256色，圖像文件也很小。（V）

四.簡(jiǎn)答題

1.簡(jiǎn)述建立WEB站點(diǎn)的一般步驟。

答：建立WEB站點(diǎn)的一般步驟如下：

a）對(duì)創(chuàng)建的站點(diǎn)進(jìn)行規(guī)劃，明確建站的目的、規(guī)模、面向的群體、服

務(wù)器端的配置等各項(xiàng)情況；

b）

c）

d）

e）建立一個(gè)完整的站點(diǎn)目錄結(jié)構(gòu)；確定版面布局，收集和制作素材；

制作網(wǎng)頁(yè)；站點(diǎn)測(cè)試、發(fā)布及維護(hù)更新。

2.簡(jiǎn)述創(chuàng)建表單的基本步驟。

答：創(chuàng)建表單的基本步驟：

f）

g）

h）

i）確定需要收集的信息，然后根據(jù)信息特點(diǎn)開(kāi)始設(shè)計(jì)表單；在表單

中插入不同的表單元素；設(shè)置表單域的輸入規(guī)則；設(shè)置通過(guò)表單所收集

的信息的處理方式;

設(shè)置確認(rèn)網(wǎng)頁(yè)，確認(rèn)已經(jīng)收到用戶填寫(xiě)的信息，并可與用戶核對(duì)是否

正確。

3.什么是CSS樣式？并列舉CSS樣式的類型。

2.答：CSS樣式是網(wǎng)頁(yè)元素外觀屬性的集合。它可以定義文字、表格、

圖像、

表單等網(wǎng)頁(yè)元素的屬性。CSS樣式的類型由：自定義CSS樣式；HTML

標(biāo)簽樣式；CSS選擇器樣式。

4.說(shuō)一說(shuō)，你在本課程的學(xué)習(xí)過(guò)程中，感到最難學(xué)的部分是什么？并

說(shuō)明難在

何處？

五.操作題

1.根據(jù)網(wǎng)頁(yè)截圖，完成下面的HTML代碼。（注:表格背景顏色為99FFFF,

并

且表格在網(wǎng)頁(yè)內(nèi)居中對(duì)齊）

<tablewidth="400"border="l"

align="center">

<tr>

<thheight="36"_colspan="3"scope="col">表格的使用

</th></tr>

<tr>

<tdheight="36"></td>

<td></td>

<tdrowspan="_2"></td>

</tr>

<tr>

<tdheight="36"></td>

<td></td>

</tr>

</table>

2.根據(jù)提供的素材和網(wǎng)頁(yè)截圖，寫(xiě)出網(wǎng)頁(yè)的HTML代碼。

圖1網(wǎng)頁(yè)內(nèi)容圖片（圖片路徑：image/tou.gif）

圖2網(wǎng)頁(yè)背景圖片（圖片路徑：image/bg.gif）

圖3網(wǎng)頁(yè)截圖

1.<html>

<head>

<title>金縷衣</title>

</head>

<bodybackground="image/bg.gif">

<p><fontstyle="font-size:16px;font-weight:bold">唐詩(shī)欣賞

七言樂(lè)府</font></p>

<hrsize="l">

<palign="center"><imgsrc="image/tou.gif"width="397"

height="198"></p>

</body>

</html>

3.根據(jù)網(wǎng)頁(yè)內(nèi)容，完成下面的HTML代碼。

<formid="forml"name="forml"method="post"action="">

<tablewidth="400"border="0"align="center"class="table">

<tr>

<thheight="22"colspan="2"bgcolor="#CCCCCC"

scope="col"><divalign="center">客戶注冊(cè)信息

</div></th>

</tr>

<tr>

<tdwidth="135"><divalign="right">客戶姓名：

</div></td>

_____________________D(1)

</tr>

<tr>

<td><divalign="right">密碼:</div></td>

______________________B(2)

</tr>

<tr>

<td><divalign="right">確認(rèn)密碼:</div></td>

_____________________E(3)

</tr>

<tr>

<td><divalign="right">性別:</div></td>

<td>

C(4)

A(5)

</td>

</tr>

<tr>

<td><divalign="right">城市：</div></td>

<td><label>

<selectname="select">

<option>杭州</option>

<option>紹興</option>

<option>溫州</option>

<option>寧波</option>

<option>嘉興</option>

</select>

</label></td>

</tr>

<tr>

<tdcolspan="2"><divalign="center">

<inputtype="submit"name="Submit"value="提交"/>

&nbsp;

<label>

<inputtype="reset"name="Submit2"value="重置"/>

</label>

</div></td>

</tr>

</table>

<labeI></labeI>

</form>

從下列選項(xiàng)中選擇正確的選項(xiàng)填入上面的空缺處，完成網(wǎng)頁(yè)代碼。

A.<inputtype="radio"name="radiobutton"value="radiobutton"/>

女

B.<td>

<inputname="text"type="password"size="16"/>（最多16個(gè)字符）

</td>

C.<inputtype="radio"name="radiobutton"value="radiobutton"/>

男

D.<td>

<inputname="text"type="text"size="16"/>（最多16個(gè)字符）

</td>

E.<td>

<inputname="text"type="password"size="16"/>

</td>

F.<inputtype="checkbox"name="checkbox"value="checkbox"/>

男G.<inputtype="checkbox"name="checkbox"value="checkbox"

/>女H.<td>

<inputname="text"type="submit"size="16"/>

</td>

參考答案：

五.操作題

2.bgcolor="#99FFFF"；；<td></td>；2；</tr>

3.DBECA

其他題型

1、網(wǎng)頁(yè)設(shè)計(jì)采用div+css有什么好處？

布局實(shí)現(xiàn)了表現(xiàn)與內(nèi)容的分離，大大縮減頁(yè)面代碼，符合W3C的標(biāo)準(zhǔn),

兼容性更好；易于后期網(wǎng)站的更新、維護(hù)；SEO的優(yōu)化：對(duì)搜索引擎更加

友好，更容易被搜索引擎收錄。

2、前端頁(yè)面有哪三層構(gòu)成，分別是什么？作用是什么？網(wǎng)頁(yè)分成三

個(gè)層次，即：結(jié)構(gòu)層、表示層、行為層。

網(wǎng)頁(yè)的結(jié)構(gòu)層(structurallayer)由HTML或XHTML之類的標(biāo)記語(yǔ)言

負(fù)責(zé)創(chuàng)建。標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁(yè)內(nèi)容的語(yǔ)義

含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息、。

例如，P標(biāo)簽表達(dá)了這樣一種語(yǔ)義：“這是一個(gè)文本段?！?/p>

網(wǎng)頁(yè)的表示層(presentationlayer)由CSS負(fù)責(zé)創(chuàng)建。CSS對(duì)“如何顯

示有關(guān)內(nèi)容”的問(wèn)題做出了回答。

網(wǎng)頁(yè)的行為層(behaviorlayer)負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對(duì)事件做出

反應(yīng)”這一問(wèn)題。這是Javascript語(yǔ)言和DOM主宰的領(lǐng)域。

3.將CSS放在HEAD中的好處

如果將CSS放在其他地方比如BODY中，則瀏覽器有可能還未下載和

解析到CSS就已經(jīng)開(kāi)始渲染頁(yè)面了，這就導(dǎo)致頁(yè)面由無(wú)CSS狀態(tài)跳轉(zhuǎn)到CSS

狀態(tài)，用戶體驗(yàn)比較糟糕。除此之外，有些瀏覽器會(huì)在CSS下載完成后才

開(kāi)始渲染頁(yè)面，如果CSS放在靠下的位置則會(huì)導(dǎo)致瀏覽器將渲染時(shí)間推遲。

6.什么是DOM

7.實(shí)現(xiàn)下面功能

1.)

將元素的子元素改為：我在參加考試！

<!DOCTYPEhtml>

<html>

<body>

<pid="pl">HelloWorld!</p>

<script>

document.getElementByld("pl").innerHTML="我在參力口考試”；

</script>

<p>上面的段落被一條JavaScript腳本修改了。</p>

</body>

</html>

2).設(shè)置一個(gè)已知ID的DIV的html內(nèi)容為xxxx,字體顏色設(shè)置為黑色

(不使用第三方框架)

1vardom=document.getElementByld(zzID/z)；

2dom.innerHTML="xxxx"

3

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論