網頁設計師

一、單選題

1、下面的選項中，屬于常用的圖片格式并且能夠做動畫的是（）。

A、jpg格式

B、gif格式

C、psd格式

D、png格式

答案：B

2、定義有序列表<'ol>的（）屬性，可以決定有序列表項目符號的類型。

A、value

B、type

C、rel

D、href

答案：B

3、若要在網頁中插入樣式表main.css，以下用法中正確的是（）。

"A、<'link src="main.css" type="text/css" rel="stylesheet">

B、<'include href="main.css" type="text/css" rel="stylesheet">

C、<'link href="main.css" type="text/css" >

D、<'link href="main.css" type="text/css" rel="stylesheet">"

答案：D

4、下列選項中，不屬于文本標記屬性的是（）。

A、nbsp

B、align

C、color

D、face

答案：A

5、當通過定義列表實現圖文混排時，可以定義圖片解釋說明文字的標記是

（）。

A、<'dl><'/dl>

B、<'dd><'/dd>

C、<'dt><'/dt>

D、<'li><'/li>

答案：B

6、在HTML中，用于設置頁面元信息的標示符是（）。

A、<'title>

B、<'base>

C、<'head>

D、<'meta>

答案：D

7、在CSS中，提供了字體樣式屬性來控制網頁中的字體。下面的字體樣式

設置正確的是（）。

"A、{font-family: 黑體

}

B、{font-family: "黑體"

}

C、{fontFamily: "黑體"

}

D、{font-Family: 黑體

}"

答案：B

8、對于網頁制作者來說web的含義是什么？（）

A、萬維網的縮寫

B、可以簡單理解為網頁

C、超媒體

D、傳輸協議

答案：B

9、WWW的中文簡稱是什么？（）

A、萬維網

B、瀏覽器

C、超文本

D、傳輸協議

答案：A

10、下列選項中，不是<'img />標記屬性的是（）。

A、src

B、height

C、width

D、href

答案：D

11、在Dreamweaver中，使用主瀏覽器預覽網頁的快捷鍵是（）。

A、Ctrl+S

B、F12

C、F5

D、Ctrl+F12

答案：B

12、下列選項中，表示網頁頭部標題的標記是（）。

A、head

B、body

C、title

D、html

答案：C

13、關于內嵌式CSS樣式的語法格式中，下列選項正確的是（）。

A、選擇器{k:v

k:v

k:v

}

B、選擇器{k:v, k:v, k:v,}

C、選擇器{k,v

k,v

k,v

}

D、選擇器{k->v

k->v

k->v

}

答案：A

14、下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是

（）。

A、border-top:1px solid blue

B、border:1px solid blue

C、border-top:1px dashed blue

D、border:1px dashed blue

答案：A

15、一個盒子的寬（width）和高（height）均為300px，左內邊距為30px，

同時盒子有3px的邊框，請問這個盒子的總寬度是多少？（）

A、333px

B、366px

C、336px

D、363px

答案：C

16、下列選項中，不是<'img />標記屬性的是（）。

A、src

B、alt

C、width

D、href

答案：D

17、下面選項中，可以將HTML頁面的標題設置為“傳智播客”的是（）。

A、<'head>傳智播客<'/head>

B、<'title>傳智播客<'/title>

C、<'h>傳智播客<'/h>

D、<'t>傳智播客<'/t>

答案：B

18、下面選項中，可以將HTML5頁面的標題設置為“網頁設計”的是（）。

A、<'head>網頁設計<'/head>

B、<'title>網頁設計<'/title>

C、<'t>網頁設計<'/t>

D、<'h>網頁設計<'/h>

答案：B

19、在下列選項中，對代碼“ margin:10px 0 20px;”解釋正確的是（）。

A、上間距10px，左右間距0，下間距20px

B、上間距10px，左間距0，右間距20px

C、上下間距10px，左間距0，右間距20px

D、上間距10px，左間距0，右下間距20px

答案：A

20、在HTML中，常用于定義圖文混排的列表是（）。

A、定義列表

B、菜單列表

C、有序列表

D、無序列表

答案：A

21、在下列屬性中，用來定義文本字體顏色的是（）。

A、color

B、face

C、size

D、align

答案：A

22、"頁面上的div標簽，其HTML代碼為<'div id="box" class="red">文

字<'/div>，為其設置CSS樣式如下:#box{ color:blue; } .red{ color:red; }

那么，文字的顏色將顯示為（）。"

A、紅色

B、藍色

C、黑色

D、白色

答案：B

23、在網頁中插入圖像，若圖像文件位于html文件的上一級文件夾，則在

文件名之前加入（）。

A、../

B、/

C、./

D、../../

答案：A

24、下列選項中，表示網頁頭部信息的標記是（）。

A、head

B、body

C、p

D、html

答案：A

25、下面關于網頁設計名詞，錯誤的是（）。

A、HTML

B、PS

C、DW

D、AP

答案：D

26、位于HTML文檔的最前面，用于向瀏覽器說明當前文檔使用哪種 HTML

或 XHTML 標準規范的標記是（）。

A、<'!DOCTYPE>

B、<'head><'/head>

C、<'title><'/title>

D、<'html><'/html>

答案：A

27、下列選項中，字號最大的是（）。

A、<'h1>

B、<'h2>

C、<'h3>

D、<'h4>

答案：A

28、（）的易用性以及幾乎所有的瀏覽器所支持的特征是其他網頁布局方法所取代不了的。

。

A、表格      B、框架

C、層      D、表單

答案：A

29、下列選項中，屬于定義列表的基本語法格式的是（）。

A、<'ol> <'li>列表項1<'/li> <'li>列表項2<'/li> ...... <'/ol>

B、<'ul> <'li>列表項1<'/li> <'li>列表項2<'/li> ...... <'/ul>

C、<'dl> <'dt>名詞1<'/dt> <'dd>名詞1解釋1<'/dd> <'dd>名詞1解釋

2<'/dd> ... <'/dl>

D、<'dl> <'dt>名詞1<'/dt> <'dt>名詞2<'/dt> ... <'/dl>

答案：C

30、下列關于特殊字符的說法不正確的是（）。

A、特殊字符的代碼通常由前綴“&”、字符名稱和后綴為英文狀態下的“

”組成

B、可以通過菜單欄直接插入相應特殊字符的代碼

C、轉義序列各字符間可以有空格

D、轉義序列必須以分號結束

答案：C

31、以下關于優化圖像說法不正確的是（   ）

A、可以給圖片增加提示      B、可以設置圖文混排

C、不可以給圖像描邊      D、可以改變圖像的亮度和對比度

答案：C

32、下列關于圖像的編輯說法不正確的是（   ）

A、圖像可以改變大小      B、圖像可以改變位置

C、可以剪裁圖像      D、可以改變圖像的顏色

答案：D

33、下列關于網頁配色的說法不正確的是（  ）

A、在色彩使用上應該盡量多的使用顏色，以豐富頁面的色彩

B、可以采用同一種顏色，通過色彩的變淡或者加深從而產生統一的層次感

C、先選定義一種顏色，然后選擇它的對比色，這樣可以達到醒目、新穎的效果      

D、在顏色數量的使用上，盡量不要使用過多過雜的顏色

答案：A

34、下列（  ）不是單元格水平對齊方式之一。

A、兩端對齊      B、默認

C、居中對齊      D、右對齊

答案：A

35、關于網頁設計的基本原則，下列說法不正確的是（  ）。

A、信息量不大的網站，在設計上，最好秉承干凈清爽的原則

B、在欄目的分類上，要讓使用者可以很容易找到目標，而且分類方法最好盡量保持一致

C、使用技術時一定要考慮傳輸時間，技術要與網站本身的性質及內容相配合      

D、沒有圖片，網站就會失去活力，一個好的網站應該大量使用圖片

答案：D

36、如果在表格中設置背景圖像之后又在該表格某個單元格中設置了背景顏色，下列說法正確的是（  ）。

A、表格中的背景顏色將失去意義      

B、表格中的背景圖片將完全被單元格顏色取代

C、表格中的背景圖依然存在，但單元格中只顯示單元格的背景色      

D、單元格中的背景色無效

答案：C

37、在Dreamweaver中對已有的樣式表不可以進行的操作是（  ）

A、刪除      B、修改

C、復制      D、合并

答案：D

38、以下屬于CSS樣式的選擇器類型是（  ）

A、類（可應用于任何標簽）        

B、標簽（重新定義特定標簽的外觀）

C、高級（ID、上下文選擇器等）      

D、以上三種類型都是

答案：D

39、以下關于CSS樣式說法不正確的是（  ）

A、定義的CSS樣式只能對本文檔應用      

B、可以定義指定范圍內的標簽樣式

C、可以同時定義多個標簽      

D、可以為調用的腳本創建CSS樣式

答案：A

40、以下能夠實現在網頁中應用CSS樣式的方法是（  ）

A、在“屬性”面板中選擇“樣式”下拉列表框進行設定      

B、利用標“標簽選擇器”選擇樣式

C、使用鼠標右鍵快捷菜單      

D、以上三個都可以

答案：D

41、層標記是（  ）

A、<a>   B、<div>  C、<img>  D、<CSS>

答案：B

42、下列關于CSS樣式的邊框設置說法正確的是（  ）

A、只能是實線      

B、四邊邊框的顏色必須相同

C、四邊邊框的寬度必須相同      

D、無論線形、寬度、顏色四邊都可以不同

答案：D

43、在表格屬性面板中，不能設置表格的（  ）。

A、邊框顏色      B、文本的顏色

C、背景圖像      D、背景顏色

答案：B

44、嵌套的布局表格（  ）大于包含它的表格。

A、能      B、不能

C、可能      D、不一定

答案：B

45、可以用（  ）種方式進行網頁的布局。

A、表格      B、框架

C、層      D、以上三種都可以

答案：D

46、下列（  ）方法不能選中層

A、在層面板中單擊層名稱      B、單擊層的選擇柄

C、單擊層的邊框      D、在層中單擊一次

答案：D

47、關于布局以下說法正確的是（  ）

A、表格與層之間可以相互轉換      B、不可以創建嵌套框架

C、層是不能嵌套的      D、不可以嵌套表格

答案：A

48、關于框架的說法錯誤的是（  ）

A、可以創建框架集      B、可以拆分和刪除框架

C、框架不需要保存      D、框架頁面之間可以鏈接

答案：C

49、下列關于層和表格說法正確的是（  ）

A、無論什么樣的層都能轉換成表格      B、重疊的層是不能轉化成表格

C、表格不能轉化成層      D、層不能轉換成表格

答案：B

50、下列關于層的說法正確的是（  ）

A、一次只可以修改一個層      B、層可以嵌套

C、層可以調整大小但不能移動      D、層不能對齊

答案：B

51、如何將指定頁面鏈接到指定框架上，應在“目標”上設置（  ）

A、_blank      B、_self

C、_top      D、指定框架的名稱

答案：D

52、下面形式的層能轉換成表格的是（  ）

A、重疊層      B、不重疊也不嵌套

C、嵌套層      D、即重疊又嵌套

答案：B

53、層的對齊萬式"設成寬度相同"的含義是（  ） 。

A、所有層的寬度調整為和最窄的層的寬度一樣      B、所有層的寬度調整為和最寬的層的寬度一樣

C、所有層的寬度調整為和最初選取的層的寬度一樣      D、所有層的寬度調整為和最后選取的層的寬度一樣

答案：D

54、下列說法中錯誤的是（  ）。

A、模板一次只能更新一個頁面B、DreomII7eover自動在文檔的head部分插入可編輯區域      

C、創建模板時，可編輯區域和鎖定區域都可以更改    

D、在基于模板的文檔中，模板用戶只能在可編輯區域中進行更改;無法修改鎖定區域

答案：D

55、下列不屬于Script腳本插入方式的是（  ）。

A、在<body>標簽插入Script腳本      B、在<body>與</body>之間插入腳本Script腳本

C、在<head>與</head>之間插入Script腳本      D、在<head>標簽插入Script腳本

答案：D

56、不同的瀏覽器、同一個瀏覽器的不同版本對事件支持不盡一致，通常說高版本的瀏覽器支持的事件要比低版本的支持（  ）

A、一樣      B、多    C、少      D、不一定

答案：B

57、下列不能創建表格的是（  ）

A、單擊[插入]菜單,選擇[表格]命令      B、單擊常用面板中的"表格"按鈕

C、直接按ctrl+alt+t      D、單擊[文件]菜單,選擇[表格]命令

答案：D

58、下面哪些操作不可以在“文件”面板中完成（  ）。

A、創建新文件      B、顯示站點地圖

C、文件的移動和刪除      D、復制站點

答案：D

59、下列哪個內容不是表格的基本組成部分（  ）

A、行      B、圖片

C、單元格      D、列

答案：B 

60、在“水平線”屬性面板中，不能設置水平線的（  ）。

A、寬度      B、高度

C、顏色      D、陰影

答案：C

二、多選題

1、下列樣式代碼中，可用于設置背景圖像平鋪方式的是（  ）。

A、background-repeat:no-repeat

B、background-attachment:fixed

C、background-attachment:scroll

D、background-repeat: repeat-x

答案：AD

2、下列標記中，用來設置文本為粗體的是（）。

A、<'u><'/u>

B、<'del><'/del>

C、<'strong><'/strong>

D、<'b><'/b>

答案：CD

3、下列選項中，屬于單標記的是（）。

A、<'hr />

B、<'p>

C、<'h2><'/h2>

D、<'br/>

答案：AD

4、使用font-family設置字體時，以下書寫正確的是（）。

A、body{ font-family: Arial,"微軟雅黑

答案：宋體

"黑體";});([B、]>body{ font-family: "微軟雅黑"

5、下列選項中，說法正確的是（）。

A、在HTML中還有一種特殊的標記--注釋標記

B、在HTML標記中分為單標記和雙標記

C、<'h2><'/h2> 二級標題是一個單標記

D、<'p><'/p>是一個雙標記

答案：ABD

6、下面選項中，屬于網頁構成元素的是（）。

A、音頻

B、視頻

C、文字

D、psd文件

答案：ABC

7、關于文本格式化標記，下列說法正確的是（）。

A、<'b><'/b>和<'strong><'/strong>，文字以粗體方式顯示（XHTML推薦使用strong）。

B、<'i><'/i>和<'em><'/em>，文字以下劃線方式顯示（XHTML推薦使用em）。

C、<'s><'/s>和<'del><'/del>，文字以加刪除線方式顯示（XHTML推薦使用del）。

D、以上說法都正確。

答案：AC

8、關于內邊距屬性的賦值方式，下列說法正確的是（）。

A、padding:10px表示盒子四個方向padding均為10px

B、padding:10px 20px 30px表示上為10px，右20px，下30px，左0px

C、padding:10px 20px表示上下為10px，左右為20px

D、padding:10px 20px 30px 40px表示上右下左內邊距分別為10px、20px、30px、40px

答案：ACD

9、下列選項中，屬于定義列表標記的是（）。

A、<'dl><'/dl>

B、<'li><'/li>

C、<'td><'/td>

D、<'dd><'/dd>

答案：AD

10、文本樣式標記<'font>可以設置的屬性有（）。

A、color

B、align

C、size

D、font-family

答案：AC

11、關于樣式代碼“padding:20px 30px 10px;”，下列說法正確的是（）。

"A、該元素上下方向的內邊距均為20px

B、該元素的上內邊距為20px，左右內邊距為30px，下內邊距為10px

C、該樣式等價于"padding:20px 30px 10px 30px

"

D、以上說法均正確"

答案：BC

12、在無序列表中經常設置type屬性，下列屬于type屬性值的是（）。

A、disc

B、circle

C、square

D、pointer

答案：ABC

13、使塊級元素水平居中，需要遵循以下哪些條件？（）

A、為元素設置高度height

B、為元素設置寬度width

C、將元素左右外邊距的值設置為auto

D、使元素浮動float

答案：BC

14、下列選項中，可用于更改元素左外邊距的是（）。

A、text-indent

B、margin-left

C、margin

D、padding-right

答案：BC

15、HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網頁中

的（）等內容進行描述。

A、文本

B、圖片

C、聲音

D、數據

答案：ABC

16、下面哪些是網頁中的元素？（）

A、文字

B、圖片

C、超鏈接

D、視頻、音頻

答案：ABCD

17、在盒子模型中邊框是一個重要的屬性，下列選項中屬于邊框屬性的是

（）。

A、border-style

B、border-height

C、border-width

D、border-color

答案：ACD

18、按鈕的編輯狀態有(    )。

A．釋放    D．按下    C．滑過  D.按下時滑過  

答案：ABCD

19、在Fireworks中，下面關于變換圖像的敘述正確的是(    )。

A．變換圖像以切片為基礎，觸發和變換的對象都是切片

B．要實現變換圖像效果，該圖像至少需有兩幀

C. 切片在所有創建的幀中都是可見的

D．創建變換圖像，然后創建切片·

答案：ABC

20、在Fireworks中,在“新建文檔”對話框中可設置的屬性有（）。

A，畫布大小(寬度＼高度)  B．分辨率   C.畫布顏色   D.圖像模式

答案：ABC

 

三、判斷題

1、在實際運用中，錨點鏈接常應用于內容較多，頁面過長的網頁。

A、正確

B、錯誤

答案：A

2、CSS樣式中的注釋“/* */”中的內容，瀏覽器不會解析，主要是用于

提示初學者。

A、正確

B、錯誤

答案：A

3、有序列表即為有排列順序的列表，<'ol><'/ol>標記用于定義有序列表。

A、正確

B、錯誤

答案：A

4、導入式是對HTML頭部文檔應用style標記，并在<'style>標記內的開

頭處使用@important語句，即可導入外部樣式表文件。

A、正確

B、錯誤

答案：A

5、鏈入式是使用頻率最高，也最實用的CSS樣式表，它將HTML代碼與

CSS代碼分離為兩個或多個文件，實現了結構和表現的完全分離。

A、正確

B、錯誤

答案：A

6、在CSS中，各個選擇器通過逗號連接就形成了并集選擇器。

A、正確

B、錯誤

答案：A

7、id選擇器使用“#”進行標識，后面緊跟id名。

A、正確

B、錯誤

答案：A

8、HTTP（英文Hypertext transfer protocol的縮寫）中文譯為超文本

傳輸協議。

A、正確

B、錯誤

答案：A

9、URL（英文Uniform Resource Locator的縮寫）中文譯為“統一資源

定位符”。URL其實就是Web地址，俗稱“網址”。

A、正確

B、錯誤

答案：A

10、在特殊字符中，使用“ ；”空格符可以實現想要的空白字符效果。

A、正確

B、錯誤

答案：A

11、使用并集選擇器定義樣式與對各個基礎選擇器單獨定義樣式效果完全

不相同。

A、正確

B、錯誤

答案：B

12、后代選擇器用來選擇元素或元素組的后代，其寫法就是把外層標記寫

在前面，內層標記寫在后面，中間用空格分隔。

A、正確

B、錯誤

答案：A

13、如果需要在后代選擇器中加入更多的元素，只需在元素之間加上逗號

即可。

A、正確

B、錯誤

答案：B

14、CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個單獨的外部

文件。

A、正確

B、錯誤

答案：A

15、DNS（英文Domain Name System的縮寫）是域名解析系統。但是，在

Internet上域名與IP地址之間并不是對應的。

A、正確

B、錯誤

答案：B

16、所有的標簽都可以設置寬度和高度屬性。

A、正確

B、錯誤

答案：B

17、在HTML中，<'!DOCTYPE >文檔類型聲明可以省略不寫。

A、正確

B、錯誤

答案：B

18、在CSS中，行高屬性line-height是用來設置文本高度的。

A、正確

B、錯誤

答案：B

19、在HTML常用的三種列表中，定義列表的列表項前沒有任何項目符號。

A、正確

B、錯誤

答案：A

20、id選擇器使用“.”進行標識，后面緊跟id名。

A、正確

B、錯誤

答案：B