问答题
【说明】
某出版社图书搜索网页使用ASP语言实现,文件名为“index2.asp”。用Ⅲ浏览器打开该网页后的部分显示效果如图1-18所示。
问答题
【问题1】
根据图1-18网页的显示效果图,请将index2.asp文件中(1)~(7)空缺处的内容填写完整。
【正确答案】(1)<title>
(2)</title>
(3)include
(4)selected
(5)value
(6)submit
(7)button
【答案解析】[要点解析]
这是一道要求读者掌握ASP语言进行动态网页设计的实际操作题。本题的解答思路如下。
HTML文档以<htm1>标签开始,以</htm1>结束,由文档头和文档体等两部分构成。其中,文档头由元素<head>…</heab>标签,且可包含窗口标题、脚本语言、样式定义、元数据等元素。
其中,窗口标题由元素<title>…</title>标签,用于提供对HTML文档的简单描述,它将显示在浏览器的标题栏上,在收藏夹中所保存的就是窗口标题的名称。因此,(1)、(2)空缺处所填写的内容分别是 <title>、</title>。
由(3)空缺处所在语句的"include/header.asp"可知,在index2.asp文件的相应位置需添加相对路径为 include目录下的header.asp这一文件的全部内容。因此(3)空缺处需要使用引用的关键字“include”。可见,该网站所有页面都包含导航栏,而建设网站时将导航栏置于文件header.asp中。然后该网站所有页面文件中都包含<!--# include file="include/header.asp"-->语句。当header.asp中的导航栏代码更新时,所有页面的导航栏也将全部更新,从而减少了网站维护的工作量。
由图1-18页面中“书名”的显示效果可知,“书名”是单选框默认选中的值,因此(4)空缺处所填写的内容为“selected”。
Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框、密码输入框、单选/复选框、提交/重置按钮等。ASP语言中有多种表单元素,<input type="text">,用于创建一个文本框。这是Input的默认类型,也是最常见使用最多的表单元素,比如登录输入用户名,注册输入电话号码,电子邮件,家庭住址等。结合(5)空缺处所在语句的“关键字”,仔细观察图1-18页面左上角相关内容的显示效果可知,“关键字”这一文字信息是文本输入框的默认值,因此(5)空缺处所填写的内容为“value”。
在图1-18页面中需要添加“Go!”这一提交按钮,用于将Form表单的数据进行提交action页处理。因此(6)空缺处所填写的Type属性应设置"submit"。
结合(7)空缺处所在的语句中onClick="location.href='search.asp'"可知,要让图1-18页面中的“高级检索”按钮跳转到search.asp页面上,因此(7)空缺处所填写的Type属性应设置"button"。这是标准的 Windows风格的按钮,可加入JavaScript代码使该按钮跳转到某个页面上。
问答题
【问题2】
以下是该出版社用户登录页面(参考图1-18网页的右上角)的部分代码,基本功能是检测用户是否填写用户名,如果没有填写,将跳出提示错误的窗口,否则提交用户信息。请为以下(8)~(12)空缺处选择合适的答案。
...
</form name=loginfo method=post (8) ="chkuser.asp">
<input type=submit value="登录" onClick="return checkuu ( ) ;" >
<//form>
...
</SCRIPT language="JavaScript">
</!-- (9) checkuu () {
if (checkspace (document.loginfo.username. (10) ) ) {
document.loginfo.username.focus () ;
(11) ("用户名不能为空!");
(12) false;
}
...
【正确答案】(8)B,或action
(9)H,或function
(10)C,或value
(11)F,或alert
(12)D,或return
【答案解析】[要点解析]
这是一道要求读者掌握用户登录页面源代码设计的实际操作题。本题的解答思路如下。
在表单form语句中,action属性后面的等号表明当这个表单提交后,浏览器需要执行的动态程序。本试题中,语句<form name=loginfo method=post action="chkuser.asp">表示用户的信息是以POST的方式送往其处理文件chkuser.asp。即(8)空缺处所填写的内容为“action”。
对于(9)空缺处所填写的内容是关键字“function”,用于声明checkuu过程的名称、参数及其执行体的代码。
对于“检测用户是否填写用户名,如果没有填写,将跳出提示错误的窗口,否则提交用户信息”的编程代码如下。
if (checkspace (document.loginfo.username.value)){
document.loginfo.username.focus();
alert("用户名不能为空!");
return false;
}
其中,Alert组件用于用户进行某个操作时弹出警告提示信息。可见, (10)~(12)空缺处所填写的内容分别是“value”、“alert”、“return”。
问答题
【问题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. a
- B. link
- C. css
- D. open
(14)A. ../include/example.cssB. ../admin/includede/example.cssC. ../admin/example.cssD. ../example.css
(15)A. typeB. includeC. linkD. content
【正确答案】(13)B,或link
(14)A,或.../include/example,css
(15)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”,其中,“..”表示退回至上一级目录。