1、- 1 -吉林建筑大学2015/2016 学年一学期期末考试 (A 卷)科目：Web 开发技术 考试班级:计算机 12、软件 12 考试方式：半开卷 命题人签字： 教研室主任签字： 教学院长签字：一、简答 (每题 4 分，计 24 分)1. 客户端技术主要包括哪几方面？ 2. 解读如下URL：http:/ 万维网Web架构的三处技术精华是什么？4. 这是XML文档的序言部分，请解释其中各部分含义？5. 简述HTML和XML的异同？6. CSS中，代码“#allmargin: 0 auto; ”，起什么作用？其中 “all”是某个DIV的id。二、读程序回答问题之一(计 25 分)1. (每空
2、2分，计 4分)（1） this.value 代表哪个对象的值？ 【 】（2） this.form.pwd1.value 如何解释？【 】2. (每空 3分，计 3分)如下 CSS代码，其中“logoLink ”是一个DIV 的ID，请解读最后3 行？【】#logoLinkdisplay:block;width:320px;height:81px;background:url(./img/7-2.gif) no-repeat;position:absolute; /* */top:20px;left:0; 3. (每空 3分，计 9分)function getInnertext() alert
3、(document.getElementById(“td1“).innerText);function setInnertext() str1=document.getElementById(“td1“).innerText;document.getElementById(“td11“).innerText=str1;第一格内容第二格内容FirstnameLastnamePeterGriffin- 2 -inerText内容（1）第一个按钮方法点击后，执行完的结果是？【 】（2）第二个按钮方法执行完的结果是？【 】（3）超链接的作用是？【 】4. (每空 3分，计 9分)Div+CSS的网页布
4、局（ IE6不支持，请在火狐等演示）* margin:0px;padding:0px;#top,#nav,#mid,#footerwidth:500px;margin:0px auto;#topheight:80px;background-color:#DFDFDF;#navheight:25px;background-color:#FFFFCC;#midheight:300px;#leftwidth:98px;height:298px;border:1px solid #999;float:left;background-color:#CCCCCC;#rightheight:298px;ba
5、ckground-color:#CCCCCC;.contentwidth:190px;height:198px;background-color:#FF0000;border:1px solid #999;float:left;#abackground-color:#f60;float:left;#bbackground-color:#FFCC99;float:right;#cwidth:398px;height:98px; background-color:#FFCCCC;#footerheight:80px;background-color:#E4E4E4;顶部广告区 导航区 文章列表区内
6、容A内容B内容C- 3 -底部版权区（1） 本段代码实现效果如图，请解释一下，代码中哪部分？如何实现了“内容A”和“内容B”的这种并排显示的效果？【 】（2） 这种方法实现排版的好处是什么？【 】（3） 这句“#left border:1px solid #999; ”代码如何解释？【 】三、读程序回答问题之二(计 21 分)1. （每空3分 计9 分）解读下面 xsl文档代码，在【】里对对应的代码行加注释使用xsl:node-name 输出标记名称 2. （每空4分，计 8分）代码如下，运行，显示左图；当鼠标移到“贡献度”标签上时，显示右图， ，请详细解读代码，回答（1）找出哪些代码实现了这
7、种“显示隐藏”效果？【 】 （2）如何实现的？【 】交互式标签式表格.label-normalbackground-image:url(images/labelbgselect.gif);cursor:hand;font-size:13px;color:#000000;text-align:center.label-selectbackground-image:url(images/labelbgnormal.gif);cursor:hand;font-size:13px;color:#FF0000;- 4 -font-weight:bold;text-align:centerfunction
8、 selCard(n)for(i=0;i排行榜贡献度其他教育部“十二五”本科教学工程全校核心通识课程建设项目公布GSL5.0系统上线预告GSL过程管理问题答疑3. (4分)下面是一个内部DTD的XML文档，请解释其中 “!ENTITY”及用法【 】- 5 -jane,四、编程题与计算一(计 14 分)1. (7分)交换图像。同级目录下有文件夹“images” ，里面有图片“tu.jpg” 、 “tu1.jpg”和“tu2.jpg” 。实现，表格居中，2列，左侧2 个格，右侧 1个格，右侧格内原有图片“tu.jpg” ，当鼠标在图片上时，图片变为“tu1.jpg” ，当鼠标离开时，图片变为“tu
9、2.jpg ”。2. (7分)设计一个表单，简单前台验证。1 个文本框，其中输入邮件地址，若输入的地址中不含“” ，当输入结束离开文本框时，弹出警示框，说， “您的E-mail地址不合法，请重新输入！”若包含“” ，则弹出警示框“验证成功！”五、编程题与计算二(计 16 分)3. (8分)设计一个课堂随机提问的页面：提示输入班级人数，一个文本框可输入人数；一个显示“随机提问”的按钮，点击按钮，弹出警示框，其上显示“请XX号同学回答问题！” ，其中“XX ”为随机生成的，范围在前面文本框中输入数字范围内的数字。4. （8分）有如下 XML数据，请建立相应的 DTD文档。 全卷完 注：要求试卷统一用 b4 纸竖版打印。 2015 年 12 月 10 日
