网站设计与Web应用开发技术(第二版)课后习题答案

合集下载

网页设计与制作（附微课视频第2版）参考答案

⽹页设计与制作（附微课视频第2版）参考答案第⼀章习题参考答案⼀、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B⼆、简答题1．答：URL是UniformResourceLocation的缩写,译为“统⼀资源定位符”，URL是Internet 上⽤来描述信息资源的字符串,主要⽤在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。

采⽤URL可以⽤⼀种统⼀的格式来描述各种信息资源,包括⽂件、服务器的地址和⽬录等；2答：⽂本、图像、动画、视频等。

3.答：⽹页结构语⾔的作⽤是将⽹页需要的内容以结构化、模块化的⽅式总结和存储，供表现语⾔和⾏为进⾏调⽤。

⽹页结构语⾔包括可扩展超⽂本标记语⾔XHTML 1.0和HTML 5等两种结构语⾔。

其中，XHTML 1.0为当前被⼴泛使⽤的标准，⽽HTML 5标准则是⽹页未来将被使⽤的标准。

⽹页表现语⾔的作⽤是为⽹页的结构语⾔定义尺⼨、位置、背景，以及⽂本的各种效果。

⽬前⽹页表现的国际标准语⾔为CSS 样式表技术。

⽹页结构语⾔和⽹页表现语⾔共同作⽤可以为⽤户呈现⽹页的整体画⾯，然⽽，⽹页是⼀种交互性的媒体，其除了可以呈现内容外，还可以根据⽤户的界⾯操作响应各种事件，此时，就需要⽤到⽹页的⾏为语⾔。

⽹页的⾏为语⾔包括多种类型，例如，JavaScript、JScript以及VBScript等。

4.答：⼀个完整的HTML5⽂档包含声明、头部和主体三个部分组成。

第⼆章习题参考答案⼀、选择题1.A、B2.A3.B4.D5.D6.D7.C⼆、简答题1．答：（⼀）⽹站功能需求分析；（⼆）⽹站的策划，本阶段主要包含⽹站栏⽬，内容，产品提炼等等；（三）⽹站设计，根据策划开始进⾏设计；（四）程序代码的开发；（五）上线测试；（5）后期维护；2.答：（1）对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。

对称的造型在⼤⾃然中⽐⽐皆是，同时也是版式设计常⽤的构成形式。

基于Web标准的网页设计与制作2版习题解答

基于Web标准的网页设计与制作（第2版）习题解答习题11.1 作业题1. 对于采用虚拟主机方式的多个网站，域名和IP地址是（C）的关系。

A. 一对多B. 一对一C. 多对一D. 多对多2. 网页的本质是（ B ）文件。

A. 图像B. 纯文本C. 可执行程序D. 图像和文本的压缩3. 请解释/business/moe/115078.html的含义。

答：http是协议名；是域名（或称主机头），business和moe是网站目录中子目录名，115078.html是文件名。

4. 简述WWW和Internet的区别。

答：Internet可提供很多种服务，WWW只是Internet提供的一种信息浏览服务。

5. 简述URL的含义和作用。

URL是（Universal Resource Locator，统一资源定位器）的缩写，URL是Internet上任何资源的标准地址，每个网站上的每个网页（或资源文件）在Internet上都有一个唯一的URL地址，通过URL，浏览器就能定位到目标网页或资源文件。

6. 简述网站的本质和特点。

网站就是由许多网页及资源文件（如图片）组成的一个集合，通常把网站内的所有文件都放在一个文件夹中，所以网站从形式上看就是一个文件夹。

特点：①拥有众多的网页。

②拥有一个主题与统一的风格。

③有便捷的导航系统。

④分层的栏目组织。

1.2 上机实践题1. 使用DW新建一个名称叫“wgzx”的网站目录，该网站目录对应硬盘上的“D:\wgzx”文件夹。

2. 在电脑上安装Firefox浏览器，并分别使用IE浏览器和Firefox浏览器查看网页的源代码。

习题21. HTML中最大的标题元素是: （ C ）A．<head> B．<title> C．<h1> D．<h6>2. 下列哪种元素不能够相互嵌套使用。

（ B ）A．表格B．表单form C．列表D．div3. 下述元素中都是表格中的元素。

asp。netweb应用开发技术喻钧课后答案修正版

asp。

netweb应用开发技术喻钧课后答案修正版第一篇：asp。

net web 应用开发技术喻钧课后答案修正版第一章1.填空、选择题（1）网址（2）D（3）A（4）C（5）A2.解答题（1）c/s结构适用于局域网，要有专门的小范围的网络硬件环境，bs结构则是适用于广域网，只要能接入internet的用户即可使用；c/s 结构用户有固定还有限，系统升级和维护难，成本也高, bs结构客户端零维护，易于实现系统的无缝升级；c/s结构软件单一、整体性好，可重用性差；bs结构是多重结构，构件独立，可重用性好；c/s结构客户端和服务器是平台相关，bs结构则是不相关；c/s结构信息控制性强，bs结构就相对来说较弱。

（2）他们主要区别在于服务器对他们的处理方式不同。

静态网页都具有一个固定的URL，它的内容是原封不动被传递的，想要修改网页内容，必须修改HTML源代码，静态网页没有数据库的支持，不支持客户端与服务器端的交互；动态网页中，不同额请求和访问数据的变化会生成不同的HTML代码，网页内容会改变，它具有数据库访问功能，支持客户端与服务器端的交互。

（3）客户端脚本语言都是解释型的，基于对象的脚本语言，他们的工作机制是:将脚本嵌入到web页面中，并随着HTML文件一起传送到客户端，由浏览器解释执行；服务器脚本语言则都运行在服务器端，能够动态的生成网页，脚本运行不受客户端浏览器限制，脚本程序都是将脚本语言嵌入到HTML文件中，执行后返回到客户端HTML 代码。

第二章1.（1）HTML网页文件的标记是，网页文件的主体标记是，标记页面标题的标记是。

（2）表格的标签是()，单元格的标签是()。

表格的宽度可以用百分比和（像素）两种单位来设置。

（3）表单对象的名称由（name）属性设定；提交方法由（method）属性指定；若要提交大量数据，则采用（POST）方法；表格提交后的数据处理程序由（target）属性指定。

（4）当表格以电子邮件的形式发送，MIME类型设置为（multipart）。

Web前端开发与应用教程-第二版第3章参考答案[1页]

第3章页面元素和属性
1. 利用结构元素设计一个页面。

如图13-11所示：
2. 制作一个下载页面，要求可以显示下载进度。

可以利用meter元素实现，参见第3.3节
3. 制作一个带有导航和页脚的页面。

可以利用header和footer元素实现，参见第3.1节
4. 制作一个利用大写字母A、B、C…作为编号的列表页面。

可以利用<ol>元素实现
<html>
<body>
<ol type="A">
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</ol>
</body>
</html>
5. 制作一个页面，通过<time>标签显示当前的时间和日期。

本题需要结合后续要学习js部分来实现。

WEB应用开发技术(齐东元编著)课后习题答案

第一章1. HTML元素①标题和段落②超链③HTML框架④HTML表单⑤HTML表格⑥HTML图像⑦HTML中的注释4.什么是CSS层叠样式表？CSS在网络程序设计中有什么作用？CSS是Cascading Style Sheet的缩写，译为“层叠样式表”或“级联样式表”，是为了弥补HTML在排版样式上的不足而制订的一套样式标准。

可以用来：设置页面中的字体；定义层及其在页面中的位置；修改HTML标记。

作用：减少图形文件的使用；集中管理样式内容；共享样式设定；将样式分类使用5.在Web页面中使用CSS有哪些方法？①在HTML标签中使用行内样式：②在HTML页面中嵌入一个样式表：③在HTML页面中链接一个外部样式表文件：④通过import关键字导入样式表：6.CSS是怎样通过选择器来指定页面样式的？①类选择器(Class)使用类选择器可以在不同的标签上套用相同的样式。

其定义语法为：.类名称 {规则1; 规则2; …}在HTML中使用类选择器的语法为：<标签名称 class="类名称">②ID 选择器(ID)ID 选择器和类选择器很相似，也是用来区别套用的样式。

ID 选择器的定义语法为：#ID标识符{规则1; 规则2; …}在HTML中使用ID选择器的语法为：<标签名称ID="ID标识符">③上下文选择器(Contextual)为HTML中的特定上下文定制的样式，其定义语法为：标签1 标签2 {规则1; 规则2; …}第二章3.在使用VS2005创建一个网站项目时，有几种位置选项可以选择？请分别简述。

在“位置”列表中有3个可选项，代表3种开发Web应用的方式：文件系统、HTTP和FTP。

①文件系统文件系统是默认的选项。

使用该选项可以把网站创建到当前物理文件系统上任何可以访问的地方，既可以是本机的一个目录，也可以在网络可访问的其他机器上。

通过文件系统创建的网站在发布之前不能够通过浏览器直接浏览，而只能在VS2005环境下运行。

网页开发与设计课后习题答案

习题11. HTML 指的是（ A ）。

A 超文本标记语言(Hyper Text Markup Language )B 家庭工具标记语言( Home Tool Markup Language )C 超链接和文本标记语言( Hyperlinks and Text Markup Language ) 2. web 标准的制定者是（ B ）。

5. __________________________________ 实现网页交互性的核心技术是 JavaScript 。

6. ____________________ CSS 的全称是 _________________ Cascading Style Sheet 。

7. 写出你了解的专业网页编辑制作工具_Dreamweaver_ , _ EditPlus __________ 。

8. URL 的全称是 .Uniform Resource Locator _________________________________ 。

9. 写出URL 包含的三个部分内容的作用。

URL 通常包括三个部分，第一部分是Scheme,告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。

习题2以下标记符中，用于设置页面标题的是（ A)。

A <title>B <capti on>C <head>D <html>以下标记符中，没有对应的结束标记的是（ B ) A <body> B <br> C <html> D <title>文件头标记也就是通常所见到的_ <head>・・・</head> 标记。

创建一个 HTML 文档的开始标记符是_ <html> ,结束标记符是_</html>__ 。

标记是HTML 中的主要语法，分__单_标记和 _____ 双_标记两种。

网页设计与制作(附微课视频第2版)参考答案

第一章习题参考答案一、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B二、简答题1．答：URL是UniformResourceLocation的缩写,译为“统一资源定位符”，URL是Internet 上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。

采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等；2答：文本、图像、动画、视频等。

3.答：网页结构语言的作用是将网页需要的内容以结构化、模块化的方式总结和存储，供表现语言和行为进行调用。

网页结构语言包括可扩展超文本标记语言XHTML 1.0和HTML 5等两种结构语言。

其中，XHTML 1.0为当前被广泛使用的标准，而HTML 5标准则是网页未来将被使用的标准。

网页表现语言的作用是为网页的结构语言定义尺寸、位置、背景，以及文本的各种效果。

目前网页表现的国际标准语言为CSS样式表技术。

网页结构语言和网页表现语言共同作用可以为用户呈现网页的整体画面，然而，网页是一种交互性的媒体，其除了可以呈现内容外，还可以根据用户的界面操作响应各种事件，此时，就需要用到网页的行为语言。

网页的行为语言包括多种类型，例如，JavaScript、JScript以及VBScript等。

4.答：一个完整的HTML5文档包含声明、头部和主体三个部分组成。

第二章习题参考答案一、选择题1.A、B2.A3.B4.D5.D6.D7.C二、简答题1．答：（一）网站功能需求分析；（二）网站的策划，本阶段主要包含网站栏目，内容，产品提炼等等；（三）网站设计，根据策划开始进行设计；（四）程序代码的开发；（五）上线测试；（5）后期维护；2.答：（1）对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。

对称的造型在大自然中比比皆是，同时也是版式设计常用的构成形式。

对称的形式给人以稳定平衡的感觉，但也容易流于刻板、单调。

Web前端开发与应用教程-第二版第11章参考答案 [3页]

第11章参考答案1. 请编写一个JavaScript程序，将一个摄氏温度值转换为一个华氏温度值，并将转换的结果输出在页面上，要求输出的转换结果包含在一个具有描述性的语句中。

摄氏温度转换为华氏温度的公式为：华氏温度= 9 / 5 * 摄氏温度+ 32。

参考代码：<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>摄氏度转为华氏度</title></head><body><script>var cTemp = 100;var hTemp = ((cTemp*9)/5) + 32;document.write("摄氏度:"+ cTemp);document.write("</br>");document.write("华氏度:"+ hTemp);</script></body></html>2. 使用switch语句，判断表达式的数值是否为‘one’、‘tow’或‘three’，当表达式为‘one’或‘two’时，将变量值设置为‘Yes’；当表达式为‘three’时，将变量值设置为‘No’；如果没有匹配的值，将变量值设置为‘None’。

参考代码：<!DOCTYPE HTML><html><head><title> Switch语句</title><script>function funcSwitch(sFlag){switch(sFlag){case "one":alert("Yes");break;case "tow":alert("Yes");break;case "three":alert("No");break;default:;}}funcSwitch("one");</script></head><body></body></html>3. 请使用document.write( )方法，输出12的乘法表，输出结果如下所示：12 x 1 = 1212 x 2 = 2412 x 3 = 36……12 x 11 = 13212 x 12 = 144参考代码：<!DOCTYPE HTML><html><head><meta charset=utf-8" /><title>乘法表2</title></head><body><script type="text/javascript">var s=0;for (var i=1; i<=12; i++){s = 12*i;document.write("12 x”+ i +” = "+ s +”<br>”);}</script></body></html>4. 将习题3中的代码修改为一个函数，用于计算某个数的乘法表，这个数作为函数的一个参数传入，另外，函数还有两个参数，分别表示乘法表的起始值和终止值。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

各章习题参考答案第1章习题参考答案1. 答：Internet是一个宽泛的概念，WWW实际上Internet所提供的众多服务中的一项。

由于很多人上网主要浏览网站，很多初学者容易混淆这两个概念。

2. 答：统一资源定位符（URL）用于定位某个资源，由于Internent的复杂性，其提供的服务及传输协议有很多种，为了能区分，URL中必须进行说明，此处的http就是为了说明该请求属于超文本传输协议；URL的概念比较宽泛，http只是其中的一种传输协议，也可能出现别的情况，比如ftp等。

而www则是所请求服务器的域名，有些服务器的域名中就不包含www。

3. 答：其实技术是没有好坏之分的，关键在于是否适合你所应用的环境以及你是否能掌握。

一味的求新、求好是没有经验的开发者所采取的行动。

我们不应该单纯追求技术的先进性，而要追求有效和实用，当你要实现一个方案时，要分析项目的性质及最终用户，然后再寻找能解决问题的最经济、最实用也能满足用户需要的手段。

因为用户并不关心你采用多么先进的技术，用户关心的是可靠（Reliable）、快速（Rapid）、方便（Convenient）。

4. 答：可以根据上文提供的基本原则，进行区分。

不过有些网站不能截然的划分成其中的某一种。

平时上网时多观察，多思考，对于提高自己的能力有很大的帮助。

5. 略第2章习题参考答案1.答：主要包括以下几个步骤(1) 建立网站前的市场分析，(2) 建设网站目的及功能定位，(3) 网站的技术解决方案，(4) 网站内容规划，(5) 网页界面设计，(6) 网站测试，(7) 网站发布与推广，(8) 网站维护，(9) 网站建设日程表，(10) 费用明细。

详细内容可参考本书2.2部分。

2.答：可以简单的通过两个方式进行判断：(1) 查看“管理工具”下是否有“Internet信息服务（IIS）管理器”，通过查看可以获知；这个方法可以获知本机是否使用了IIS服务，且仅对Windows操作系统有效。

(2) 直接在浏览器中输入“http://127.0.0.1”，看是否能看到有关信息（若安装的Web 服务器所设置的端口不是默认的80，则此方法无效）。

(3) 在本机执行netstat –a命令，查看是否存在Web服务器。

Web服务器的安装方法请查看本书2.4部分。

3.答：一般来说，这样就可以使用了，不过使用默认的配置可能会在将来出现问题。

因此，通常我们需要进一步对网站进行配置。

根据实际需要，一般来说，网站的安全性配置和网站的性能配置是需要修改的。

4. 答：主要包括：(1) 操作系统安全,(2) 加密,(3) Web服务器安全,(4) 防火墙,(5) 安全认证,(6) 反病毒、防木马,(7) 入侵检测,(8) 安全扫描工具,(9) 勤于备份,(10) 用户审计,(11) 建立良好、可操作的安全制度等。

可参阅本书2.5.2部分。

第3章习题参考答案1. 答：完全可以。

但不是在浏览器的地址栏里输入，我们需要首先通过80端口(有些Web服务器可能不使用这个端口)登录到服务器，例如使用dos命令：telnet 80然后，在下面的界面上(什么都看不见，也不回显)输入类似于以下的信息：GET /index.html HTTP/1.1Host::80Accept:*/*Pragma:no-cacheCache-Control:no-cache最后输入2次回车即可。

如果所请求的是一个HTML格式的文件，在dos窗口中可以看到服务器返回的HTML文件的内容。

读者也可以采取其它一些交互工具，以避免dos窗口不回显输入的文本而带来的使用不便。

此外，一些具有相关功能的软件也可以起到类似的作用，在此不再一一例举。

2. 答：HTML较SGML相比更为简单，因而易于掌握；HTML使用了公开的体系结构；HTML 只使用SGML中很小一部分标记，例如HTML3.2中定义了70种标记；HTML的标签是固定的。

因此HTML仍是在Web上快速出版最简单的方法。

3. 答：首先，文件的后缀名只是告诉操作系统，这个文件的内容属于什么类型的，如果希望能双击打开，一定要具有正确的后缀名，因为操作系统依赖后缀名来判断使用什么软件打开相应的文件。

读者可以在Windows操作系统的“控制面板”下的“文件夹选项”中看到“文件类型”的选项卡，在这里可以查看和修改不同文件扩展名(即文件的后缀名)所对应的打开方式；从这个列表中我们可以看见后缀名为：HTM、HTML和PLG三种均会默认启动IE 来打开。

因此，如果我们将文件名修改为上述三种中的任何一种都是有效的。

此外，如果我们将文件保存成任意类型的，如*.HT，那么通过将文件拖放到浏览器窗口的方式也可以打开，不过IE会显示其源码，而Firefox浏览器却可以正常显示。

4. 答：对属性的设置是不分先后的，也就是说先后无关。

这个例子其实说明了我们在学习HTML过程中一个很好的方法，即自己编写简单的代码再进行测试。

如果读者对于一些规定或语法觉得不理解或者存在疑惑，那么完全可以通过一个简单的实例来验证。

对于这个例子，读者完全可以将上面例子做一个修改，再看运行的结果就可以自行得到正确的答案了，结果应该是不变的。

本章中的大部分例子，其实都是可以通过这个方式来进行学习和体验的。

5. 答：如果按照像素值设置表项的宽度，那么它是不会发生变化的；但如果通过百分比，即x％，来设置，那么这种表项就会随着窗口的尺寸变化而变化了。

第4章习题参考答案1. 答：HTML代码块的缩进在显示此网页时并没有任何效果；它在那里和某些编辑器采用彩色编码的HTML来显示是出于同一种理由的。

作者(以及大多数编辑器)会自动缩进部分代码，这样当有人阅读它时，此文件的结构就更容易理解。

浏览器并不顾及它，它们不管在HTML源代码中的任何缩进，所以可以采取任何缩进方式以适合和帮助编著。

2. 答：在这种情况下，很多网页作者在首页上放置一个声明，说“本网站在IE下可获得最佳浏览效果”或者效果相同的语句。

这个声明中往往包含了一个指向微软和Netscape 以用于下载一个兼容的浏览器的链接。

这个声明其实是说“如果你希望得到正确的效果，请下载一个合适的浏览器”。

当然最好的方法是尽量避开不同浏览器出现差异的用法，选择尽量通用的标签、属性和设置。

3. 答：当然可以，而实际上这样做是非常普遍的。

但是，这是有一些规则：首先，作为一种常规，给你要链接的网站的网络管理员发送一个电子邮件，然后询问是否可以链接到此网站和文件。

然后，避免直接链接到那个文件。

相反，链接到那个链接出现的网页。

毕竟，提供文件的网站是在给你做好事(最起码可以让访问者在他访问此链接之前对此网站的信息有个大致的了解)。

而且，如果此网站正在使用侵犯版权的文件(这对于你来说是较难发现的)，链接到那个网页而不是那个文件将更好地将你保护起来，免遭盗版的指责。

但这样做也存在一个潜在的问题：一旦目标网站的文件出现了变化，如删除，更名或改变路径等时，旧的链接可能存在失效的可能。

4. 答：现在的浏览器并不在乎你是使用大写的、小写的还是混用的。

它们对大小写不敏感，即不管哪种情况都有同样的效果。

多年以来，在网页编写中的传统是用大写的标记。

因为网页的大多数文本的内容很可能是小写的(大写只是用在句子的开头和专有名词)，所以大家认为用大写的标签可以帮助作者方便地区分标签和内容。

也是这个原因，本书所使用的源码中均为大写的，这样它们就能很容易与周围所写的描述性语句区分。

如果使用由应用程序所产生的HTML文件的话，那么最好保持灵活性并且培养自己能以任意一种方式进行工作。

实际上，可能会需要想要做和程序相反的事情，使用一个特别的大小写方案将会更容易找出曾经改动过的地方。

最后，很可能所有的编码都被要求成小写的。

这是因为HTML以后可能被另一个新的标准所代替，在其中标记必须是小写的。

5. 答：最简便的方法就是对文件头进行替换后在不同的浏览器中做个测试，然后根据情况进行适当的修改，一般来说大部分浏览器是向前兼容的，但部分标签在HTML5中被弃用的，则最好做出适应性的修改。

第5章习题参考答案1. 答：对于以下四种方式：内嵌样式、内部样式表、链入外部样式表和导入外表样式表而言，当有多个网页要用到的CSS，采用外连CSS文件的方式(链入外部样式表和导入外表样式表)，这样网页的代码大大减少，修改起来非常方便；只在单个网页中使用的CSS，采用文档头部方式；只有在一个网页一、两个地方才用到的CSS，可以考虑使用采用行内插入方式。

2. 答：如果使用了编著工具，如Dreamweaver等，则可以先做一个定义背景色的CSS(如：bgstyle)，如一个定义为淡黄色背景的CSS是这样的：〈style type="text/css"〉〈!—.bgstyle { background: #FFFFCC}--〉〈/style〉在要用时选取需要设置背景色的那段文字，再在CSS面板上点选一下“bgstyle”就行了。

实际上，在代码上直接做出修改也很简单，方法可参考教材或CSS参考文档中的相关说明。

3. 答：在第四章里我们不是说过的类和伪类的混用可以在同一个页面中做不同的链接效果吗。

点击新建样式，在选择符下拉框里，用键盘输入a.link2:link(当然可以先选择a:link，然后更改)，如下图：这样就新建立了一个.link2类，然后再为a.link2:link设定样式为：红色，有下划线；根据上面的方法可以继续定义a.link2:visited和a.link2:hover，可定义a.link2:visited为红色有下划线，a.link2:hover为红色无下划线，背景为白色。

于是在CSS Styles面板里多了一个名称为link2的自定义样式。

最后将此样式应用在某个动态链接上。

在保存后用浏览器打开，就可以看到两种完全不同的链接样式。

全部CSS代码如下：<style type="text/css"></style>4. 答：用CSS可以给某部分内容加边框，在Dreamweaver中CSS的属性定义对话框中的“Border”定义的就是边框线，其中的“top”、“bottom”、“left”和“right”代表的四边可以分别定义为不同粗细和颜色，这些定义好之后再在下面的“Style”中定义线型，否则将看不到边框线，因为默认的线型是“none”。