web前端开发技术储久良第三版答案整理(下:附录模拟试卷)

web前端开发技术储久良第三版答案整理(下:附录模拟试卷)_诗和远方_弈心博客

web前端开发技术储久良第三版答案整理(中:10-17章)_诗和远方_弈心博客

web前端开发技术储久良第三版答案整理(上:1-9章)_诗和远方_弈心博客

第3版-附录A_模拟试卷1_参考答案

附录A 模拟试卷参考答案
一、选择题(每题1分,共30分)

题号12345678910
答案ADBBDCDADD
题号11121314151617181920
答案DCCCCDACBB
题号21222324252627282930
答案ABBDBCDAAD

二、填空题(每空1分,共20分)
(1) 单 (2) 双
(3) © (4) face
(5) size (6) _blank
(7) <caption>课程成绩表</caption> (8) body|主体
(9) button (10) . (点)
(11) # (12) var today=new Date();
(13) 0-100 (14) 内部样式表
(15) 导入样式表 (16) 链入样式表
(17) <embed></embed> (18) rowspan
(19) src (20) circle
三、看图填充程序(每空2分,共36分)
(1) 欢迎学习Web客户端编程 (2) alert("Web客户端编程很好学!");
(3) <h3>web前端开发技术</h3> (4)<hr size="3" color="red" align="center">
(5) <h4>1.HTML</h4> (6) <h5>2.CSS</h5>
(7) background:#99ff99 (8) 2px double #ff3333
(9) font-size:24px (10) <dl>
(11) <dt>软件工程</dt> (12) color:white
(13) font-weight:bold (14) i<=7|i<8
(15) number[i]="0"+number[i] (16)document.getElementById(num)
(17) readonly (18)selectnumber('number1')
(19) list (20)placeholder
(21) datalist,datalist (22)id
(23) <mark></mark>
四、编程题(每题6分,共12分)(超出页面转反面)

1.表格编程

<html>
 <head>
  <title> 教材表 </title>
  <style type="text/css">
    td{text-align:center;font-weight:bold;}       /* (1分)*/
  </style>
 </head>
 <body>
    <table border="1" align="center" width="400px" bordercolor="black">  <!-- (1分) -->
        <caption>教材表</caption>     <!-- (1分) -->    
    <tr>                  <!-- (1分) -->
        <td>序号</td>
        <td>教材名称</td>
        <td>数量(本)</td>
    </tr>
    <tr>          <!-- (1分) -->
        <td>1</td>
        <td>软件工程</td>
        <td>64</td>
    </tr>
    <tr>           <!-- (1分) -->
        <td>2</td>
        <td>数据结构</td>
        <td>54</td>
    </tr>
        <tr>
        <td colspan="2">合计</td>            <!-- (1分) --> 
        <td>118</td>
    </tr>
    </table>
 </body>
</html> 

2.JavaScript编程

<html>
 <head>
  <title>找出1000以内的平方数,并计算累加和</title>
 </head>
 <body>
   <h4>找出1000以内的平方数,并计算累加和</h4>    (0.5分)
   <script type="text/javascript">       
     document.write(    "1000以内的平方数有:<br>");     (0.5分)
       for (var i=1,j=0,sum=0;i<=1000 ;i++ )     (1分)
        {  
           if (parseInt(Math.sqrt(i))*parseInt(Math.sqrt(i))==i) {(1分)
               sum=sum+i;    (1分)
             j++;    (0.5分)    
            document.write(i+"&nbsp;&nbsp;");    (0.5分)
            if (j%10==0) { document.write("<br>");}    (0.5分)
           }                         
        }        
    document.write("<br>1000以内的平方数有"+j+",其累加和为"+sum); (0.5分)
   </script>
 </body>
</html>

五、问答题
1.举例说明HTML5文档组成结构。(5分)
答:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">          
        <title>HTML5文档结构</title>
    </head>
    <body>
        <header>                  (1分)
           <nav>...</nav>        (1分)
</header>
        <article>    (1分)
          <section>...</section>
        </article>
        <aside>...</aside>   (1分)
        <footer>...</footer>   (1分)
    </body>
</html>

2.写出HTML、CSS、JavaScript三大部分程序注释的方法。(4分)
答:(1)HTML中注释方法有两种:<!--注释1--><comment>程序注释2</comment>(1.5分);
(2)CSS中注释可以用“/* 这是样式表注释 */” (1分);
(3)JavaScript中可以用三种:单行注解//;多行注释/* 这是多行注释 */(1.5分);
3.JavaScript关于标记符命名规定是什么?(3分)
答:JavaScript关于标识符的规定有:
(1)必须使用字母或者下划线开始(0.5分);
(2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符(1分);
(3)不能使用JavaScript关键词与JavaScript保留字(0.5分);
(4)不能使用JavaScript语言内部的单词,比如Infinity,NaN,undefined(0.5分);
(5)大小写敏感,也就是说x和X是不一样的两个标识符(0.5分)。

第3版-附录B_模拟试卷2_参考答案

附录 模拟试卷2参考答案

一、选择题(每题1分,共30分)

题号12345678910
答案DCBAABCDAD
题号11121314151617181920
答案BDCABDCABD
题号21222324252627282930
答案CCADCBBCAD

二、填空题(每空1分,共20分)
(1) <head> (2) <body>
(3) sum+=1/(2*n-1) (4) face|size
(5) size | face (6) 5
(7) 外部链接 (8) <caption> </caption>
(9) file (10) 属性
(11) [属性]值 (12) join(“-”)
(13) 十六进制 (14) 标记样式
(15) 类样式 (16) id样式
(17) 4 (18) #
(19) -300 (20) 2014
三、看图填充程序(每空2分,共36分)
(1) align="center" (2)     
(3) font-size:28px (4) margin:0 auto
(5) name="rigtiframe" (6) target
(7) middle (8) font-weight
(9) bordercolor (10) align="center"
(11) colspan="3" (12) class="red"
(13) src="sum_factorial.js" (14) readonly
(15) type="button" (16) sum=sum+result |sum+=result
(17) compute_sum(n) (18) sum
(19) transform:scale (20) transform:skew
(21) transform:matrix (22) vertical-align:top
(23) id="div3"

注:属性或属性值单词写错的必须扣分,但如果赋值语句中属性名或属性值写对适当给分,最多给本题分数的一半。

四、编程题(每题6分,共12分)(超出页面转反面)
1.表单编程(6分)。

<html>
 <head>
  <title> Web前端开发技术教学反馈 </title>       (0.5分)
 </head>
 <body>   
        <h3>Web前端开发技术教学反馈 </h3>     (0.5分)
        <form method="post" action="">           (1分)
         学号:<input type="text" maxlength=10 name=""> (0.5分)
         姓名:<input type="text" name="" maxlength =8> (0.5分)
         性别:<input type="radio" name="man">男
<input type="radio" name="man">女<br>      (1分)
         教学反馈意见:<br>
<textarea name="" rows="4" cols="60">请输入意见</textarea><br>     (1分)
            &nbsp;&nbsp;<input type="submit" value="提交">&nbsp;&nbsp;<input type="reset">                (1分)
       </form>     
 </body>
</html>

评分参考:单选择钮type属性值赋值错误适当扣分;文本域标记使用错误扣1分;其它参照评分标准适当计扣。
2.JavaScript编程

<html>
 <head>
  <title> 计算所有能被17整除的3位整数的和 </title>(0.5分)
  <script type="text/javascript">
      function sum3(){                     (1分)
       var i=100,sum=0;     (0.5分)
       document.write("满足条件的3位整数有:<br>");        (0.5分)
       do  {   (0.5分)
          if (i%17==0) {sum=sum+i;document.write(i+"  ");}   (1分)
             i++;           (0.5分) 
       }while (i<=999);   (0.5分)
       return sum;   (0.5分)
    }
    </script>
  </head>
 <body>
   <h4>计算所有能被17整除的3位整数的和</h4>
   <script type="text/javascript">
         document.write("<br>所有能被17整除的3位整数的和="+sum3());    (0.5分)         
   </script>
 </body>
</html>评分参考:如果用其它循环也能得到同样的结果可以适当给分;JS函数结构正确可以适当给1分,如果函数体语句主体结构正确,也可以适当给分,如果只能写出HTML部分代码最多给1分。

五、问答题(12分)
1.简述有序列表的定义语法,并说明有序列表的编号有几种,分别是什么?(5分)
答:

<ol type="1" start="3">       (结构1分,2个属性1分)
           <li>Java程序设计</li>               
<li type="A" value="7"> Web程序设计</li>    (2个属性1分)
      <li> Java程序设计指导书</li>  
</ol>

编号有5种,分别为:1、a、A、i、I。 (2分)
评分参考:有序列表结构未写全的扣1分,编号的种类每写对一个计0.5分。
2.举例说明CSS中边界margin多种定义的方法。(4分)
如:div{margin: ;}
答:(1)div{margin:10px; } 1个值表示4个边界全部相同; (1分)
(2)div{margin:10px 20px; } 2个值表示第1个为上下边界10px(相同),第2个值表示左右边界20px(相同);(1分)
(3)div{margin:10px 10px 20px ; }3个值:第1个表示上边界10px,第2个表示左右边界10px,第3个表示下边界20px; (1分)
(4)div{margin:10px 20px 30px 40px; }4个值分别表示上、右、下、左边界。 (1分)

评分参考:四种定义每少一种扣1分,每写一种计1分。

3.举例说明window对象中常用的消息框函数。(3分)
答:window对象常用的消息框函数有点3个:
(1)alert(“告警信息!”); (1分)
(2)confirm(“确认吗?”) (1分)
(3)prompt(“提示信息”,默认值) (1分)

评分参考:函数名称每写对一个得1分,如果全是汉字写的函数名称最多1分。

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!