自考《网页设计与制作》章节习题：第8章_第2页

　　3.简答题：

　　(1) 插入表单可使用哪些方法?

　　使用菜单：“插入”|“表单对象”命令插入表单

　　使用面板：“插入面板”|“表单”面板

　　(2) 在Dreamweaver MX中，主要包括那几类表单对象?

　　文本字段、隐藏域、文本区域、复选框、单选按钮、单选按钮组、列表/菜单

　　(3) 简述行为的概念及其特点。

　　将 JavaScript 代码放置在文档中以允许访问者与 Web 页进行交互，从而以多种方式更改页或引起某些任务的执行。行为是事件和由该事件触发的动作的组合。

　　(4) 简述什么是事件。

　　所谓事件是指访问网页的用户在网页中所进行的操作，如鼠标单击，双击等;通过响应事件而产生的某个响应或操作就是行为。

　　4.操作题：

　　(1) 利用Dreamweaver MX提供的META制作横向棋盘式的网页过渡效果。

　　(2) 利用层和时间轴制作移动的层效果，要求在移动层上添加链接“http://www.yyszx.com”。

　　(3) 制作一个鼠标单击的弹出消息框，消息框内容为：“禁止鼠标单击”。

　　(4) 当网页关闭时，弹出一个小窗口，要求窗口包括导航工具栏、菜单条、调整大小手柄选项。

　　(5) 制作导航下拉菜单如下图所示。

　　(6) 制作上下移动的文字效果，在与之间插入如下代码：

　<script language="JavaScript">

done = 0;

step = 4

注释：定义变量,并赋初值。

function anim(yp,yk)

{

注释：定义一个函数anim()，并带yp,yk两个参数。

    if(document.layers) document.layers["napis"].top=yp;

    else  document.all["napis"].style.top=yp;

注释：分两种浏览器定义层的高度为yp的值。

    if(yp>yk) step = -4

    if(yp<60) step = 4

注释：分情况讨论step的值。

    setTimeout('anim('+(yp+step)+','+yk+')', 35);

注释：设置定时。

}

function start()

{

    if(done) return

    done = 1;

    if(navigator.appName=="Netscape")

{

        document.napis.left=innerWidth/2 - 145;

        anim(60,innerHeight - 60)

        }

    else

{

       napis.style.left=10;

       anim(60,document.body.offsetHeight - 60)

      }

}

注释：定义一个函数，调整层的位置。

</script>

      </p>

      <div id="napis" style="position: absolute;top: -50;">

        <p><a href="http://www.hongen.com"> 学一技之长而来带一技之长而去</a> </p>

      </div>

注释：设置层。

<script language="JavaScript">

<!--

  setTimeout('start()',10);

注释：每10毫秒，调用一次start()函数。

//-->

</script>

　　(7) 制作如图所示的表单。