網站設計師面試題
面試題型別一：
一、 填空題(40分)
1、目前常用的WEB標準靜態頁面語言是________。(4分)
2、改變元素的外邊距用________，改變元素的內填充用________。(6分)
3、在Table中，TR是________，TD是________。(6分)
4、如果給一行兩列的表格(table)定義高度樣式，在________標籤中定義最合理，最能減少程式碼的臃腫。(5分)
5、對ul li的樣式設成無，應該是用什麼屬性________。(6分)
6、在新視窗開啟連結的方法是________。(4分)
7、Color:#666666;可縮寫為________。(2分)
8、合理的頁面佈局中常聽過結構與表現分離，那麼結構是________，表現是________。(9分)
二、選擇題(20分)
1、在下面的 XHTML 中，哪個可以正確地標記折行?(5分)
A：
B：C：
2、下列哪些是格式良好的 XHTML?(5分)
A：
A short paragraph
B：
A short paragraph
C：
A short paragraph
3、在以下的 HTML 中，哪個是正確引用外部樣式表的方法?(5分)
A：
浮動後本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline
3.為什麼FF下文字無法撐開容器的高度?
標準瀏覽器中固定高度值的容器是不會象IE6裡那樣被撐開的,那我又想固定高度，又想能被撐開需要怎樣設定呢?辦法就是去掉he ight設定min-height:200px; 這裡為了照顧不認識min-height的IE6 可以這樣定義：
div { height:auto!important; height:200px; min-height:200px; }
4.為什麼web標準中IE無法設定捲軸顏色了?
原來樣式設定：
解決辦法是將body換成html
5.為什麼無法定義1px左右高度的容器?
IE6下這個問題是因為預設的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px
6.怎麼樣才能讓層顯示在FLASH之上呢?
解決的辦法是給FLASH設定透明:
7.怎樣使一個層垂直居中於瀏覽器中?
這裡使用百分比絕對定位，與外補丁負值的方法，負值的大小為其自身寬度高度除以二
8、firefox巢狀div標籤的居中問題的解決方法
假定有如下情況：
如果要實現b在a中居中放置，一般只需用CSS設定a的text-align屬性為center。這樣的方法在IE裡看起來一切 正常;但是在Firefox中b卻會是居左的。
解決辦法就是設定b的橫向margin為auto。例如設定b的CSS樣式為：margin: 0 auto;。
9、HTML的含義是什麼?其主體部分由什麼標記構成?
HTML即Hyper Text Markup Language超文字標記語言，是構成網頁最基本的元素。標記和之間的內容構成了HTML的主體部分，網頁中的所有內容，包括文字、圖形、連結以及其他頁面元素都包含在該標記符內。
10、標記br和p有什麼區別?
標記br和p都可以用來換行，但是二者是有區別的。
標記使當前行強行中斷而另起一行，但是新行與原來的行保持相同的屬性，即新行與原來的行屬於同一段落，而
標記在換行的時候另起了一新的段落;
標記無對應的結束標記
，而
標記必須和
配合使用，不能省略
。
11、 URL指的是什麼?有何作用?分為幾種?有什麼區別?
URL是統一資源定位符，用於定位Web上的檔案資訊。
URL有絕對和相對之分。絕對URL就是指完整的資源地址，具體形式為：協議名稱://計算機域名/路徑和檔名。一般情況下，在指定外部Internet資源時應使用絕對URL。相對URL指資源相對於當前頁面的路徑。使用相對URL時，一般使用點“.”和雙點“..”表示當前目錄和上一級目錄(父目錄)。在製作網站的時候，只要站點各資源的相對位置不變，就使用相對URL。
12、說明在網頁設計中層的作用
層，也就是DIV標記，是一個區塊級的HTML標記，在該標記之間可以新增段落、表格、圖片等內容，使同一個DIV標記中的元素具有相同的樣式，並可在頁面顯示時同時出現、移動以及隱藏。
它的主要作用有以下兩點：(1) 將一些標記元素組織起來，應用DIV的屬性為這些標記元素定義統一的樣式;(2) 利用其z-index屬性，實現頁面內各元素的重疊顯示效果;(3) 使頁面上顯示更多的.特效功能。
13、CSS指的是什麼?在網頁製作中為什麼要使用CSS技術?
CSS(Cascading Style Sheets)也叫層疊樣式表，它是用來控制網頁中一個或多個元素的外觀。在網頁製作中，使用樣式表可以減少很多具有相同外觀元素的重複設定工作，從而給網頁的設計和維護帶來了很大的方便;具體應用是：改變樣式表中元素顯示樣式的定義，則在使用該樣式表的所有網頁中相應元素的顯示樣式都會自動發生改變。
14、網頁製作中有哪幾種樣式設定方法?各有何特點?
網頁製作中有：內聯式樣式設定、直接嵌入式樣式設定和外部連結式樣式設定三種方式。
(1) 內聯式樣式設定：
設定方法：直接在要設定樣式的各標記元素中修改style屬性;
優點：直觀、方便;
缺點：不易於維護和修改;
適用於：網頁中個別需要修改的元素的樣式定義;
(2) 直接嵌入式樣式設定：
設定方法：在HTML文件的之間新增 定義， 部分是所有需要設定樣式的元素的屬性定義。
優點：對當前頁面內的所有元素的樣式修改、維護比較方便;
缺點：對於網站建設，要採用相同的樣式設定則比較麻煩;
適用於：單獨網頁的樣式定義;
(3) 外部連結式樣式設定：
設定方法：把所有樣式定義放在一個獨立的檔案中，凡是需要使用該檔案中規定樣式的網頁，只要在其與之間新增一個對該樣式檔案的連結：即可;
適用於：需要統一顯示樣式的網站建設。
15、使用者自定義的類和ID在定義和使用時有什麼區別?
定義時，類以英文形式的句點“.”為起始標誌，ID以“#”為起始標誌;使用時，類可以在一個頁面中被多個不同的元素引用，而ID在一個頁面中只能被引用一次。
16、為什麼web標準中IE無法設定捲軸顏色了?
原來樣式設定：
解決辦法是將body換成html
17、 樣式定義如下，試說明顯示結果，並做相應解釋
樣式表文件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檔案：
標題1
標題2
文字
這是一個連結演示。
另一個連結
(1) 第一次使用的P、H1~H6標記均以紅色的“40px”大小的字型顯示;
(2) 超連結未選中時，以藍色字型顯示;當滑鼠移動到上方時，以原字型大小的1.5倍的橙色字型顯示;當超連結被點選之後，以暗紅色字型顯示;
(3) 所有P標記的內容都以列表的形式顯示;
(4) 所插入圖片的左右兩側都允許有文字出現;
(5) 使用背景圖片，並使其在整個頁面的兩個方向平鋪。
該HTML頁面與樣式表文件建立了連結，顯示時以“#ccccff”色為背景色;
“標題1”：三種樣式定義方式都使用了，最終按照就近原則，以內聯式樣式定義的顏色“brown”、外部連結的樣式表文件定義的字型大小“medium”顯示;
“標題2”：使用了外部連結和直接嵌入的樣式定義，以直接嵌入式定義的顏色“red”、類.first定義的背景色“black”、 外部連結的樣式定義的字型大小“medium”顯示;
“文字”：使用了外部連結和內聯式的樣式定義，以內聯式定義的字型大小“20px”、外部連結的樣式定義的顏色“blue”顯示;
“這是一個……演示”：使用了外部連結的樣式定義，以顏色“blue”、 字型大小“30px”顯示;其中“連結”二字，使用了包含選擇符的樣式定義，以樣式表定義的顏色“orange”、字型大小“40px”顯示;
“另一個連結”：沒有樣式定義，按預設方式顯示。
18、什麼是指令碼語言?目前流行的有哪些指令碼語言?主要區別是什麼?
指令碼語言是一種介於HTML語言和C++、Visual Basic等程式設計語言之間的語言，它在形式和功能上可能更接近後者，但它並不是應用程式開發語言，所以語法規則沒有那麼嚴格和複雜，也無需編譯。目前流行的瀏覽器指令碼語言主要有：ECMAScript、Jscript、JavaScript、VBScript等。
VBScript是Visual Basic的子集，是特意為在瀏覽器中進行工作而設計的，它不包括一些在指令碼這個範圍以外的特性，如檔案訪問和列印等等。它是基於Microsoft的Visual Basic語言。目前只有Microsoft Internet Explore版本3或更高的版本支援VBScript，Netscape的瀏覽器並不支援VBScript。
JScript從一組程式語言如C, C++以及Java等之中脫離出來的，是Microsoft公司在其Internet Explore 3.0瀏覽器中開始實現的解釋性指令碼語言。Jscript來源於Netscape公司出版的JavaScript文件，但是並不具有JavaScript的全部特性。
JavaScript是基於SUN公司的JAVA語言，用於建立動態的聯機應用程式，這些程式能夠將客戶端和伺服器端的物件和資源連線在一起。Microsoft Internet Explore和Netscape Navigator均支援JavaScript。
19、設計一個ASP.NET Web應用程式，要求從下向上滾動顯示一行資訊
(1)建立一個新的Web應用程式，在Default.aspx頁面的【源】檢視中加入。
(2)切換到【設計】檢視，調整控制元件大小和位置，然後在控制元件中輸入顯示內容，例如“歡迎參加MARQUEE控制元件練習”。
(3)修改該控制元件的【behavior】屬性為【scroll】。
(4)修改該控制元件的【direction】屬性為【up】。
20、查詢資料，學習掌握如何使用背景音樂、模式對話方塊和非模式對話方塊?模式對話方塊和非模式對話方塊的區別是什麼?
可以用bgsound播放背景音樂，例如,當音樂檔案個數較多時，可以把音樂名儲存到資料庫中，然後根據具體情況靈活地選擇要播放的樂曲。
模式對話方塊的格式為：
window.showModalDialog(sURL[,vArguments][,sFeatures])
用來建立一個展示指定HTML文件的模式對話方塊。sURL是字串，用來指定HTML文件;vArguments指定展示文件時使用的引數;sFeatures用來指定窗體的引數值。例如：
非模式對話方塊的格式為：
window.showModelessDialog(sURL[,vArguments][,sFeatures])
引數含義同模式對話方塊。例如：
21、請設計一個類似XX站點首頁的web 頁面：
1.頁面為典型的header, footer加3欄的結構;
2.頁面在800x600以上顯示解析度下是自動適應瀏覽器寬度的(自動變寬);
3.Header區域有站點logo, 和主選單，主選單採用tab風格橫向排列;
4.樣式表中應該至少定義
,
,
,
, 等標籤，使得這些標籤可以在頁面上顯示美觀。
您可以分析和研究XX站點目前的頁面和css, 但絕對不要抄襲XX站點的頁面結構和css, 也不要複製目前的頁面的設計，這個考試不但考您的html, css知識，而且考您的基本構圖和美感，因此您可以在上述基本要求滿足的情況下，任意自由發揮。
注意事項：
1.使用CSS + DIV來組織頁面結構，不允許使用
來組織;主選單的tab請用
來實現，透過css控制其樣式
2.手寫程式碼，不允許使用視覺化網頁編輯工具
3.請把CSS單獨檔案存放，如果需要使用Javascript, js檔案也單獨存放，注意檔案命名和class, id的命名規範
4.儘可能少使用圖片，而多依靠css來控制顏色
【網站設計師面試題】相關文章：