網(wǎng)站設(shè)計(jì)師面試題

面試題類型一：

一、 填空題(40分)

1、目前常用的WEB標(biāo)準(zhǔn)靜態(tài)頁(yè)面語(yǔ)言是________。(4分)

2、改變?cè)�素的外邊距用________，改變?cè)�素的�?nèi)填充用________。(6分)

3、在Table中，TR是________，TD是________。(6分)

4、如果給一行兩列的表格(table)定義高度樣式，在________標(biāo)簽中定義最合理，最能減少代碼的臃腫。(5分)

5、對(duì)ul li的樣式設(shè)成無(wú)，應(yīng)該是用什么屬性________。(6分)

6、在新窗口打開(kāi)鏈接的方法是________。(4分)

7、Color:#666666;可縮寫為_(kāi)_______。(2分)

8、合理的頁(yè)面布局中常聽(tīng)過(guò)結(jié)構(gòu)與表現(xiàn)分離，那么結(jié)構(gòu)是________，表現(xiàn)是________。(9分)

二、選擇題(20分)

1、在下面的 XHTML 中，哪個(gè)可以正確地標(biāo)記折行?(5分)

A：

B：C：

2、下列哪些是格式良好的 XHTML?(5分)

A：

A short paragraph

B：

A short paragraph

C：

A short paragraph

3、在以下的 HTML 中，哪個(gè)是正確引用外部樣式表的方法?(5分)

A：

浮動(dòng)后本來(lái)外邊距10px,但I(xiàn)E解釋為20px,解決辦法是加上display:inline

3.為什么FF下文本無(wú)法撐開(kāi)容器的高度?

標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開(kāi)的,那我又想固定高度，又想能被撐開(kāi)需要怎樣設(shè)置呢?辦法就是去掉he ight設(shè)置min-height:200px; 這里為了照顧不認(rèn)識(shí)min-height的IE6 可以這樣定義：

div { height:auto!important; height:200px; min-height:200px; }

4.為什么web標(biāo)準(zhǔn)中IE無(wú)法設(shè)置滾動(dòng)條顏色了?

原來(lái)樣式設(shè)置：

解決辦法是將body換成html

5.為什么無(wú)法定義1px左右高度的容器?

IE6下這個(gè)問(wèn)題是因?yàn)槟�認(rèn)的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么樣才能讓層顯示在FLASH之上呢?

解決的辦法是給FLASH設(shè)置透明:

7.怎樣使一個(gè)層垂直居中于瀏覽器中?

這里使用百分比絕對(duì)定位，與外補(bǔ)丁負(fù)值的方法，負(fù)值的大小為其自身寬度高度除以二

8、firefox嵌套div標(biāo)簽的居中問(wèn)題的解決方法

假定有如下情況：

如果要實(shí)現(xiàn)b在a中居中放置，一般只需用CSS設(shè)置a的text-align屬性為center。這樣的方法在IE里看起來(lái)一切 正常;但是在Firefox中b卻會(huì)是居左的。

解決辦法就是設(shè)置b的橫向margin為auto。例如設(shè)置b的CSS樣式為：margin: 0 auto;。

9、HTML的含義是什么?其主體部分由什么標(biāo)記構(gòu)成?

HTML即Hyper Text Markup Language超文本標(biāo)記語(yǔ)言，是構(gòu)成網(wǎng)頁(yè)最基本的元素。標(biāo)記和之間的內(nèi)容構(gòu)成了HTML的主體部分，網(wǎng)頁(yè)中的所有內(nèi)容，包括文字、圖形、鏈接以及其他頁(yè)面元素都包含在該標(biāo)記符內(nèi)。

10、標(biāo)記br和p有什么區(qū)別?

標(biāo)記br和p都可以用來(lái)?yè)Q行，但是二者是有區(qū)別的。

標(biāo)記使當(dāng)前行強(qiáng)行中斷而另起一行，但是新行與原來(lái)的行保持相同的屬性，即新行與原來(lái)的行屬于同一段落，而

標(biāo)記在換行的時(shí)候另起了一新的段落;

標(biāo)記無(wú)對(duì)應(yīng)的結(jié)束標(biāo)記

，而

標(biāo)記必須和

配合使用，不能省略

。

11、 URL指的是什么?有何作用?分為幾種?有什么區(qū)別?

URL是統(tǒng)一資源定位符，用于定位Web上的文件信息。

URL有絕對(duì)和相對(duì)之分。絕對(duì)URL就是指完整的資源地址，具體形式為：協(xié)議名稱://計(jì)算機(jī)域名/路徑和文件名。一般情況下，在指定外部Internet資源時(shí)應(yīng)使用絕對(duì)URL。相對(duì)URL指資源相對(duì)于當(dāng)前頁(yè)面的路徑。使用相對(duì)URL時(shí)，一般使用點(diǎn)“.”和雙點(diǎn)“..”表示當(dāng)前目錄和上一級(jí)目錄(父目錄)。在制作網(wǎng)站的時(shí)候，只要站點(diǎn)各資源的相對(duì)位置不變，就使用相對(duì)URL。

12、說(shuō)明在網(wǎng)頁(yè)設(shè)計(jì)中層的作用

層，也就是DIV標(biāo)記，是一個(gè)區(qū)塊級(jí)的HTML標(biāo)記，在該標(biāo)記之間可以添加段落、表格、圖片等內(nèi)容，使同一個(gè)DIV標(biāo)記中的元素具有相同的樣式，并可在頁(yè)面顯示時(shí)同時(shí)出現(xiàn)、移動(dòng)以及隱藏。

它的主要作用有以下兩點(diǎn)：(1) 將一些標(biāo)記元素組織起來(lái)，應(yīng)用DIV的屬性為這些標(biāo)記元素定義統(tǒng)一的樣式;(2) 利用其z-index屬性，實(shí)現(xiàn)頁(yè)面內(nèi)各元素的重疊顯示效果;(3) 使頁(yè)面上顯示更多的特效功能。

13、CSS指的是什么?在網(wǎng)頁(yè)制作中為什么要使用CSS技術(shù)?

CSS(Cascading Style Sheets)也叫層疊樣式表，它是用來(lái)控制網(wǎng)頁(yè)中一個(gè)或多個(gè)元素的外觀。在網(wǎng)頁(yè)制作中，使用樣式表可以減少很多具有相同外觀元素的重復(fù)設(shè)置工作，從而給網(wǎng)頁(yè)的設(shè)計(jì)和維護(hù)帶來(lái)了很大的方便;具體應(yīng)用是：改變樣式表中元素顯示樣式的定義，則在使用該樣式表的所有網(wǎng)頁(yè)中相應(yīng)元素的顯示樣式都會(huì)自動(dòng)發(fā)生改變。

14、網(wǎng)頁(yè)制作中有哪幾種樣式設(shè)置方法?各有何特點(diǎn)?

網(wǎng)頁(yè)制作中有：內(nèi)聯(lián)式樣式設(shè)置、直接嵌入式樣式設(shè)置和外部鏈接式樣式設(shè)置三種方式。

(1) 內(nèi)聯(lián)式樣式設(shè)置：

設(shè)置方法：直接在要設(shè)置樣式的各標(biāo)記元素中修改style屬性;

優(yōu)點(diǎn)：直觀、方便;

缺點(diǎn)：不易于維護(hù)和修改;

適用于：網(wǎng)頁(yè)中個(gè)別需要修改的元素的樣式定義;

(2) 直接嵌入式樣式設(shè)置：

設(shè)置方法：在HTML文檔的之間添加 定義， 部分是所有需要設(shè)置樣式的元素的屬性定義。

優(yōu)點(diǎn)：對(duì)當(dāng)前頁(yè)面內(nèi)的所有元素的樣式修改、維護(hù)比較方便;

缺點(diǎn)：對(duì)于網(wǎng)站建設(shè)，要采用相同的樣式設(shè)置則比較麻煩;

適用于：?jiǎn)为?dú)網(wǎng)頁(yè)的樣式定義;

(3) 外部鏈接式樣式設(shè)置：

設(shè)置方法：把所有樣式定義放在一個(gè)獨(dú)立的文件中，凡是需要使用該文件中規(guī)定樣式的網(wǎng)頁(yè)，只要在其與之間添加一個(gè)對(duì)該樣式文件的鏈接：即可;

適用于：需要統(tǒng)一顯示樣式的網(wǎng)站建設(shè)。

15、用戶自定義的類和ID在定義和使用時(shí)有什么區(qū)別?

定義時(shí)，類以英文形式的句點(diǎn)“.”為起始標(biāo)志，ID以“#”為起始標(biāo)志;使用時(shí)，類可以在一個(gè)頁(yè)面中被多個(gè)不同的元素引用，而ID在一個(gè)頁(yè)面中只能被引用一次。

16、為什么web標(biāo)準(zhǔn)中IE無(wú)法設(shè)置滾動(dòng)條顏色了?

原來(lái)樣式設(shè)置：

解決辦法是將body換成html

17、 樣式定義如下，試說(shuō)明顯示結(jié)果，并做相應(yīng)解釋

樣式表文件StyleExercise.css：

body{background-color:#ccccff;}

p{color:Blue;font-size:30px; }

h1{color:Yellow;font-size:medium;}

p a{color :Orange;font-size:40px; }

HTML文件：

標(biāo)題1

標(biāo)題2

文本

這是一個(gè)鏈接演示。

另一個(gè)鏈接

(1) 第一次使用的P、H1~H6標(biāo)記均以紅色的“40px”大小的字體顯示;

(2) 超鏈接未選中時(shí)，以藍(lán)色字體顯示;當(dāng)鼠標(biāo)移動(dòng)到上方時(shí)，以原字體大小的1.5倍的橙色字體顯示;當(dāng)超鏈接被點(diǎn)擊之后，以暗紅色字體顯示;

(3) 所有P標(biāo)記的內(nèi)容都以列表的形式顯示;

(4) 所插入圖片的左右兩側(cè)都允許有文字出現(xiàn);

(5) 使用背景圖片，并使其在整個(gè)頁(yè)面的兩個(gè)方向平鋪。

該HTML頁(yè)面與樣式表文件建立了鏈接，顯示時(shí)以“#ccccff”色為背景色;

“標(biāo)題1”：三種樣式定義方式都使用了，最終按照就近原則，以內(nèi)聯(lián)式樣式定義的顏色“brown”、外部鏈接的樣式表文件定義的字體大小“medium”顯示;

“標(biāo)題2”：使用了外部鏈接和直接嵌入的樣式定義，以直接嵌入式定義的顏色“red”、類.first定義的背景色“black”、 外部鏈接的樣式定義的字體大小“medium”顯示;

“文本”：使用了外部鏈接和內(nèi)聯(lián)式的樣式定義，以內(nèi)聯(lián)式定義的字體大小“20px”、外部鏈接的樣式定義的顏色“blue”顯示;

“這是一個(gè)……演示”：使用了外部鏈接的樣式定義，以顏色“blue”、 字體大小“30px”顯示;其中“鏈接”二字，使用了包含選擇符的樣式定義，以樣式表定義的顏色“orange”、字體大小“40px”顯示;

“另一個(gè)鏈接”：沒(méi)有樣式定義，按默認(rèn)方式顯示。

18、什么是腳本語(yǔ)言?目前流行的有哪些腳本語(yǔ)言?主要區(qū)別是什么?

腳本語(yǔ)言是一種介于HTML語(yǔ)言和C++、Visual Basic等程序設(shè)計(jì)語(yǔ)言之間的語(yǔ)言，它在形式和功能上可能更接近后者，但它并不是應(yīng)用程序開(kāi)發(fā)語(yǔ)言，所以語(yǔ)法規(guī)則沒(méi)有那么嚴(yán)格和復(fù)雜，也無(wú)需編譯。目前流行的瀏覽器腳本語(yǔ)言主要有：ECMAScript、Jscript、JavaScript、VBScript等。

VBScript是Visual Basic的子集，是特意為在瀏覽器中進(jìn)行工作而設(shè)計(jì)的，它不包括一些在腳本這個(gè)范圍以外的特性，如文件訪問(wèn)和打印等等。它是基于Microsoft的Visual Basic語(yǔ)言。目前只有Microsoft Internet Explore版本3或更高的版本支持VBScript，Netscape的瀏覽器并不支持VBScript。

JScript從一組編程語(yǔ)言如C, C++以及Java等之中脫離出來(lái)的，是Microsoft公司在其Internet Explore 3.0瀏覽器中開(kāi)始實(shí)現(xiàn)的解釋性腳本語(yǔ)言。Jscript來(lái)源于Netscape公司出版的JavaScript文檔，但是并不具有JavaScript的全部特性。

JavaScript是基于SUN公司的JAVA語(yǔ)言，用于創(chuàng)建動(dòng)態(tài)的聯(lián)機(jī)應(yīng)用程序，這些程序能夠?qū)⒖蛻舳撕头��?wù)器端的對(duì)象和資源連接在一起。Microsoft Internet Explore和Netscape Navigator均支持JavaScript。

19、設(shè)計(jì)一個(gè)ASP.NET Web應(yīng)用程序，要求從下向上滾動(dòng)顯示一行信息

(1)建立一個(gè)新的Web應(yīng)用程序，在Default.aspx頁(yè)面的【源】視圖中加入。

(2)切換到【設(shè)計(jì)】視圖，調(diào)整控件大小和位置，然后在控件中輸入顯示內(nèi)容，例如“歡迎參加MARQUEE控件練習(xí)”。

(3)修改該控件的【behavior】屬性為【scroll】。

(4)修改該控件的【direction】屬性為【up】。

20、查找資料，學(xué)習(xí)掌握如何使用背景音樂(lè)、模式對(duì)話框和非模式對(duì)話框?模式對(duì)話框和非模式對(duì)話框的區(qū)別是什么?

可以用bgsound播放背景音樂(lè)，例如,當(dāng)音樂(lè)文件個(gè)數(shù)較多時(shí)，可以把音樂(lè)名保存到數(shù)據(jù)庫(kù)中，然后根據(jù)具體情況靈活地選擇要播放的樂(lè)曲。

模式對(duì)話框的格式為：

window.showModalDialog(sURL[,vArguments][,sFeatures])

用來(lái)創(chuàng)建一個(gè)展示指定HTML文檔的模式對(duì)話框。sURL是字符串，用來(lái)指定HTML文檔;vArguments指定展示文檔時(shí)使用的參數(shù);sFeatures用來(lái)指定窗體的參數(shù)值。例如：

非模式對(duì)話框的格式為：

window.showModelessDialog(sURL[,vArguments][,sFeatures])

參數(shù)含義同模式對(duì)話框。例如：

21、請(qǐng)?jiān)O(shè)計(jì)一個(gè)類似XX站點(diǎn)首頁(yè)的web 頁(yè)面：

1.頁(yè)面為典型的header, footer加3欄的結(jié)構(gòu);

2.頁(yè)面在800x600以上顯示分辨率下是自動(dòng)適應(yīng)瀏覽器寬度的(自動(dòng)變寬);

3.Header區(qū)域有站點(diǎn)logo, 和主菜單，主菜單采用tab風(fēng)格橫向排列;

4.樣式表中應(yīng)該至少定義

,

,

,

, 等標(biāo)簽，使得這些標(biāo)簽可以在頁(yè)面上顯示美觀。

您可以分析和研究XX站點(diǎn)目前的頁(yè)面和css, 但絕對(duì)不要抄襲XX站點(diǎn)的頁(yè)面結(jié)構(gòu)和css, 也不要復(fù)制目前的頁(yè)面的設(shè)計(jì)，這個(gè)考試不但考您的html, css知識(shí)，而且考您的基本構(gòu)圖和美感，因此您可以在上述基本要求滿足的情況下，任意自由發(fā)揮。

注意事項(xiàng)：

1.使用CSS + DIV來(lái)組織頁(yè)面結(jié)構(gòu)，不允許使用

來(lái)組織;主菜單的tab請(qǐng)用

來(lái)實(shí)現(xiàn)，通過(guò)css控制其樣式

2.手寫代碼，不允許使用可視化網(wǎng)頁(yè)編輯工具

3.請(qǐng)把CSS單獨(dú)文件存放，如果需要使用Javascript, js文件也單獨(dú)存放，注意文件命名和class, id的命名規(guī)范

4.盡可能少使用圖片，而多依靠css來(lái)控制顏色

[網(wǎng)站設(shè)計(jì)師面試題]

【網(wǎng)站設(shè)計(jì)師面試題】相關(guān)文章：

網(wǎng)站程序員面試題07-26

平面設(shè)計(jì)師面試題目07-24

平面設(shè)計(jì)師面試題目10-19

平面設(shè)計(jì)師面試題目10-08

網(wǎng)站美工設(shè)計(jì)師個(gè)人簡(jiǎn)歷08-05

SEO面試題：給你一個(gè)新網(wǎng)站你如何優(yōu)化09-12

經(jīng)典面試題06-20

hibernate面試題10-18

公司面試題09-12

iOS面試題07-10