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

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