问答题
阅读以下网站建设的技术说明，结果网页显示的效果图，根据要求回答问题1～问题3。
阅读以下网站建设的技术说明，结果网页显示的效果图，根据要求回答问题1～问题3。
【说明】
某大学利用VOD视频服务系统提供教学课件在线点播服务。该视频服务系统用ASP语言编程实现，主页文件名为“index.asp”，部分网页运行的效果如图2-13所示。程序中使用的Access数据表结构见表2-8和表2-9。
【conn.asp文档的内容】
＜%
dim db,conn,connstr
db="vod.mdb"
set Conn=server.CreateObject ("ADODB.connection")
connstr="proyider=microsoft.jet.oledb.4.0;data source=" &server.MapPath ("data/"&db&"")
%＞
【index.asp 文档的内容】
{{U}}(2) {{/U}} ＜!--第(2)处 --＞
＜html＞
＜head＞
＜title＞视频服务系统＜/title＞
＜style type="text/css"＞
＜!
td {font-size:12px;line-height:17px }
body {font-size:12px;line-height:17px }
p { margin-top:1px;margin-bottom:1px }
a:link {text-decoration:none;color:black}
a:visited {text-decoration:none;color:black}
--＞
＜/style＞
＜/head＞
＜body leftmargin="0" topmargin="0"＞
＜!--#5nclude file="head.asp" --＞
＜table＞
＜td height="30" width="367"＞
＜%sq1="select * from item"
setrs_item=server, createobjiect ("adodb.recordset")
rs_iterm.open sq1,connstr, 1,1
response.write"＜p＞＜b＞＜IMG onClick=over(this) title=放大 src=images/dot1.gif＞＜a href=index.asp＞全部节目＜/a＞ "
do while not rs_item.eof
response.write "＜IMG onClick=over(this) title=放大stc--images/dot1.gif botder=-0＞＜a href=index.asp?item="&rs_item ("name")
&"＞"&rs_item ("name") A"＜/a＞ "
{{U}}(5) {{/U}} ＜!-- 第(5)处 --＞
response.write "＜/b＞ "
rs hm.close%＞
＜/td＞
＜/table＞
＜/div＞
＜div align="center"＞
＜% dim item_type
item_type={{U}} (7) {{/U}} ＜!-- 第(7)处 --＞
if item_type="" or itcrn_type ="全部节目" then
sq1="sclect * from data"
else
sq1="{{U}} (8) {{/U}} ＜!-- 第(8)处 --＞
end if
set rs=server, createobject ("adodb.recordset")
rs.open sql,connslr,1,1
%＞
＜table
＜tr＞
＜td width="125" background="images/bg.gif' height="30"＞
＜IMG onClick=over(this) title=放大 border="0" src="images/biao_left.gif" width="15" height="15"＞节目名称＜/td＞
＜td width="58" background="images/bg.gif" height="30" align="center"＞格式类型＜/td＞
＜td width="43" background-"images/bg, gift height="30" align="center"＞点播次数＜/td＞
＜td width="70" background="images/bg.gif" height="30" align="center"＞创建日期＜/td＞
＜td width="ll5" background="images/bg.gif" height="30" align="center"＞点播＜/td＞
＜td width="73" background="images/bg, gif" height="30'" align="center"＞下载＜/td＞
＜/tr＞
＜%do while not rs.eof%＞
＜tr＞
＜rd width=" 125" height" 30" ＞ ＜IMG onClick=over(this) title=放大 bgrder=-"0" src="images/dian.gif"＞ ＜%=rs("name") %＞＜/td＞
＜td width="115" height="30" align="center"＞＜a href=""＞ 点播＜/td＞
＜td width="58" height="30" align="center"＞＜%=rs ("type") %＞＜/td＞
{{U}} (9) {{/U}} ＜!-- 第(9) --＞
＜td width="70" height="30" align="center"＞＜%=rs ("date") %＞＜/rd＞
＜/tr＞
loop%＞
＜/table＞
＜/div＞
＜!-- 此处省略了部分代码--＞
＜!-- #include file="foot.asp" --＞
＜/body＞
＜/html＞
某大学利用VOD视频服务系统提供教学课件在线点播服务。该视频服务系统用ASP语言编程实现，主页文件名为“index.asp”，部分网页运行的效果如图2-13所示。程序中使用的Access数据表结构见表2-8和表2-9。
【conn.asp文档的内容】
＜%
dim db,conn,connstr
db="vod.mdb"
set Conn=server.CreateObject ("ADODB.connection")
connstr="proyider=microsoft.jet.oledb.4.0;data source=" &server.MapPath ("data/"&db&"")
%＞
【index.asp 文档的内容】
{{U}}(2) {{/U}} ＜!--第(2)处 --＞
＜html＞
＜head＞
＜title＞视频服务系统＜/title＞
＜style type="text/css"＞
＜!
td {font-size:12px;line-height:17px }
body {font-size:12px;line-height:17px }
p { margin-top:1px;margin-bottom:1px }
a:link {text-decoration:none;color:black}
a:visited {text-decoration:none;color:black}
--＞
＜/style＞
＜/head＞
＜body leftmargin="0" topmargin="0"＞
＜!--#5nclude file="head.asp" --＞
＜table＞
＜td height="30" width="367"＞
＜%sq1="select * from item"
setrs_item=server, createobjiect ("adodb.recordset")
rs_iterm.open sq1,connstr, 1,1
response.write"＜p＞＜b＞＜IMG onClick=over(this) title=放大 src=images/dot1.gif＞＜a href=index.asp＞全部节目＜/a＞ "
do while not rs_item.eof
response.write "＜IMG onClick=over(this) title=放大stc--images/dot1.gif botder=-0＞＜a href=index.asp?item="&rs_item ("name")
&"＞"&rs_item ("name") A"＜/a＞ "
{{U}}(5) {{/U}} ＜!-- 第(5)处 --＞
response.write "＜/b＞ "
rs hm.close%＞
＜/td＞
＜/table＞
＜/div＞
＜div align="center"＞
＜% dim item_type
item_type={{U}} (7) {{/U}} ＜!-- 第(7)处 --＞
if item_type="" or itcrn_type ="全部节目" then
sq1="sclect * from data"
else
sq1="{{U}} (8) {{/U}} ＜!-- 第(8)处 --＞
end if
set rs=server, createobject ("adodb.recordset")
rs.open sql,connslr,1,1
%＞
＜table
＜tr＞
＜td width="125" background="images/bg.gif' height="30"＞
＜IMG onClick=over(this) title=放大 border="0" src="images/biao_left.gif" width="15" height="15"＞节目名称＜/td＞
＜td width="58" background="images/bg.gif" height="30" align="center"＞格式类型＜/td＞
＜td width="43" background-"images/bg, gift height="30" align="center"＞点播次数＜/td＞
＜td width="70" background="images/bg.gif" height="30" align="center"＞创建日期＜/td＞
＜td width="ll5" background="images/bg.gif" height="30" align="center"＞点播＜/td＞
＜td width="73" background="images/bg, gif" height="30'" align="center"＞下载＜/td＞
＜/tr＞
＜%do while not rs.eof%＞
＜tr＞
＜rd width=" 125" height" 30" ＞ ＜IMG onClick=over(this) title=放大 bgrder=-"0" src="images/dian.gif"＞ ＜%=rs("name") %＞＜/td＞
＜td width="115" height="30" align="center"＞＜a href=""＞ 点播＜/td＞
＜td width="58" height="30" align="center"＞＜%=rs ("type") %＞＜/td＞
{{U}} (9) {{/U}} ＜!-- 第(9) --＞
＜td width="70" height="30" align="center"＞＜%=rs ("date") %＞＜/rd＞
＜/tr＞
loop%＞
＜/table＞
＜/div＞
＜!-- 此处省略了部分代码--＞
＜!-- #include file="foot.asp" --＞
＜/body＞
＜/html＞
问答题
| 【问题1】 请根据图2-13网页的显示效果，解释该ASP程序中用下画线标出的语句的含义，即填写(1)、(3)、 (4)、(6)、(10)空缺处的解释内容。 |
【正确答案】
【答案解析】(1)数据库连接对象com以connstr中定义的连接字符串打开数据库连接
(3)当前处于活动状态的标签＜a＞中的文字显示为蓝色
(4)＜div＞标记下的内容居中
(6)转下一次while循环
(10)数据集对象rs移动到下一条记录
[要点解析]
这是一道要求读者掌握HTML网页制作和ASP编程方面的实际操作题。本题的解答思路如下。
该大学提供教学课件在线点播的网页是通过ASP编程用Acess数据表中的数据自动生成一个点播页面“index.asp”。因此本程序涉及Web数据库编程和网页显示方面的知识。
仔细阅试题中给出的源代码可知，conn.asp文档是用于实现数据库连接；其中，语句set Conn=server. CreateObject("ADODB.connection")用于生成数据库连接对象；语句connstr="proyider=microsoft.jet. oledb.4.0; data source="&server.MapPath("data/"&db&"")用于定义连接字符串；语句conn.Open connstr用于打开数据库连接，即用数据库连接对象conn以connstr中定义的连接字符串打开vod.mdb数据库连接。
语句a:active {text-decoration:none;color:blue)是一段CSS代码，其作用是设置当前处于活动超链接 ＜a＞中的文字为蓝色字体。
语句＜div align="center"＞用于将＜div＞标记下的内容居中。
对于(6)空缺处的loop语句用于转下一次while循环。
结合语句“＜% do while not rs.eof%＞”以及(10)空缺处下一行语句“loop”可知，语句rs.movenext用于将数据集对象rs移动到下一条记录。
问答题
| 【问题2】 请根据图2-13网页的显示效果，将ASP程序中(2)、(5)、(7)、(8)、(9)空缺处的代码补充完整。 A．Trim (request("item")) B．rs_item.movenext C. rs.movenext D. ＜!--#include file="conn.asp" --＞ E. select * from data where item="&item_type&" F. ＜td width="43"height="30"align="center"＞＜%=rs ("Brand") %＞＜/td＞ G. ＜td width="43"height="30"align="center"＞＜%=rs ("hits") %＞＜/td＞ |
【正确答案】
【答案解析】(2)D，或＜!-- #include file="conn.asp"--＞
(5)B，或rs_item.movenext
(7)A，或Trim(request("item"))
(8)E，或select*from data where item="&item_type&"
(9)G，或＜td width="43"height="30"align="center"＞＜%=rs ("hits")%＞＜/td＞
[要点解析]
这是一道要求读者掌握HTML网页制作和ASP编程方面的实际操作题。本题的解答思路如下。
由于(2)空缺处位于index.asp文档的开始处，仔细阅读试题中已给出的index.asp源代码发现在这部分源代码中没有关于数据库连接的ASP语句，因此可判断该空缺处是关于数据库连接的内容。而 conn.asp文档中已经定义了关于数据库连接的语句，故(2)空缺处只需要引用该程序文件即可。参照源代码中＜!-- #include file="head.asp"，--＞的语句格式，可得(2)空缺处的答案是：＜!-- #inciude file="conn.asp" --＞。
对于(6)空缺处的loop语句用于转下一次while循环，因此需在其前面的(5)空缺处安排一条将数据集对象rs_item的指针移向下一条记录的语句。参照(10)空缺处所在的语句“＜% rs.movenext”以及“loop%＞”格式可得，(5)空缺处的正确答案是：rs_item.movenext。
对于(7)空缺处前一行语句“dim item_type”，它用于声明变量item_type，并为其分配存储空间。结合图2-13的显示效果，以及(7)空缺处后面一行语句所用到的“item_type”可知，该空缺处需进行去除空格方法的编程，即其所填写的内容是：Trim(request("item"))。
由于(8)空缺处所处理的内容是条件判断语句(if item_type=""or itern_type="全部节目"then)的一个分支，结合sq1="sclect * from data"语句格式可得，(8)空缺处所填写的内容是；select* from data where item="&item_type&"。
仔细观察图2-13网页中各教学课件所显示的内容，结合表2-8的各数据字段定义，找出(9)空缺处前后几行与表2-8各数据字段相关联的语句如下；
＜td width="125" height "30"＞ ＜IMG onClick=over(this) title=放大 border="0"，src="images/dian.gif"＞ ＜%=rs ("name")%＞＜/td)
＜td width="58" height="30"align="center"＞＜%=rs("type")%＞＜/td＞
＜td width="70" height="30" align="center"＞＜%=rs("date")%＞＜/td＞
通过对比可知，表2-8中点播次数(hits)字段未给出相关的编程语句，参照(9)空缺处前后几行对表2-8各数据字段的编程语句格式可得，该空缺处所填写的内容如下。
＜td width="43"height="30"align="center"＞＜%=rs ("hits"%＞＜/td＞。
问答题
| 【问题3】 在index.asp文档中使用了＜style type="text/css"＞语句。其中，CSS是指{{U}} (10) {{/U}}，它是一种{{U}} (11) {{/U}}样式描述格式，能保证文档显示格式的一致性和较好的格式化。CSS本身{{U}} (12) {{/U}}XML的语法规范。 (10) A．扩展样式单 B．层叠样式单 (11) A．静态的 B．动态的 (12) A．遵从 B．不遵从 |
【正确答案】
【答案解析】(10)B，或层叠杆式单
(11)A，或静态的
(12)B，或不遵从
[要点解析]
这是一道要求读者掌握层叠样式单(CSS)的基本概念题。本题所涉及的知识点如下。
层叠样式表(CSS)是一种静态的样式描述格式，它能保证文档显示格式的一致性和较好的格式化。通过层叠样式表可以产生许多显示格式信息，例如字体，颜色，位置等，其信息可以以属性、属性组或独立产件的形式存在。一股认为以独立文件的形式存在较好，因为这样可以方便其信息的管理、修改、维护和复用。
CSS本身不遵从XML的语法规范。扩展样式单语言(XSL)不同，它遵守XML的语法规则，是XML的一种具体应用。也就是说，XSL本身就是一个XML文档，系统可以使用同一个XML解释器对XML文档及其相关的XSL文档进行解释处理。
问答题
【问题4】 以下网页设计方式中，可以使用户快捷有效的获取其所需信息的有{{U}} (13)
{{/U}}。(不定项选择)
| A．限制网页中同时显示的颜色数 | B．网页内容的显示长度不限 |
| C．采用带有文字的图形(图像)点缀网页 | D．网页中超链接突出显示 |
【正确答案】
【答案解析】A、B、D
[要点解析]
这是一道要求读者掌握网页设计基本常识的概念题。本题所涉及的知识点如下。
为了提供有效的信息服务，在进行电子商务网站建设时要先设计其基本框架，并定义框架的信息基础单位(如HTMI．TASP网页)。由于电子商务网站中包含众多信息，因此必须采用一些有效的方法让用户快速检索、查询所需的信息，并且实现网页的快速导航。目录和索引是常用的快速导航工具，其典型的应用场合。是帮助文档。
为了使用户快捷有效的获取信息，必须采用有效的网页设计方式和设计理念，使用户以最简单、最便捷的方式获取其最有用的信息。常用的网页设计方式如下。
①限制网页中同时显示的颜色数；
②网页内容的显示长度不限：
③网页中超链接突出显示等。