问答题
【说明】
某出版社图书搜索网页使用ASP语言实现，文件名为“index2.asp”。用Ⅲ浏览器打开该网页后的部分显示效果如图1-18所示。
某出版社图书搜索网页使用ASP语言实现，文件名为“index2.asp”。用Ⅲ浏览器打开该网页后的部分显示效果如图1-18所示。
问答题
【问题1】
根据图1-18网页的显示效果图，请将index2.asp文件中(1)～(7)空缺处的内容填写完整。
根据图1-18网页的显示效果图，请将index2.asp文件中(1)～(7)空缺处的内容填写完整。
【正确答案】(1)＜title＞
(2)＜/title＞
(3)include
(4)selected
(5)value
(6)submit
(7)button
(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代码使该按钮跳转到某个页面上。
这是一道要求读者掌握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;
}
...
}
--＞
＜//script＞
A. run B. action C. value D. return
E. a href F. alert G. submit H. function
以下是该出版社用户登录页面(参考图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;
}
...
}
--＞
＜//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
(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”。
这是一道要求读者掌握用户登录页面源代码设计的实际操作题。本题的解答思路如下。
在表单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.css B. ../admin/includede/example.css
C. ../admin/example.css D. ../example.css
(15) A. type B. include C. link D. content
该网站用到了层叠样式表(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.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
(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”，其中，“..”表示退回至上一级目录。
这是一道要求读者掌握层叠样式表(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”，其中，“..”表示退回至上一级目录。