網(wǎng)頁設(shè)計(jì)與制作全能一本通 課后習(xí)題答案 歐陽榮華

第1章課后習(xí)題選擇題1.以下那個(gè)選項(xiàng)是最新的HTML標(biāo)準(zhǔn)（D）A.XHTMLB.HTMLXC.HTTP2.0D.HTML5解析：HTML5是HTML的最新版本，5.0版本于2014年發(fā)布為推薦版本。2.下面不能用于編輯HTML文件的軟件是（B）A.Windows記事本B.Chrome瀏覽器C.OfficeWordD.VisualStudioCode3.一般來說，瀏覽器調(diào)試工具無法做到的（D）A.動(dòng)態(tài)修改頁面內(nèi)容B.查看頁面源代碼C.查看頁面發(fā)出的請(qǐng)求D.修改網(wǎng)頁服務(wù)器端代碼4.下面哪一項(xiàng)不是HTML5開發(fā)中常用的計(jì)算機(jī)語言（D）A.JavaScriptB.HTMLC.CSSD.go語言5.以下哪項(xiàng)不是使用git版本管理工具的好處（D）A.記錄代碼修改的過程，并且可以方便的查看歷史版本。B.代碼倉庫可以多端同步，并支持代碼修改的合并與沖突解決。C.支持代碼分支、標(biāo)簽，靈活管理代碼版本，方便協(xié)調(diào)多人開發(fā)。D.不僅可以管理純文本文件，也非常適合管理大體積的二進(jìn)制文件的版本追蹤。判斷題1.HTML5元素有塊元素和行內(nèi)元素的區(qū)別。（√）2.HTML5的開發(fā)幾乎很難離開CSS和JavaScript。（√）3.HTML5是前端開發(fā)技術(shù)，HTML5應(yīng)用主要運(yùn)行在用戶終端設(shè)備上。（√）4.HTML5應(yīng)用的代碼對(duì)于用戶來說是完全可見的，應(yīng)該避免把系統(tǒng)內(nèi)敏感信息（如數(shù)據(jù)庫密碼等）寫到HTML5代碼中。（√）5.多數(shù)瀏覽器可以任意修改打開的HTML頁面的內(nèi)容，并實(shí)時(shí)展現(xiàn)出修改的結(jié)果。（√）6.HTML是超文本標(biāo)記語言，所以它像Word的doc文件一樣可以插入圖片等多媒體內(nèi)容，所以HTML文件可能不是純文本格式的文件。（X）上機(jī)實(shí)驗(yàn)題1.嘗試發(fā)布多個(gè)頁面到GitHubPages或GiteePages，并通過地址直接訪問。略2.嘗試以本地的代碼倉庫根目錄運(yùn)行HTTP服務(wù)器，比較本地服務(wù)器與GitHubPages或GiteePages有何不同。略3.在瀏覽器中嘗試查看一些自己常用的網(wǎng)頁的源代碼。略4.嘗試比較不同設(shè)備（手機(jī)、電腦），不同操作系統(tǒng)，不同瀏覽器中打開相同網(wǎng)頁的顯示以及操作的區(qū)別。略第2章課后習(xí)題選擇題1.以下那個(gè)選項(xiàng)是不是HTML5新添加的標(biāo)簽（D）A.<article>B.<section>C.<video>D.<form>2.下面不屬于多媒體標(biāo)簽的是A）A.<a>B.<video>C.<img>D.<audio>3.通常情況下，現(xiàn)代主流瀏覽器可以直接打開的文件不包括（D）A.常見流媒體視頻文件B.常見音頻文件C.PDF文件D.可執(zhí)行文件4.下面哪一項(xiàng)不是HTML的全局屬性（B）A.styleB.hrefC.classD.id5.HTML的語義化的好處是（A）A.提高代碼可維護(hù)性，使頁面對(duì)于人和對(duì)于機(jī)器來說都更容易理解。B.強(qiáng)制規(guī)定頁面每個(gè)部分的內(nèi)容，利于維持頁面內(nèi)容的條理。C.語義化標(biāo)簽可以使瀏覽器完全理解頁面內(nèi)容的含義，提高瀏覽器運(yùn)行效率。D.語義化有嚴(yán)謹(jǐn)?shù)恼Z法，可以適應(yīng)各種各樣類型的頁面。解析：B.語義化標(biāo)簽不具有強(qiáng)制性。C.瀏覽器通常無法完全理解頁面內(nèi)容含義。判斷題1.HTML5標(biāo)簽名是大小寫敏感的。（X）2.HTML5引入了很多新標(biāo)簽，提高了瀏覽器功能的豐富程度。（√）3.HTML5增強(qiáng)了瀏覽器對(duì)多媒體文件的支持，現(xiàn)代瀏覽器可以直接播放多種多媒體文件。（√）4.HTML的屬性可以用于控制標(biāo)簽的行為。（√）解析：例如input標(biāo)簽的type可以控制其具體的樣式和可輸入的類型，text可以輸入任意文本，number則只能輸入數(shù)字。5.JavaScript和CSS代碼可以出現(xiàn)在HTML文件中，并可以被瀏覽器解析和執(zhí)行。（√）6.有的HMTL屬性只針對(duì)特定標(biāo)簽。（√）上機(jī)實(shí)驗(yàn)題1.利用HTML5的video標(biāo)簽播放一個(gè)本地的視頻文件。略2.嘗試在HTML5相冊(cè)中添加視頻文件。略第3章課后習(xí)題選擇題1.返回結(jié)果是單個(gè)元素的方法是（B）A.getElementByB.getElementByIdC.getElementsByClassD.getElementsByName2.下面不是window對(duì)象的子對(duì)象的是A）A.herfB.documentC.locationD.console3.對(duì)于動(dòng)態(tài)設(shè)定頁面布局有幫助的屬性是（AB）A.window.innerWidthB.window.innerHeightC.window.widthD.window.height4.通過navigator對(duì)象無法實(shí)現(xiàn)的是（D）A.獲取瀏覽器版本B.獲取操作系統(tǒng)類型C.獲取UserAgent信息D.獲取窗口尺寸5.可以動(dòng)態(tài)修改頁面內(nèi)容的方法是（B）A.使用查看源碼功能修改頁面源碼并刷新頁面B.用代碼修改元素的innerHTML屬性C.用代碼修改window對(duì)象的innerHeight屬性D.用代碼修改頁面元素對(duì)象的innerHeight屬性解析：使用查看源碼功能修改頁面源碼并刷新頁面后，修改的地方無法被保留。判斷題1.DOM的全稱是DocumentObjectModel。（√）2.DOM的元素總是和HTML文檔中的標(biāo)簽一一對(duì)應(yīng)。（X）解析：部分特殊的標(biāo)簽沒有對(duì)應(yīng)元素3.WEB開發(fā)人員可以通過代碼獲取瀏覽器窗口外邊框的大小。（X）解析：只能獲取內(nèi)邊框大小4.有很多方法可以判斷HTML5頁面是否運(yùn)行在移動(dòng)設(shè)備中。（√）5.移動(dòng)設(shè)備的界面尺寸、交互方式與PC端有較大區(qū)別。（√）6.有的HMTL屬性只針對(duì)特定標(biāo)簽。（√）上機(jī)實(shí)驗(yàn)題1.請(qǐng)?jiān)O(shè)計(jì)判斷當(dāng)前訪問設(shè)備是手機(jī)還是電腦的頁面，并把結(jié)果顯示在頁面中。略2.請(qǐng)獲取和查看手機(jī)微信內(nèi)置瀏覽器的UserAgent，并對(duì)比與手機(jī)系統(tǒng)瀏覽器的差異。略3.請(qǐng)?jiān)O(shè)計(jì)遍歷文檔DOM樹的JavaScrip的程序，并把遍歷的元素標(biāo)簽名打印在控制臺(tái)中。略4.嘗試修改2048小游戲中的配色方案。略5.設(shè)計(jì)遍歷和打印頁面中圖片地址的方法，并在瀏覽器中執(zhí)行。略6.開發(fā)自動(dòng)適應(yīng)屏幕大小的視頻播放器。略第4章課后習(xí)題選擇題1.以下關(guān)于JavaScript語言說法錯(cuò)誤的是（C）A.無需編譯，可以在瀏覽器中解釋執(zhí)行B.弱類型，定義變量無需指定類型C.腳本語言，且只能在瀏覽器中運(yùn)行D.跨平臺(tái)，兼容多種硬件和操作系統(tǒng)2.下面哪項(xiàng)不是JavaScript的內(nèi)置對(duì)象或內(nèi)置對(duì)象的屬性（C）A.MathB.documentC.classD.console3.JavaScript的主要設(shè)計(jì)目的和應(yīng)用場景是（A）A.跨平臺(tái)，嵌入式開發(fā)B.延遲可控，實(shí)時(shí)控制C.執(zhí)行效率高，計(jì)算密集型任務(wù)D.貼近硬件，驅(qū)動(dòng)開發(fā)4.以下不能用于在用戶關(guān)閉瀏覽器后保存用戶的訪問狀態(tài)的是（B）A.CookieB.JavaScript內(nèi)置的數(shù)據(jù)結(jié)構(gòu)Array、Map、Set等C.WebStorageD.下載文件5.以下哪項(xiàng)和JavaScript的流程控制無關(guān)（B）A.returnB.alertC.forD.if判斷題1.JavaScript支持正則表達(dá)式。（√）2.JavaScript無法支持并行計(jì)算模式。（√）解析：通常來說JavaScript不支持并行計(jì)算模式。但現(xiàn)在JavaScript也提供一些運(yùn)行并發(fā)執(zhí)行的特性，但總的來說JavaScript不是為了并行而設(shè)計(jì)的3.JavaScript適合編寫與用戶交互的程序。（√）4.JavaScript在瀏覽器中運(yùn)行時(shí)，無法直接操作用戶機(jī)器的文件系統(tǒng)，所以JavaScript無法在瀏覽器關(guān)閉后持久化的保存數(shù)據(jù)。（X）5.多數(shù)現(xiàn)代的瀏覽器可以方便地調(diào)試JavaScript代碼。（√）6.JavaScript的標(biāo)準(zhǔn)在不斷發(fā)展完善，今后有可能引入新的功能?！蹋┥蠙C(jī)實(shí)驗(yàn)題1.HTML5計(jì)算器的改進(jìn)。略2.2048小游戲改進(jìn)。Agent，并對(duì)比與手機(jī)系統(tǒng)瀏覽器的差異。略第5章課后習(xí)題選擇題1.盒模型由哪幾部分組成（D）A.border（邊框）B.padding（內(nèi)邊距）C.content（內(nèi)容）D.以上都是2.以下屬于CSS組合選擇器的是（D）A.后代選擇器B.子元素選擇器C.相鄰兄弟選擇器D.以上都是3.以下不屬于CSS的功能的是（C）A.設(shè)置字體B.設(shè)置間距C.打印變量的值D.設(shè)置寬度4.關(guān)于CSS3的說法正確的是（D）A.CSS3可通過選擇器批量給HTML元素設(shè)置樣式B.CSS3代碼可以內(nèi)嵌在HTML代碼中，但最好要放到單獨(dú)文件C.CSS3可以實(shí)現(xiàn)動(dòng)態(tài)效果，比如鼠標(biāo)移動(dòng)過元素時(shí)的特殊樣式D.以上都對(duì)5.如何使用CSS實(shí)現(xiàn)固定元素在窗口最上方，而不隨著頁面滾動(dòng)條移動(dòng)（B）A.元素定位方式設(shè)置為絕對(duì)定位，并指定其top屬性為0；B.元素定位方式設(shè)置為固定定位，并指定其top屬性為0；C.元素定位方式設(shè)置為靜態(tài)定位，并指定其top屬性為0；D.CSS無法實(shí)現(xiàn)此功能判斷題1.CSS層疊樣式表的基礎(chǔ)是盒模型。（√）2.常用的CSS選擇器有ID選擇器、class選擇器、標(biāo)簽名選擇器、屬性選擇器。（√）3.外邊距margin不可以設(shè)置為負(fù)值。（X）4.每個(gè)元素都有原始尺寸，但不會(huì)受到其中內(nèi)容大小的影響。（X）5.可以合理利用padding解決內(nèi)容溢出問題。（√）6.絕對(duì)定位不會(huì)占用文檔布局流中的位置。（√）上機(jī)實(shí)驗(yàn)題1.嘗試設(shè)置課堂練習(xí)中的導(dǎo)航欄固定在窗口最上方，而不隨頁面滾動(dòng)條移動(dòng)，保證用戶在瀏覽頁面時(shí)總能看到導(dǎo)航欄。略第6章課后習(xí)題選擇題1.HTML靜態(tài)資源加載的類型不包括（C）A.同步加載B.異步加載C.串行加載D.以上都是HTML靜態(tài)資源加載的類型2.以下哪一項(xiàng)不屬于瀏覽器緩存帶來的好處（C）A.減少網(wǎng)絡(luò)通信B.降低網(wǎng)頁所在HTTP服務(wù)器負(fù)載C.減少本地磁盤讀寫D.提高頁面加載速度3.以下哪一項(xiàng)可能造成用戶打開HTML5應(yīng)用時(shí)間變長（ABD）A.網(wǎng)速慢B.用戶使用的設(shè)備性能不佳C.HTML5應(yīng)用中缺乏統(tǒng)計(jì)頁面加載時(shí)間的功能D.服務(wù)器繁忙4.JavaScript無法實(shí)現(xiàn)的功是（B）A.統(tǒng)計(jì)近似的頁面加載時(shí)間B.捕獲頁面中所有的錯(cuò)誤C.打開新頁面D.下載文件5.以下哪項(xiàng)Ajax技術(shù)無關(guān)（C）A.JavaScriptB.XMLHttpRequestC.CSSD.HTTP判斷題1.使用JavaScript可以動(dòng)態(tài)的向服務(wù)器發(fā)送請(qǐng)求。（√）2.動(dòng)態(tài)加載指根據(jù)特定條件觸發(fā)資源加載而不是在打開頁面時(shí)就加載所有資源。（√）3.動(dòng)態(tài)加載通常會(huì)帶來更好的用戶體驗(yàn)，并且有利于減少HTTP服務(wù)器負(fù)載。（√）4.動(dòng)態(tài)加載有時(shí)會(huì)帶來用戶體驗(yàn)下降，比如資源加載不及時(shí)的情況下會(huì)增加用戶等待時(shí)間。（√）5.過大的靜態(tài)資源會(huì)導(dǎo)致頁面加載速度慢。（√）6.動(dòng)態(tài)加載資源可能導(dǎo)致HTML5應(yīng)用變得更復(fù)雜。（√）6.通常來說動(dòng)態(tài)加載資源可以減少用戶瀏覽器消耗的資源（如內(nèi)存，CPU等資源）。（√）上機(jī)實(shí)驗(yàn)題1.動(dòng)態(tài)加載HTML5相冊(cè)改進(jìn)。略第7章課后習(xí)題選擇題1.以下哪個(gè)不是Node.js中默認(rèn)包含的命令（或者可執(zhí)行文件）？（D）A.nodeB.npmC.npxD.pip解析：pip是Python的包管理工具。2.以下和JavaScript異步編程無直接關(guān)系的一項(xiàng)是（A）A.evalB.awaitC.PromiseD.addEventListener3.使用npm時(shí)常見的問題有（D）A.網(wǎng)速慢B.下載的軟件包占用磁盤空間很大C.軟件包版本無法滿足D.以上都是4.Node.js無法實(shí)現(xiàn)的功是（D）A.下載網(wǎng)頁B.輸出圖片C.打開本地文件D.操作DOM樹5.以下事件JavaScript無法監(jiān)聽的是（C）A.頁面加載完畢B.當(dāng)前頁面關(guān)閉C.頁面開始加載D.觸摸屏幕上手指滑動(dòng)判斷題1.Node.js中的JavaScript和瀏覽器中的JavaScript語法基本完全兼容，但可以使用的API有較大不同。(√）2.瀏覽器中的JavaScript對(duì)本地計(jì)算上資源的訪問受到嚴(yán)格限制。（√）3.JavaScript原生支持異步編程。（√）4.JavaScript的事件處理函數(shù)必須依靠上下文才能工作。（X）解析：用于提供上下文的參數(shù)是可選的，事件處理函數(shù)可以沒有任何參數(shù)。5.JavaScript中的事件處理函數(shù)是一種回調(diào)函數(shù)。（√）6.通常來說JavaScript中一個(gè)元素的同一個(gè)事件可以綁定多個(gè)事件處理函數(shù)。（√）6.異步編程有優(yōu)點(diǎn)也有缺點(diǎn)，但異步編程在處理圖形界面上用戶交互時(shí)，可以大大降低程序設(shè)計(jì)的難度。（√）上機(jī)實(shí)驗(yàn)題中實(shí)現(xiàn)的程序只能保證輸入字符實(shí)時(shí)更新輸出，當(dāng)用戶刪除字符時(shí)或者用鼠標(biāo)操作輸入框內(nèi)文字時(shí)，新的內(nèi)容無法實(shí)時(shí)更新，請(qǐng)改進(jìn)這個(gè)程序。略第8章課后習(xí)題選擇題1.Vue.js可以實(shí)現(xiàn)的功能有？（D）A.綁定表單輸入B.當(dāng)Vue組件內(nèi)變量變化時(shí)執(zhí)行操作C.當(dāng)表單內(nèi)數(shù)據(jù)變化時(shí)執(zhí)行操作D.以上都可以實(shí)現(xiàn)2.使用前端框架的好處不包括（B）A.提高開發(fā)效率B.開發(fā)的程序效率一定能得到提高C.便于軟件維護(hù)D.減少重復(fù)重復(fù)開發(fā)的工作量3.Vue.js可以使用的構(gòu)建工具有（C）A.ViteB.webpackC.A，B都是D.以上都不是4.Bootstrap可以實(shí)現(xiàn)的功能有（D）A.頁面布局B.多種組件如進(jìn)度條，導(dǎo)航欄C.響應(yīng)式布局D.以上都是5.ECharts提供了哪些圖表類型（D）A.