Web开发技术试题(A)(计算机及软件12级)

吉林建筑大学2015/2016学年一学期期末考试 (A卷)科目：Web开发技术 考试班级:计算机12、软件12 考试方式：半开卷 命题人签字： 教研室主任签字： 教学院长签字：一、 简答 (每题4分，计24分)1. 客户端技术主要包括哪几方面？ 2. 解读如下URL：/newjliae/stylenew111.htm3. 万维网Web架构的三处技术精华是什么？4. 这是XML文档的序言部分，请解释其中各部分含义？5. 简述HTML和XML的异同？6. CSS中，代码“#allmargin: 0 auto; ”，起什么作用？其中“all”是某个DIV的id。二、 读程序回答问题之一(计25分)1. (每空2分，计4分) （1） this.value 代表哪个对象的值？【 】（2） this.form.pwd1.value 如何解释？【 】2. (每空3分，计3分)如下CSS代码，其中“logoLink”是一个DIV的ID，请解读最后3行？【】#logoLink display: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(document.getElementById(td1).innerText); function setInnertext() str1=document.getElementById(td1).innerText; document.getElementById(td11).innerText=str1; 第一格内容第二格内容 FirstnameLastname PeterGriffin inerText内容（1）第一个按钮方法点击后，执行完的结果是？【 】（2）第二个按钮方法执行完的结果是？【 】（3）超链接的作用是？【 】4. (每空3分，计9分) Div+CSS的网页布局（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; background-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; 顶部广告区 导航区 文章列表区 内容A 内容B 内容C 底部版权区（1） 本段代码实现效果如图，请解释一下，代码中哪部分？如何实现了“内容A”和“内容B”的这种并排显示的效果？【 】（2） 这种方法实现排版的好处是什么？【 】（3） 这句“#left border:1px solid #999; ”代码如何解释？【 】三、 读程序回答问题之二(计21分)1. （每空3分 计9分）解读下面xsl文档代码，在【】里对对应的代码行加注释 使用xsl:node-name输出标记名称 2. （每空4分，计8分）代码如下，运行，显示左图；当鼠标移到“贡献度”标签上时，显示右图， ，请详细解读代码，回答（1）找出哪些代码实现了这种“显示隐藏”效果？【 】 （2）如何实现的？【 】 交互式标签式表格 .label-normal background-image:url(images/labelbgselect.gif);cursor:hand;font-size:13px;color:#000000;text-align:center .label-select background-image:url(images/labelbgnormal.gif);cursor:hand;font-size:13px;color:#FF0000;font-weight:bold;text-align:center function selCard(n) for(i=0;ilabeltable.cells.length;i+) labeltable.cellsi.className=label-normal; labeltable.cellsn.className=label-select; /显示tbodyfor(i=0;itable1.tBodies.length;i+) table1.tBodiesi.style.display=none; table1.tBodiesn.style.display=block; 排行榜 贡献度 其他 教育部“十二五”本科教学工程 全校核心通识课程建设项目公布 GSL5.0系统上线预告 GSL过程管理问题答疑 3. (4分)下面是一个内部DTD的XML文档，请解释其中“!ENTITY”及用法【 】!DOCTYPE messagejane,&hi;,&ans; 四、 编程题与计算一(计14分)1. (7分)交换图像。同级目录下有文件夹“images”，里面有图片“tu.jpg”、“tu1.jpg”和“tu2.jpg”。实现，表格居中，2列，左侧2个格，右侧1个格，右侧格内原有图片“tu.jpg”，当鼠标在图片上时，图片变为“tu1.jpg”，当鼠标离开时，图片变为“tu2.jpg”。2. (7分)设计一个表单，简单前台验证。1个文本框，其中输入邮件地址，若输入的地址中不含“”，当输入结束离开文本框时，弹出警示框，说，“您的E-mail地址不合法，请重新输入！”若包含“”，则弹出警示框“验证成功！”五、 编程题与计算二(计16分)3. (8分)设计一个课堂随机提问的页面：提示输入班级人数，一个文本框