- 相關(guān)推薦
網(wǎng)頁制作面試題
在各領(lǐng)域中，我們最熟悉的就是試題了，借助試題可以對(duì)一個(gè)人進(jìn)行全方位的考核。你知道什么樣的試題才是規(guī)范的嗎？下面是小編整理的網(wǎng)頁制作面試題，希望對(duì)大家有所幫助。
試題1：
1、IE6雙邊距問題?
在IE6的瀏覽器中明明設(shè)置的是10px的margin卻為什么顯示的是20px的margin，其實(shí)這個(gè)Ie6的一個(gè)雙邊距BUG。
例如:
因?yàn)榧由细?dòng)后就會(huì)多出一倍的邊距，浮動(dòng)后本來外邊距10px,但I(xiàn)E6會(huì)解析成20px,只需要在div的樣式里加上display:inline;就可以解決以上問題。
2、為什么中火狐瀏覽器下文本無法撐開容器的高度?
標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開的,那我又想固定高度，又想能被撐開需要怎樣設(shè)置呢?辦法就是去掉height設(shè)置min-height:200px; 這里為了照顧不認(rèn)識(shí)min-height的 IE6 可以這樣定義：
div { height:auto!important; height:200px; min-height:200px; }
3、如何定義1px左右高度的容器?
IE6下這個(gè)問題是因?yàn)槟J(rèn)的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line- height:1px。
4、為什么web標(biāo)準(zhǔn)中無法設(shè)置IE瀏覽器滾動(dòng)條顏色了?
原來樣式設(shè)置：
解決辦法是將body換成html。
5、怎樣使一個(gè)div層居中于瀏覽器中?
這里使用百分比絕對(duì)定位，與外補(bǔ)丁負(fù)值的方法，負(fù)值的大小為其自身寬度高度除以二。
6、firefox瀏覽器中嵌套div標(biāo)簽的居中問題的解決方法？
假定有如下情況：
如果要實(shí)現(xiàn)b在a中居中放置，一般只需用CSS設(shè)置a的text-align屬性為center。這樣的方法在IE里看起來一切正常;但是在Firefox中b卻會(huì)是居左的。
解決辦法就是設(shè)置b的橫向margin為auto。例如設(shè)置b的CSS樣式為：margin: 0 auto;。
7、超鏈接點(diǎn)擊過后hover樣式就不出現(xiàn)的問題?
被點(diǎn)擊訪問過的超鏈接樣式不再具有hover和active樣式了,解決方法是改變CSS屬性的排列順序: L-V-H-A(link-visited-hover-active)。
8、 下的留白，大家看這段代碼有啥問題：
把div的border打開，你發(fā)現(xiàn)圖片底部不是緊貼著容器底部的，是img后面的空白字符造成，要消除必須這樣寫。
后面兩個(gè)標(biāo)簽要緊挨著。ie7下這個(gè)bug 依然存在。解決方案：給img設(shè)定 display:block。
9、怎么樣才能讓flash透明顯示在層上面之上呢?
寬和高一定要和層的一樣。
10、為什么FF下文本無法撐開容器的高度?
標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開的,那我又想固定高度，又想能被撐開需要怎樣設(shè)置呢?辦法就是去掉he ight設(shè)置min-height:200px; 這里為了照顧不認(rèn)識(shí)min-height的IE6 可以這樣定義：
div { height:auto!important; height:200px; min-height:200px; }
11、IE6斷頭臺(tái)問題
從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了從打火機(jī)發(fā)動(dòng)機(jī)是分開了。
#layout{width:400px; border:5px solid #d4ca25;}
#left{width：200px; float:left;border:5px solid #35bb0c;}
當(dāng)網(wǎng)頁打開的時(shí)候頁面顯示正常，但鼠標(biāo)指向右面對(duì)象“鏈接3”以及“鏈接4”的時(shí)候，主對(duì)象#layout下面被切掉，剩下的高度剛好是4個(gè)鏈接的高度。當(dāng)鼠標(biāo)再回到“鏈接1”，左側(cè)的高度又恢復(fù)，解決方法：把四個(gè)鏈接用包起來，給#right{floatleft;}
試題2：
一、單選題
1.網(wǎng)頁制作流程不包括________。 答案：D
A.網(wǎng)頁的結(jié)構(gòu)設(shè)計(jì)
B.資料的收集與整理
C.網(wǎng)頁上傳與發(fā)布
D.申請(qǐng)域名
2.網(wǎng)頁布局的常用方法不包括使用________進(jìn)行布局。 答案：D
A.表格
B.層疊樣式表
C.框架
D.表單
3.在DreamweaverCS4中，超級(jí)鏈接主要可以分為文本鏈接、圖像鏈接和________。 答案：C
A.友情鏈接
B.控制鏈接
C.錨記鏈接
D.用戶鏈接
4.制作網(wǎng)頁時(shí)，關(guān)于可以采用的圖像文件格式，正確的描述是：________。 答案：D
A.僅可采用JPG格式
B.僅可采用GIF格式
C.僅可采用PNG格式
D.JPG格式、GIF格式和PNG格式都可采用
5.以下描述正確的是________。 答案：D
A.靜態(tài)網(wǎng)頁指沒有動(dòng)畫效果的網(wǎng)頁
B.動(dòng)態(tài)網(wǎng)頁至少有一種動(dòng)畫效果
C.瀏覽者與服務(wù)器可通過靜態(tài)網(wǎng)頁進(jìn)行交互
D.動(dòng)態(tài)網(wǎng)頁文件含有HTML之外的程序代碼
6.一個(gè)網(wǎng)站可以通過________將很多的網(wǎng)頁鏈接在一起。 答案：C
A.文字
B.超媒體
C.超鏈接
D.圖像
7.________標(biāo)記用來標(biāo)識(shí)一個(gè)HTML文件中的表格。 答案：D
A.〈p〉〈/p〉
B.〈body〉〈/body〉
C.〈html〉〈/html〉
D.〈table〉〈/table〉
代碼〈imgsrc="name"〉表示________。 答案：A
A.添加一個(gè)圖像
B.排列對(duì)齊一個(gè)圖像
C.設(shè)置圍繞一個(gè)圖像的邊框的大小
D.加入一條水平線
9.定義HTML文件主體部分的標(biāo)記對(duì)是________。 答案：C
A.〈table〉……〈/table〉
B.〈img〉……〈/img〉
C.〈body〉……〈/body〉
D.〈title〉……〈/title〉
10.________標(biāo)記是用來標(biāo)識(shí)一個(gè)HTML文件的。 答案：C
A.〈p〉〈/p〉
B.〈body〉〈/body〉
C.〈html〉〈/html〉
D.〈table〉〈/table〉
11.在DreamweaverCS4中，要在當(dāng)前網(wǎng)頁所在的窗口或框架中打開鏈接，目標(biāo)窗口設(shè)置應(yīng)該為________。 答案：C
A._blank
B._parent
C._self
D._top
12.使用Dreamweaver CS4時(shí)，當(dāng)網(wǎng)頁既設(shè)置了背景圖像又設(shè)置了背景顏色，那么________。 答案：A
A.背景圖像覆蓋背景顏色
B.背景顏色覆蓋背景圖像
C.產(chǎn)生一種半透明的混合效果
D.相互沖突，不能同時(shí)設(shè)置
mweaverCS4的網(wǎng)頁設(shè)計(jì)中，CSS一般是指________。 答案：C
A.層
B.行為
C.樣式表
D.時(shí)間線
14.使用DreamweaverCS4時(shí)，在表格“屬性”面板中，可設(shè)置表格的________。 答案：A
A.邊框?qū)挾?/p>
B.文本顏色
C.背景圖像
D.背景顏色
15.使用DreamweaverCS4時(shí)，創(chuàng)建自定義CSS樣式時(shí)，樣式名稱必須以________開始。 答案：C
A.$
B.#
C..
16.在網(wǎng)頁設(shè)計(jì)中，________是用于控制頁面元素外觀布局的樣式表。 答案：A
B.C/S
C.〈Head〉
D.〈Form〉
17.在網(wǎng)頁設(shè)計(jì)中，________可以用于控制頁面元素的外觀布局。 答案：C
A.熱區(qū)
B.錨記
C.樣式表
D.表單
18.在表單中允許用戶從一組選項(xiàng)中選擇多個(gè)選項(xiàng)的表單對(duì)象是________。 答案：C
A.單選按鈕
B.列表
C.復(fù)選框
D.單選按鈕組
19.可以不用發(fā)布就能在本地計(jì)算機(jī)上瀏覽的頁面編寫語言是________。 答案：B
20.在網(wǎng)頁設(shè)計(jì)中，________可以用于控制頁面元素外觀布局。 答案：C
A.熱區(qū)
B.錨記
C.樣式表
D.表單
21.網(wǎng)頁布局的常用方法不包括________。 答案：D
A.表格布局
B.層疊樣式表
C.框架布局
D.表單布局
22.網(wǎng)頁制作流程不包括________。 答案：D
A.結(jié)構(gòu)設(shè)計(jì)
B.網(wǎng)頁制作
C.發(fā)布上傳
D.申請(qǐng)域名
23.在DreamweaverCS4中，設(shè)置“鼠標(biāo)經(jīng)過圖像”事件時(shí)，________。 答案：D
A.可以設(shè)置“原始圖像”和“鼠標(biāo)經(jīng)過圖像”，不能設(shè)置“替換文本”
B.可以設(shè)置“原始圖像”和“替換文本”，不能設(shè)置“鼠標(biāo)經(jīng)過圖像”
C.可以設(shè)置“鼠標(biāo)經(jīng)過圖像”和“替換文本”，不能設(shè)置“原始圖像”
D.可以同時(shí)設(shè)置“原始圖像”、“鼠標(biāo)經(jīng)過圖像”和“替換文本”
24.要建立一個(gè)能夠在Internet上訪問的網(wǎng)站，以下敘述錯(cuò)誤的是________。 答案：C
A.可在本地站點(diǎn)上進(jìn)行網(wǎng)站設(shè)計(jì)
B.可以建立并把內(nèi)容發(fā)布到遠(yuǎn)程站點(diǎn)
C.遠(yuǎn)程站點(diǎn)服務(wù)器主機(jī)上必須安裝Dreamweaver
D.可使用FTP軟件進(jìn)行遠(yuǎn)程管理
二、填空題
1.超文本標(biāo)記語言的英文簡稱是________。 答案：【HTML】
2.在DreamweaverCS4中，建立電子郵件的超級(jí)鏈接時(shí)，在“屬性”面板的文本框中輸入________+電子郵件地址。 答案：【mailto】【mailto：】
3.在DreamweaverCS4中，網(wǎng)頁的頁邊距是在________對(duì)話框中設(shè)置。 答案：【頁面屬性】
4.層疊樣式表CSS的格式設(shè)置規(guī)則由選擇器和 ________兩部分組成。 答案：【聲明】
5.在Dreamweaver CS4中，表格的寬度可以用百分比和________（填寫2個(gè)漢字）表示。 答案：【像素】
【網(wǎng)頁制作面試題】相關(guān)文章：
網(wǎng)頁制作心得11-23
網(wǎng)頁制作的心得12-14
網(wǎng)頁設(shè)計(jì)與制作報(bào)告08-16
網(wǎng)頁制作實(shí)習(xí)報(bào)告08-15
網(wǎng)頁制作教學(xué)設(shè)計(jì)11-30