网页设计与制作全能一本通 课后习题答案 欧阳荣华

第1章课后习题选择题1.以下那个选项是最新的HTML标准（D）A.XHTMLB.HTMLXC.HTTP2.0D.HTML5解析：HTML5是HTML的最新版本，5.0版本于2014年发布为推荐版本。2.下面不能用于编辑HTML文件的软件是（B）A.Windows记事本B.Chrome浏览器C.OfficeWordD.VisualStudioCode3.一般来说，浏览器调试工具无法做到的（D）A.动态修改页面内容B.查看页面源代码C.查看页面发出的请求D.修改网页服务器端代码4.下面哪一项不是HTML5开发中常用的计算机语言（D）A.JavaScriptB.HTMLC.CSSD.go语言5.以下哪项不是使用git版本管理工具的好处（D）A.记录代码修改的过程，并且可以方便的查看历史版本。B.代码仓库可以多端同步，并支持代码修改的合并与冲突解决。C.支持代码分支、标签，灵活管理代码版本，方便协调多人开发。D.不仅可以管理纯文本文件，也非常适合管理大体积的二进制文件的版本追踪。判断题1.HTML5元素有块元素和行内元素的区别。（√）2.HTML5的开发几乎很难离开CSS和JavaScript。（√）3.HTML5是前端开发技术，HTML5应用主要运行在用户终端设备上。（√）4.HTML5应用的代码对于用户来说是完全可见的，应该避免把系统内敏感信息（如数据库密码等）写到HTML5代码中。（√）5.多数浏览器可以任意修改打开的HTML页面的内容，并实时展现出修改的结果。（√）6.HTML是超文本标记语言，所以它像Word的doc文件一样可以插入图片等多媒体内容，所以HTML文件可能不是纯文本格式的文件。（X）上机实验题1.尝试发布多个页面到GitHubPages或GiteePages，并通过地址直接访问。略2.尝试以本地的代码仓库根目录运行HTTP服务器，比较本地服务器与GitHubPages或GiteePages有何不同。略3.在浏览器中尝试查看一些自己常用的网页的源代码。略4.尝试比较不同设备（手机、电脑），不同操作系统，不同浏览器中打开相同网页的显示以及操作的区别。略第2章课后习题选择题1.以下那个选项是不是HTML5新添加的标签（D）A.<article>B.<section>C.<video>D.<form>2.下面不属于多媒体标签的是A）A.<a>B.<video>C.<img>D.<audio>3.通常情况下，现代主流浏览器可以直接打开的文件不包括（D）A.常见流媒体视频文件B.常见音频文件C.PDF文件D.可执行文件4.下面哪一项不是HTML的全局属性（B）A.styleB.hrefC.classD.id5.HTML的语义化的好处是（A）A.提高代码可维护性，使页面对于人和对于机器来说都更容易理解。B.强制规定页面每个部分的内容，利于维持页面内容的条理。C.语义化标签可以使浏览器完全理解页面内容的含义，提高浏览器运行效率。D.语义化有严谨的语法，可以适应各种各样类型的页面。解析：B.语义化标签不具有强制性。C.浏览器通常无法完全理解页面内容含义。判断题1.HTML5标签名是大小写敏感的。（X）2.HTML5引入了很多新标签，提高了浏览器功能的丰富程度。（√）3.HTML5增强了浏览器对多媒体文件的支持，现代浏览器可以直接播放多种多媒体文件。（√）4.HTML的属性可以用于控制标签的行为。（√）解析：例如input标签的type可以控制其具体的样式和可输入的类型，text可以输入任意文本，number则只能输入数字。5.JavaScript和CSS代码可以出现在HTML文件中，并可以被浏览器解析和执行。（√）6.有的HMTL属性只针对特定标签。（√）上机实验题1.利用HTML5的video标签播放一个本地的视频文件。略2.尝试在HTML5相册中添加视频文件。略第3章课后习题选择题1.返回结果是单个元素的方法是（B）A.getElementByB.getElementByIdC.getElementsByClassD.getElementsByName2.下面不是window对象的子对象的是A）A.herfB.documentC.locationD.console3.对于动态设定页面布局有帮助的属性是（AB）A.window.innerWidthB.window.innerHeightC.window.widthD.window.height4.通过navigator对象无法实现的是（D）A.获取浏览器版本B.获取操作系统类型C.获取UserAgent信息D.获取窗口尺寸5.可以动态修改页面内容的方法是（B）A.使用查看源码功能修改页面源码并刷新页面B.用代码修改元素的innerHTML属性C.用代码修改window对象的innerHeight属性D.用代码修改页面元素对象的innerHeight属性解析：使用查看源码功能修改页面源码并刷新页面后，修改的地方无法被保留。判断题1.DOM的全称是DocumentObjectModel。（√）2.DOM的元素总是和HTML文档中的标签一一对应。（X）解析：部分特殊的标签没有对应元素3.WEB开发人员可以通过代码获取浏览器窗口外边框的大小。（X）解析：只能获取内边框大小4.有很多方法可以判断HTML5页面是否运行在移动设备中。（√）5.移动设备的界面尺寸、交互方式与PC端有较大区别。（√）6.有的HMTL属性只针对特定标签。（√）上机实验题1.请设计判断当前访问设备是手机还是电脑的页面，并把结果显示在页面中。略2.请获取和查看手机微信内置浏览器的UserAgent，并对比与手机系统浏览器的差异。略3.请设计遍历文档DOM树的JavaScrip的程序，并把遍历的元素标签名打印在控制台中。略4.尝试修改2048小游戏中的配色方案。略5.设计遍历和打印页面中图片地址的方法，并在浏览器中执行。略6.开发自动适应屏幕大小的视频播放器。略第4章课后习题选择题1.以下关于JavaScript语言说法错误的是（C）A.无需编译，可以在浏览器中解释执行B.弱类型，定义变量无需指定类型C.脚本语言，且只能在浏览器中运行D.跨平台，兼容多种硬件和操作系统2.下面哪项不是JavaScript的内置对象或内置对象的属性（C）A.MathB.documentC.classD.console3.JavaScript的主要设计目的和应用场景是（A）A.跨平台，嵌入式开发B.延迟可控，实时控制C.执行效率高，计算密集型任务D.贴近硬件，驱动开发4.以下不能用于在用户关闭浏览器后保存用户的访问状态的是（B）A.CookieB.JavaScript内置的数据结构Array、Map、Set等C.WebStorageD.下载文件5.以下哪项和JavaScript的流程控制无关（B）A.returnB.alertC.forD.if判断题1.JavaScript支持正则表达式。（√）2.JavaScript无法支持并行计算模式。（√）解析：通常来说JavaScript不支持并行计算模式。但现在JavaScript也提供一些运行并发执行的特性，但总的来说JavaScript不是为了并行而设计的3.JavaScript适合编写与用户交互的程序。（√）4.JavaScript在浏览器中运行时，无法直接操作用户机器的文件系统，所以JavaScript无法在浏览器关闭后持久化的保存数据。（X）5.多数现代的浏览器可以方便地调试JavaScript代码。（√）6.JavaScript的标准在不断发展完善，今后有可能引入新的功能。√）上机实验题1.HTML5计算器的改进。略2.2048小游戏改进。Agent，并对比与手机系统浏览器的差异。略第5章课后习题选择题1.盒模型由哪几部分组成（D）A.border（边框）B.padding（内边距）C.content（内容）D.以上都是2.以下属于CSS组合选择器的是（D）A.后代选择器B.子元素选择器C.相邻兄弟选择器D.以上都是3.以下不属于CSS的功能的是（C）A.设置字体B.设置间距C.打印变量的值D.设置宽度4.关于CSS3的说法正确的是（D）A.CSS3可通过选择器批量给HTML元素设置样式B.CSS3代码可以内嵌在HTML代码中，但最好要放到单独文件C.CSS3可以实现动态效果，比如鼠标移动过元素时的特殊样式D.以上都对5.如何使用CSS实现固定元素在窗口最上方，而不随着页面滚动条移动（B）A.元素定位方式设置为绝对定位，并指定其top属性为0；B.元素定位方式设置为固定定位，并指定其top属性为0；C.元素定位方式设置为静态定位，并指定其top属性为0；D.CSS无法实现此功能判断题1.CSS层叠样式表的基础是盒模型。（√）2.常用的CSS选择器有ID选择器、class选择器、标签名选择器、属性选择器。（√）3.外边距margin不可以设置为负值。（X）4.每个元素都有原始尺寸，但不会受到其中内容大小的影响。（X）5.可以合理利用padding解决内容溢出问题。（√）6.绝对定位不会占用文档布局流中的位置。（√）上机实验题1.尝试设置课堂练习中的导航栏固定在窗口最上方，而不随页面滚动条移动，保证用户在浏览页面时总能看到导航栏。略第6章课后习题选择题1.HTML静态资源加载的类型不包括（C）A.同步加载B.异步加载C.串行加载D.以上都是HTML静态资源加载的类型2.以下哪一项不属于浏览器缓存带来的好处（C）A.减少网络通信B.降低网页所在HTTP服务器负载C.减少本地磁盘读写D.提高页面加载速度3.以下哪一项可能造成用户打开HTML5应用时间变长（ABD）A.网速慢B.用户使用的设备性能不佳C.HTML5应用中缺乏统计页面加载时间的功能D.服务器繁忙4.JavaScript无法实现的功是（B）A.统计近似的页面加载时间B.捕获页面中所有的错误C.打开新页面D.下载文件5.以下哪项Ajax技术无关（C）A.JavaScriptB.XMLHttpRequestC.CSSD.HTTP判断题1.使用JavaScript可以动态的向服务器发送请求。（√）2.动态加载指根据特定条件触发资源加载而不是在打开页面时就加载所有资源。（√）3.动态加载通常会带来更好的用户体验，并且有利于减少HTTP服务器负载。（√）4.动态加载有时会带来用户体验下降，比如资源加载不及时的情况下会增加用户等待时间。（√）5.过大的静态资源会导致页面加载速度慢。（√）6.动态加载资源可能导致HTML5应用变得更复杂。（√）6.通常来说动态加载资源可以减少用户浏览器消耗的资源（如内存，CPU等资源）。（√）上机实验题1.动态加载HTML5相册改进。略第7章课后习题选择题1.以下哪个不是Node.js中默认包含的命令（或者可执行文件）？（D）A.nodeB.npmC.npxD.pip解析：pip是Python的包管理工具。2.以下和JavaScript异步编程无直接关系的一项是（A）A.evalB.awaitC.PromiseD.addEventListener3.使用npm时常见的问题有（D）A.网速慢B.下载的软件包占用磁盘空间很大C.软件包版本无法满足D.以上都是4.Node.js无法实现的功是（D）A.下载网页B.输出图片C.打开本地文件D.操作DOM树5.以下事件JavaScript无法监听的是（C）A.页面加载完毕B.当前页面关闭C.页面开始加载D.触摸屏幕上手指滑动判断题1.Node.js中的JavaScript和浏览器中的JavaScript语法基本完全兼容，但可以使用的API有较大不同。(√）2.浏览器中的JavaScript对本地计算上资源的访问受到严格限制。（√）3.JavaScript原生支持异步编程。（√）4.JavaScript的事件处理函数必须依靠上下文才能工作。（X）解析：用于提供上下文的参数是可选的，事件处理函数可以没有任何参数。5.JavaScript中的事件处理函数是一种回调函数。（√）6.通常来说JavaScript中一个元素的同一个事件可以绑定多个事件处理函数。（√）6.异步编程有优点也有缺点，但异步编程在处理图形界面上用户交互时，可以大大降低程序设计的难度。（√）上机实验题中实现的程序只能保证输入字符实时更新输出，当用户删除字符时或者用鼠标操作输入框内文字时，新的内容无法实时更新，请改进这个程序。略第8章课后习题选择题1.Vue.js可以实现的功能有？（D）A.绑定表单输入B.当Vue组件内变量变化时执行操作C.当表单内数据变化时执行操作D.以上都可以实现2.使用前端框架的好处不包括（B）A.提高开发效率B.开发的程序效率一定能得到提高C.便于软件维护D.减少重复重复开发的工作量3.Vue.js可以使用的构建工具有（C）A.ViteB.webpackC.A，B都是D.以上都不是4.Bootstrap可以实现的功能有（D）A.页面布局B.多种组件如进度条，导航栏C.响应式布局D.以上都是5.ECharts提供了哪些图表类型（D）A.