【说明】
某出版社图书搜索网页使用ASP语言实现,文件名为“index2.asp”。用Ⅲ浏览器打开该网页后的部分显示效果如图1-18所示。
【index2.asp文件的内容】
<html>
(1) 飞思在线--出版·专业·权威·智育(计算机原理·技术·应用/数码·艺术/设计/少儿/动漫) (2)
<!--# (3) file="include/header, asp"-->
<table width="784">
<tr>
...
<form ... >
<td width="45%">
<select name="action">
<option value="1" (4) >书名</option>
<option value"2">作者</option>
<option value="3">ISBN 号</option>
<option value="4">出版日期</option>
</select>
<input type="text" size="15" maxlength="15" (5) ="关键字">
<input type=" (6) "value="Go!" >
<input type=" (7) "value="高级检索" onClick="location.href=’search.asp’">
</td>
</form>
</tr>
</table>
</html>
【问题3】
该网站用到了层叠样式表(CSS),其样式表文件(example.css)在网站根目录下的include文件夹下。某网页文件在网站根目录下的admin目录中,下面是该页面的部分代码,其作用是导入外部样式表文件。请为以下(13)~(15)空缺处选择合适的答案。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
< (13) href=" (14) "rel="stylesheet" (15) ="text/css">
(13) A. aB. link C. css D. open
(14) A. ../include/example.css B. ../admin/includede/example.css
C. ../admin/example.css D. ../example.css
(15) A. type B. include C. link D. content
参考答案:(AC)B,或link
(AD)A,或.../include/example,css
(AE)A,或type
解析:
这是一道要求读者掌握层叠样式表(CSS)进行动态网页设计的实际操作题。本题的解答思路如下。
层叠样式表(CSS)是一种静态的样式描述格式,它能保证文档显示格式的一致性和较好的格式化。通过层叠样式表可以产生许多显示格式信息,如字体,颜色,位置等,其信息可以以属性、属性组或独立文件的形式存在。一般认为以独立文件的形式存在较好,因为这样可以方便其信息的管理、修改、维护和复用。
导入外部样式表文件是指把样式表保存为一个样式表文件,然后在页面中用<link>标签链接到这个样式表文件中。其中,<link>标签必须放到页面的<head>…</head>标签中,其语法格式如下所示。
<head>
...
<link rel="stylesheet"type="text/css"href--"*.css">
</head>
其中,rel=“stylesheet”是指在页面中使用这个外部的样式表:type=“text/css”是指文件的类型是样式表文本;href=“*.css”用于指出所导入的文件名及其所在的位置。因此,本试题中(13)空缺处所填写的内容是选项B的“link”, (15)空缺处所填写的内容是选项A的“type”。
本试题中,由于样式表文件(example.css)在网站根目录下的include文件夹中,而引用样式表文件的某网页文件是在网站根目录下的admin目录中,因此在导入外部样式表文件代码中,(14)空缺处需要使用选项A的相对路径“../include/example.css”,其中,“..”表示退回至上一级目录。