網(wǎng)頁(yè)設計筆試題
啊南 3100閱讀 2020.03.12
![](http://ep2016.hunt007.com/ask/2020/3/12/20200312043650.jpg)
【導語(yǔ)】: 很多時(shí)候去參加網(wǎng)頁(yè)設計崗位的面試會(huì )碰上筆試,因此提前了解一些筆試題目是很有必要的。網(wǎng)頁(yè)設計筆試一般會(huì )碰上寫(xiě)什么題目呢?你都有關(guān)注過(guò)嗎?不知道沒(méi)關(guān)系,讓小編帶著(zhù)大家一起來(lái)看看吧。
![](http://style.hunt007.com/images/2020-zhaogongyi/common/icon-details.png)
1.目前在Internet上應用最為廣泛的服務(wù)是( )。
A.FTP服務(wù) B.WWW服務(wù) C.Telnet服務(wù) D.Gopher服務(wù)
2.在域名系統中,域名采用( )。
A.樹(shù)型命名機制 B.星型命名機制 C.層次型命名機制 D.網(wǎng)狀型命名機制
3.HTTP協(xié)議是一種( )協(xié)議。
A.文件傳輸協(xié)議 B.遠程登錄協(xié)議 C.郵件協(xié)議 D.超文本傳輸協(xié)議
4.在HTML中,標記的Size屬性最大取值可以是( )。
A.5 B.6 C.7 D.8
5.在HTML中,標記的作用是( )。
A.標題標記 B.預排版標記 C.轉行標記 D.文字效果標記
6.在DHTML中把整個(gè)文檔的各個(gè)元素作為對象處理的技術(shù)是 ( ).
A.HTML B.CSS C.DOM D.Script(腳本語(yǔ)言)
7.下面不屬于CSS插入形式的是( ).
A.索引式 B.內聯(lián)式 C.嵌入式 D.外部式
8.如果站點(diǎn)服務(wù)器支持安全套接層(SSL),那么連接到安全站點(diǎn)上的所有開(kāi)頭是( )。
A.HTTP B.HTTPS C.SHTTP D.SSL
9.下列描述錯誤的是( )。
A.DHTML是HTML基礎上發(fā)展的一門(mén)語(yǔ)言 B.根據處理用戶(hù)操作位置的不同,HTML主要分為兩大類(lèi):服務(wù)器端動(dòng)態(tài)頁(yè)面和客戶(hù)端動(dòng)態(tài)頁(yè)面 C.客戶(hù)端的DHTML技術(shù)包括HTML4.0、CSS、DOM和腳本語(yǔ)言 D.DHTML側重于WEB內容的動(dòng)態(tài)表現
10.可以不用發(fā)布就能在本地計算機上瀏覽的頁(yè)面編寫(xiě)語(yǔ)言是( )。
A.ASP B.HTML C.PHP D.JSP
![](http://style.hunt007.com/images/2020-zhaogongyi/common/icon-details.png)
1、框架是一種能在同一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)的技術(shù)。( )
2、編輯完一個(gè)網(wǎng)頁(yè)后,不能查看網(wǎng)頁(yè)的HTML源代碼。( )
3、采用目錄與錨點(diǎn)結合的辦法,可以實(shí)現在長(cháng)的網(wǎng)頁(yè)文檔內部跳轉的功能。( )
4、面板是固定在工作區右邊的,用戶(hù)不能隨意移動(dòng)。( )
5、在HTML中,與表格一樣,表單也能嵌套。( )
6、Dreamweaver中插入一個(gè)表單后,會(huì )出現一個(gè)紅色虛線(xiàn)框,它表示表單對象,但該虛線(xiàn)不會(huì )出現在瀏覽器中。( )
7、框架是一種能在不同的瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)的技術(shù)。( )
8、聲音是多媒體網(wǎng)頁(yè)中不可缺少的元素。( )
9、一個(gè)WEB站點(diǎn)至少需要一個(gè)主頁(yè)(home Page),可以有其他子頁(yè)(二級 頁(yè)面等)。( )
10、網(wǎng)頁(yè)的交互是指瀏覽者單擊欄目、超級鏈接等,以及鼠標經(jīng)過(guò)或放于某處 時(shí),頁(yè)面會(huì )作出相應的反應。( )
![](http://style.hunt007.com/images/2020-zhaogongyi/common/icon-details.png)
1.文件頭標簽也就是通常所見(jiàn)到的 標簽。
2.創(chuàng )建一個(gè)HTML文檔的開(kāi)始標記符_________;結束標記符是_________。
3.設置文檔標題以及其他不在WEB網(wǎng)頁(yè)上顯示的信息的開(kāi)始標記符_________;結束標記符是_________。
4.設置文檔的可見(jiàn)部分開(kāi)始標記符_________;結束標記符是_________。
5.網(wǎng)頁(yè)標題會(huì )顯示在瀏覽器的標題欄中,則網(wǎng)頁(yè)標題應寫(xiě)在開(kāi)始標記符_________和結束標記符_________之間。
![](http://style.hunt007.com/images/2020-zhaogongyi/common/icon-details.png)
1. 網(wǎng)絡(luò )構建的基本步驟
答:
一:確定網(wǎng)站主題和內容
二:選擇好域名
三:掌握建網(wǎng)工具
四:確定網(wǎng)站界面
①欄目與板塊編排 ②目錄結構與鏈接結構 ③進(jìn)行形象設計
五:確定網(wǎng)站風(fēng)格
“風(fēng)格”是抽象的,是指站點(diǎn)的整體形象給瀏覽者的綜合感受。 “整體形象”包括站點(diǎn)的CI(標志,色彩,字體,標語(yǔ))、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內容價(jià)值等等諸多因素。
六:有創(chuàng )意的內容選擇
七:推廣自己的網(wǎng)站
八:支撐網(wǎng)站日常運行
2. 簡(jiǎn)述客戶(hù)端腳本語(yǔ)言與服務(wù)器端腳本語(yǔ)言的區別
答:服務(wù)器腳本運行于服務(wù)器之上,看不到服務(wù)器腳本的內容,得到的只有腳本解釋器發(fā)回的HTML代碼。 客戶(hù)端腳本脫離服務(wù)器運行,不直接執行數據庫操作。它實(shí)現了客戶(hù)端上的簡(jiǎn)單邏輯。
3. 簡(jiǎn)述盒式模型
答:在css中,每個(gè)元素標簽都可以看成一個(gè)盒子。
CSS盒式模型表示的每個(gè)對象,結構上由content(內容)、padding(填充)、border(邊框)、margin(邊界)組 成。
內容:包含元素的內容,其大小正好可以包含內容。
填充:可以用補白在盒子的內容和邊框之間創(chuàng )建可視的空白,本身為透明色,可有可無(wú)。
邊框:元素周?chē)梢杂羞吙,邊框可以有各種寬度、顏色和樣式。
邊界: 邊界是在同一頁(yè)上的元素之間的空間,邊界也是透明的,而且可有可無(wú)。
4. 萬(wàn)維網(wǎng)的體系結構及工作機制體系結構:
答:Web(World Wide Web、萬(wàn)維網(wǎng))技術(shù)是電子商務(wù)的核心技術(shù)。
URL(Universal Resource Locator 、統一資源定位器)用來(lái)唯一標識Web上的資源,包括Web 頁(yè)面、圖象文件(如gif 格式文件和jpeg格式文件)、音頻文件(如au格式)、視頻文件 (如mpeg格式文件)。
HTTP(Hyper Text Transfer Protocol、超文本傳輸協(xié)議)是用來(lái)在互連網(wǎng)上傳輸文檔的協(xié)議,它是Web上最常用也是最重要的協(xié)議,也是Web服務(wù)器和Web客戶(hù)(如瀏覽器)之間傳輸Web頁(yè)面的基礎。 HTML (Hypertext Markup Language、超文本標記語(yǔ)言)是Web誕生與發(fā)展的要素之一,HTML并不是一個(gè)程序設計語(yǔ)言,而是一個(gè)標記語(yǔ)言,它所提供的標記是由SGML(Standard Generalized Markup Language,標準的通用標記語(yǔ)言)定義的。
Web客戶(hù)(端)通常指的是Web瀏覽器,這種瀏覽器能理解多種協(xié)議,如HTTP、HTTPS、FTP;也能理解多種文檔格式,如text、HTML、JPEG(一種圖象文件格式)、XML(有的尚未支持);也具備根據對象類(lèi)型調用外部應用的功能。
Web服務(wù)器(或稱(chēng)HTTP服務(wù)器)提供HTTP服務(wù)。
工作機制:簡(jiǎn)單來(lái)說(shuō): WWW采用客戶(hù)機/服務(wù)器的工作模式,工作流程具體如下:
(1)用戶(hù)使用瀏覽器或其他程序建立客戶(hù)機與服務(wù)器連接,并發(fā)送瀏覽請求。
(2)Web服務(wù)器接收到請求后,返回信息到客戶(hù)機。
(3)通信完成,關(guān)閉連接。
具體:當你想進(jìn)入萬(wàn)維網(wǎng)上的網(wǎng)絡(luò )資源的時(shí)候,首先在你的瀏覽器上鍵入你想訪(fǎng)問(wèn)網(wǎng)頁(yè)的統一資源定位符(Uniform Resource Locator),縮寫(xiě)URL,或者通過(guò)超鏈接方式鏈接到那個(gè)網(wǎng)頁(yè)或網(wǎng)絡(luò )資源。這之后的工作首先是URL的服務(wù)器名部分,被名為域名系統的分布于全球的因特網(wǎng)數據庫解析,并根據解析結果決 定進(jìn)入哪一個(gè)IP地址(IP address)。
接下來(lái),所要訪(fǎng)問(wèn)的網(wǎng)頁(yè),向在那個(gè)IP地址工作的服務(wù)器發(fā)送一個(gè)HTTP請求。(在通常情況下,HTML文本、圖片和構成該網(wǎng)頁(yè)的一切其他文件很快會(huì )被逐一請求并發(fā)送回用戶(hù)。 )
網(wǎng)絡(luò )瀏覽器接下來(lái)的工作是把HTML、CSS和其他接受到的文件所描述的內容,加上圖像、鏈接和其他必須的資源,顯示給用戶(hù)。這些就構成了你所看到的“網(wǎng)頁(yè)”。
5. 設計網(wǎng)站目錄結構時(shí)注意的問(wèn)題
答:
1)不要將所有文件都存放在根目錄下。
2)按欄目?jì)热萁⒆幽夸洝?br />
3)在每個(gè)主目錄下都建立獨立的images目錄。
4)目錄的層次不要太深。
5)目錄的層次建議不要超過(guò)3層。原因很簡(jiǎn)單,維護管理方便
![](http://style.hunt007.com/images/2020-zhaogongyi/common/icon-details.png)
網(wǎng)頁(yè)設計書(shū)籍推薦:
《點(diǎn)石成金:訪(fǎng)客至上的網(wǎng)頁(yè)設計秘笈》
作者:Steve Krug
可用性設計是Web設計中重要但也有難度的一項任務(wù)。本書(shū)從可用性測試、用戶(hù)使用行為及心理、主頁(yè)布局及導航設計等方面,都提出了許多獨特的講解。書(shū)中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及很多圖表信息,讓枯燥的設計原理更加平易近人。適合Web設計和Web開(kāi)發(fā)人員的閱讀。
《配色設計原理》
作者:日本奧博斯科編輯部
這本書(shū)通過(guò)簡(jiǎn)單易懂的示例作品,逐條講解了不可背離的配色理論。此外,介紹了理論無(wú)法適用時(shí)應對的配色設計方法,并且講解了色彩知識和易用的PS激發(fā),簡(jiǎn)明易懂。
《界面設計模式》
作者:Jenifer Tidwell
該書(shū)作者既是一名交互設計師,也是一名軟件工程師,有著(zhù)扎實(shí)深厚的研究功底。本書(shū)是很好的Web設計入門(mén)書(shū)籍,按照設計進(jìn)程的大致順序,細致地梳理了交互設計中的模式,且每個(gè)模式都至少有一個(gè)范例,又方便初學(xué)者迅速理解并上手。在它的第二版中, 又新增了社交媒體、移動(dòng)設計的內容,切合當下的技術(shù)發(fā)展潮流。
《響應式Web設計:HTML5和CSS3實(shí)戰》
作者:Ben Frain
作為未來(lái)網(wǎng)頁(yè)設計領(lǐng)域的主要潮流,響應式可以說(shuō)已經(jīng)逐漸取代現在的DIV+CSS設計。這本《響應式設計:HTML5和CSS3實(shí)戰》可能是目前最好的關(guān)于響應式Web設計的書(shū)籍,主要介紹有以下幾方面的內容:
響應式Web設計
CSS3選擇器
流式布局
關(guān)聯(lián)標簽:
![](http://style.hunt007.com/images/2020-zhaogongyi/common/icon-details.png)