请认真阅读以下关于网页制作和网页编程的内容,回答问题1~4。一、网页制作[说明] 某网络公司用ASP实现了一个用于手机销售信息查询的网页,主页文件名为“index.htm1”,其内容如左图所示,网页的效果如下图所示。 <html> <head> <fitle><title> </head> <frameset cols="198,*" border=0> <flame name="side" src="side.htm1" scrolling="No"> <frameset rows="96,*"border=0> <frame name="top" src="top.html" scrolling="No"> <frame name="main" src="main.asp" scrolling="Auto"> </frameset> </frameset> <body> </body> </html> 二、信息查询[说明] 下图是用户按品牌进行查询时的网页(main.asp)在IE浏览器上运行后的效果图。下表是手机信息数据表结构。
问答题 框架在网页布局中主要起什么作用?主页中定义了几个框架?分别显示哪个文档?
【正确答案】正确答案:框架将浏览器的窗口分为多个显示区域,每个区域可以独立地显示一个htm1文档,但在显示的内容上可以具有内容主题上的关联性。 主页中定义了3个框架。 side框架对应side.htm1。 top框架对应top.htm1。 main框架对应main.asp。
【答案解析】解析:本问题考查的是Web页面中框架的使用方法。 使用框架来组织页面,是网页设计常用的手段之一。框架能够把一个网页分成几个独立的区域,每个区域可以单独显示一个网页,每个区域可以独立翻滚。可以把框架视为窗口中的窗口。带有框架的网页也称为框架网页。框架通常用于为一个页面定义导航区和内容区。框架可以大大丰富网页设计自由度,它是由单独的Web页面构成的,在不同的Web页面中可以包含不同的特性。因此使用框架来进行页面之间的链接,可以使页面结构变化自如。 其中,<frameset></frameset>标志对放在帧的主文档的<body></body>标志对的外边,也可以嵌在其他帧文档中,并且可以嵌套使用。此标志对用来定义主文档中有几个帧并且各个帧是如何排列的。它具有rows和cols属性,rows用来规定主文档中各个帧的行定位,而cols用来规定主文档中各个帧的列定位。这两个属性的取值可以是百分数、绝对像素值或星号(“*”),其中星号代表那些未被说明的空间,如果同一个属性中出现多个星号则将剩下的未被说明的空间平均分配。 <frame>标志放在<frameset></frameset>之间,用来定义某一个具体的帧。<frame>标志具有src和name属性,这两个属性都是必须赋值的。src是此帧的源htm1文件名(包括网络路径,即相对路径或网址),浏览器将会在此帧中显示src指定的htm1文件;name是此帧的名字,这个名字是用来供超文本链接标志<a href=""target="",中的target属性用来指定链接的htm1文件将显示在哪一个帧中。 本题中使用了两组frameset,设置了三个框架,名字分别为side、top、main。这三个框架分别对应了side.htm1、top.htm1、main.asp页面。
问答题 如果网页及素材均存放在本机目录“D:\documents\webpages\”中,网页side.htm1中有一幅图片msf.gif存放在“D:\documents\webpages\pic\”目录中。为了在改变整个网页存放的目录设置后,仍然能在浏览器中浏览到该图片,图片的src属性值应设置为(1)。(1)A."D:\documents\webpages\msf.gif" B."\webpages\msf.gif" C."\pic\msf.gif"
【正确答案】正确答案:(1)C
【答案解析】解析:本问题考察网页中图片的链接地址问题 在网页中创建图片链接可以使用图片文件的绝对路径或者相对路径。完整的描述文件位置的路径就是绝对路径。不需要知道其他任何信息就可以根据绝对路径判断出文件的位置,如e:\images\fengjing.jpg,是指e盘下的\images\目录中的一张图片,对于其他盘中则不会有这样的路径。假如在网页中以上述地址链接了该图片,移动该目录后,链接将不再能够正常浏览图片;而相对路径就是指由这个文件所在的路径引起的跟其他文件(或文件夹)的路径关系。使用相对路径可以带来非常多的便利,如\images\fengjing.jpg,该地址是相对路径,假如以该地址在网页中链接图片,当网站发布目录调整了,只要在新的发布目录下有\images\fengjing.jpg存在,链接仍然能够正常浏览该图片。 本题的备选答案中A、B答案的路径均发生了错误,C答案中使用了相对路径,同时路径是正确的,所以答案为C。
问答题 在上图所示的网页上,当用户单击了按钮“提交”后,将会以(2)方式将用户输入的查询数据提交给服务器,并且触发(3)程序的执行,从而完成用户对某类型手机的搜索请求。(2)A.get B.post C.pull(3)A.main.asp B.main_search.asp C.index.asp
【正确答案】正确答案:(2)B (3)B
【答案解析】解析:本问题考查的是表单的应用能力。 <form></form>标志对用来创建一个表单,即定义表单的开始和结束位置,在标志对之间的一切都属于表单的内容。<form>标志具有action、method和target属性。action属性指明处理程序的程序名;method属性用来定义处理程序从表单中获得信息的方式,可取值为get或post。其中,get方式是处理程序从当前htm1文档中获取数据,然而这种方式传送的数据量是有所限制的,一般限制在1KB以下。post方式与get方式相反,它是当前的htm1文档把数据传送给处理程序;传送的数据量要比使用get方式大得多。target属性用来指定目标窗口或目标帧。 从题目提供的程序<form name="form1" method="post" action="main search.asp">可见,表单以post方式提交数据,并将数据提交给main search.asp处理。 由题目提供的图可以看出,该网页提供一个下拉列表框供用户选择手机类型,所以应采用<select></select>标志对创建一个下拉列表框或可以复选的列表框。此标志对用在 <form></form>标志对之间。<select>具有multiple、name和size属性。multiple属性不用赋值,直接加入标志中即可使用,加入了此属性后列表框就成了可多选的了;name是此列表框的名字;size属性用来设置列表的高度,默认值为1,若没有设置(加入)multiple属性,显示的将是一个弹出式的列表框。<option>标志用来指定列表框中的一个选项,它放在<select></select>标志对之间。此标志具有selected和value属性,selected用来指定下拉列表框的默认选项,value属性用来给<option>指定的那个选项赋值,这个值是要传送到服务器上的,服务器正是通过调用<select>区域的名字的value属性来获得该区域选中的数据项的。题目中指出Brand字段下共有两种数据:moto、nokia,分别代表摩托罗拉、诺基亚。所以分别给value属性赋值“moto”、“nokia”。
问答题 请将main.asp中空出的代码填写完整。
【正确答案】正确答案:(1)select (2)moto (3)nokia (4)/select
【答案解析】