问答题
请认真阅读以下网站建设的技术说明，结合网页显示的效果图，根据要求回答问题1～问题4。
请认真阅读以下网站建设的技术说明，结合网页显示的效果图，根据要求回答问题1～问题4。
【说明】
某出版社图书搜索网页使用ASP语言实现，文件名为“index2.asp”。用Ⅲ浏览器打开该网页后的部分显示效果如图1-18所示。
某出版社图书搜索网页使用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{{U}} (8)
{{/U}}="chkuser.asp"＞ ＜input type=submit
value="登录" onClick="return checkuu ( ) ;" ＞ ＜//form＞
... ＜/SCRIPT language="JavaScript"＞
＜/!--{{U}} (9) {{/U}}checkuu () {
if (checkspace (document.loginfo.username.{{U}} (10) {{/U}}) )
{ document.loginfo.username.focus
() ; {{U}}
(11) {{/U}}("用户名不能为空!");
{{U}} (12) {{/U}}false;
} ...
} --＞ ＜//script＞
| A. run | B. action |
| C. value | D. return |
| E. a href F. alert G. submit H. function |
【正确答案】
【答案解析】(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"＞
＜{{U}} (13) {{/U}}href="{{U}} (14)
{{/U}}"rel="stylesheet"{{U}} (15) {{/U}}="text/css"＞(13) A. a
B. 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 |
【正确答案】
【答案解析】(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”，其中，“..”表示退回至上一级目录。