基于Web标准的网页设计与制作
（第2版）习题解答
习题1
1.1 作业题
1. 对于采用虚拟主机方式的多个网站，域名和IP地址是（C）的关系。
A. 一对多
B. 一对一
C. 多对一
D. 多对多
excel中if函数是什么意思2. 网页的本质是（ B ）文件。
A. 图像
B. 纯文本
C. 可执行程序
D. 图像和文本的压缩
3. 请解释v/business/moe/115078.html的含义。
答：http是协议名；v是域名（或称主机头），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浏览器查看网页的源代码。
习题2
1. HTML中最大的标题元素是: （ C ）
A．<head> B．<title> C．<h1> D．<h6>
2. 下列哪种元素不能够相互嵌套使用。（ B ）
A．表格B．表单form C．列表D．div
3. 下述元素中都是表格中的元素。（ B ）
A．<table><head><th> B．<table><tr><td>
C．<table><body><tr>D．<table><head><footer>
4. <title>标记中应该放在标记中。（ A ）
A. <head>
B. <table>
C. <body>
D. <div>
5. 下述表示表图像元素。（ C ）
A. <img>image.gif</img>
B. <img href= "image.gif " />
C. <img src= "image.gif " />
D. <image src= "image.gif " />
6. 要在新窗口打开一个链接指向的网页需用到（ C ）
A．href＝"_blank " B．name= "_blank "
dedecms电影模板C．target＝"_blank " D．href＝"#blank "
7. align属性的可取值不包括以下哪一项（ C ）
A. left
B. center
C.middle
D. right
8. 下述哪一项表示表单控件元素中的下拉框元素。（ A ）
A．<select> B．<input type=”list”>
C．<list>D．<input type=”options”>
在下列的HTML 中，哪个可以产生复选框？（ C ）
A. <input type="check">
B. <checkbox>
C. <input type="checkbox">
D. <check>
9. 下列哪项表述是不正确的？（ A ）
A. 单行文本框和多行文本框都是用相同的HTML标记创建的
B. 列表框和下拉列表框都是用相同的HTML标记创建的
C. 单行文本框和密码框都是用相同的HTML标记创建的
D. 使用图像按钮<input type="image">也能提交表单
14. colspan 是td标记的属性，cellpadding是 table标记的属性，target 是a标记或area标记的属性，<input>标记至少会具有type 属性，<img>标记必须具有src属性，如果作为超链接，<a>标记必须具有href属性。
15. ___location_______对象表示浏览器的URL地址，并可用于将浏览器转到某个网址。
16. 下面的表单元素代码都有错误，你能指出它们分别错在哪里吗？
①<input name="country" value="Your country here." />
缺少type属性
②<checkbox name="color" value="teal" />
checkbox是input标记的属性名，不是标记名
③<input type="password" value="pwd" />
缺少name属性，且密码域的value属性一般为空，以便让用户输入
④<textarea name="essay" height="6" width="100">Your story.</textarea>
cotx无height和width属性，应改为rows 和cols
⑤<select name="popsicle">
<option value="orange" /><option value="grape" /><option value="cherry" />
</select>
option标记是双标记，标记之间有文本
17. 画出下面HTML代码对应的表格：
<table width="466" height="127">
<tr><td></td><td rowspan="2"> </td></tr>
<tr><td> </td></tr></table>
如图：
18. 仿照图2-12，设计一个用户注册的表单页面。
习题3
1. 在XHTML中必须声明文档类型，以便于浏览器知道当前浏览的文档的类型，声明文档类型需使用指令DOCTYPE。
2. Web标准主要由一系列规范组成，目前的Web标准主要由三大部分组成结构
、表现、行为。
3. 所有XHTML标记必须小写和封闭。
4. 在XHTML中，有3种文档类型声明DTD，分别是Transitiona、Strict和Frameset
。
习题4
1 作业题：
1. 下列哪条是定义CSS样式规则的正确形式（ C ）
A．body {color = black}B．body:color=black
C．body {color: black} D．{body;color:black}
2. 下面哪种方式不是CSS中颜的表示法：(C)
A．#ffffff B．rgb(255,255,255)
C．rgb(ff,ff,ff) D．white
3. 关于浮动，下列哪条样式规则是不正确的：（ B ）
A．img { float: left; margin: 20px; }
B．img { float: right; right: 30px; }
C．img { float: right; width: 120px; height: 80px; }
D．img { float: left; margin-bottom: 2em; }
4. 关于CSS2.1中的背景属性，下列说法正确的是：（B）
A．可以通过背景相关属性改变背景图片的原始尺寸大小
B．不可以对一个元素设置两张背景图片
C．不可以对一个元素同时设置背景颜和背景图片
D．在默认情况下背景图片不会平铺，左上角对齐
5. CSS中定义.outer {background-color: red;} 表示的是：（B）
A．网页中某一个id为outer的元素的背景是红的
B．网页中含有class= "outer" 元素的背景是红的
C．网页中元素名为outer元素的背景是红的
D．网页中含有class= ".outer" 元素的背景是红的
6. 在图像替代文本技术中，为了隐藏<h1>标记中的文本，同时显示<h1>元素的背景图像，
需要使用的CSS声明是：（ A ）
A．text-indent: -9999px;B．font-size:0;
C．text-decoration: none; D．display: none;
7. 插入的内容大于盒子的边距时，如果要使盒子通过延伸来容纳额外的内容。在溢出（overflow）选项中应选择的是：（A）
A. visible B．scroll C. hidden D. auto
8.举例说出3个上下边界（margin）的浏览器默认值不为0的元素form 、p 、h1 。
9. CSS中，继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于
它的子元素。
10. 如果要使网页中的背景图片不随网页滚动，应设置的CSS声明是background-attachment:fixed 。
11. 设#title{padding: 6px 10px 4px}，则id为title的元素左填充是10px 。
12. 如果要使下面代码中的文字变红，则应填入：<h2 >课程资源<
dw怎么制作网页/h2>
13. 下列各项描述的定位方式是什么？（填写static、relative、aboslute中的一项或多项。）
①元素以它的包含框为定位基准。aboslute 。
②元素完全脱离了标准流。aboslute 。
③元素相对于它原来的位置为定位基准。relative 。
④元素在标准流中的位置会被保留relative 。
⑤元素在标准流中的位置会被其他元素占据。aboslute 。
⑥能够通过z-index属性改变元素的层叠次序。aboslute 。
14. 简述用DW新建一条CSS样式规则的过程。
三菱plc编程视频教程首先定义选择器，在选择器后输入花括号，在花括号内书写CSS的属性和属性值。
15. 有些网页中，当鼠标滑过时，超链接的下划线是虚线，你认为这是怎么实现的？
设置a:hover选择器，在该选择器中，设置元素具有下边框，并且边框的线型为虚线。
16. 为图4-32中的栏目表格添加CSS代码，让栏目中的标题字体为14px、红、粗体，
标题到单元格左边框的距离为12px。让第二行中的文字大小为12px，行距为文字大小的
1.6倍，文字与单元格四周边框的距离均为10px，段落前空两格。
17. 简述制作纯CSS下拉菜单的原理和主要步骤？
略
18. CSS中的display属性和visibility属性都可以用于对网页指定对象的隐藏和显示，它们
的效果是一样的吗？请设计一个实验验证。
display属性为none时隐藏元素，并且元素的位置也不存在。visibility为hidden时也隐藏
元素，但元素占据的位置仍然存在。
2 上机实践题
1.对于多个同一优先级的选择器（如3个标记选择器p{}），如果同时通过嵌入式、链
接式和导入式的方式引入网页中，而它们定义的样式又发生了冲突，则这三种方式的优先
级是怎样的呢？请设计一个实验来验证嵌入式、链接式和导入式这三种方式的优先级（注意在代码中调整这三种方式代码的先后顺序），再用尽可能简单、严谨地表述写出结论，并附实验所用的代码。
2. 在HTML中插入一个无序列表和一个有序列表，然后写CSS样式，定义无序列表中内容的字体为14px、黑体，背景为#fed，水平排列，无项目编号。定义有序列表中的内容的字体是12px，下边框为1px红虚线，然后使用嵌入式的方法将它插入到HTML
代码的正确位置中，再将该CSS代码分别转换为链接式和行内式的形式。
3. 在HTML代码中插入一个a元素，然后用CSS设置它的盒子属性，要求盒子的填充值为（上：6px、下：4px、左右：10px），边框为1px红实线，背景为淡红，并且该盒子能在浏览器中完全显示出来。
习题 5
5.1 作业题：
1. 在Fireworks中，要将鼠标拖动起始点作为圆心画正圆，正确的操作：（ D ）。A．拖动鼠标的同时，按下Shift键 B．拖动鼠标的同时按下Shift+Ctrl组合键
C．在拖动鼠标的同时，按下Alt键D．在拖动鼠标的同时，按下Shift+Alt键
2. 从颜弹出窗口中采集颜时：( B )。
A.只能采集文档内的颜
B.只能采集Fireworks窗口中的颜
c只能采集当前打开的图像的颜D．可从屏幕的任何位置采集颜
3. 如果将滤镜应用在矢量图像上，则（ C ）。
A．无法进行B．可以直接使用
C．会提示把矢量图像转换为位图对象，然后再进行hibernate官方
D．矢量对象的路径和点信息不受影响
4. 要制作背景透明的卡通图片，则在图像优化输出时，应该要选用（B ）格式。A．BMP B．GIF C．JPEG D．PSD
5. 在Fireworks中将一个对象转化为元件之后还可编辑（C ）属性。
A．设置笔触B．设置透明度C．设置填充与渐变D．应用滤镜
6. 在Fireworks中使用（ C ）工具可进行位图编辑模式。
A．钢笔B．直线 C．套索D．文本
7. 下面关于将文本转化为路径的叙述，错误的是( D )。
A．除非使用撤消命令，否则不能撤消
B．会保留其原来的外观
C．可以和普通的路径一样进行编辑
D．可以重新设置字体、字型、颜等文本属性
8. 下面对切片说法正确的是（C ）。
A．切片技术的应用不能改变图像的下载时间
B．在导出的时候，只能对切片对象生成图像文件
C．能对切片对象进行自动命名
D．不能在切片对象上添加弹出菜单
9. 图像的变形包括对图像进行缩放、倾斜、旋转和扭曲操作，如果要对图像进行精确变形，可以使用数值变形。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论