JavaScript脚本编程试验参考指导书.doc

重庆正大软件职业技术学院

《网页编程》课试验指导书

作者：陈欣
时间：
版本：V1.0

目录
试验名称：html语言基础（一） 3
试验名称：html语言基础（二）：文字编排及美化 4
试验名称：html高级部分（一） 6
试验名称：html高级部分（二） 错误！未定义书签。
试验名称：html高级部分（三）：超链接应用 8
试验名称：dreamweaver8网页制作（一） 11
试验名称：dreamweaver8网页制作（二） 15
试验名称：初识CSS（一） 16
试验名称： CSS（二） 错误！未定义书签。
试验名称： javascript语法（一） 26
试验名称： javascript语法（二） 27
试验名称： javascript语法（三） 29
试验名称： DOM编程（一） 31
试验名称： DOM编程（二） 错误！未定义书签。
试验名称： DOM编程（三） 33

试验名称：html语言基础（一）
试验目标：
掌握使用“记事本”编辑HTML操作；掌握使用IE测试HTML文件操作；掌握HTML构架标签和格式标签使用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签
试验内容（步骤）：
编写本书第2章2.1-2.3中出现全部HTML源文件。
完成下面指定网页特效。
2.1 文件名为test1.html

2.2 文件名为test2.html

2.3 文件名为 姓名+学号后2位.html(如：你叫张三，学号为01则命名为张三01.html)，在网页中输入自己自我介绍，并实现从上到下和从下到上交替移动。注意：格式清楚、美观。
考评内容：此次试验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，不然为不合格
试验名称：html语言基础（二）
试验目标：
掌握格式标签使用和属性设置
掌握列表标签使用方法
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签
试验内容（步骤）：
编写本书第3章3.1-3.2中出现全部HTML源文件。
完成下面指定网页特效。
2.1 文件名为test1.html

2.2 文件名为test2.html

2.3文件名为test3.html

考评内容：此次试验要求学生在2课时时间内完成。完成4道题为优，完成3道以上为良；完成2道题为合格，不然为不合格。

试验名称：html语言基础（三）
试验目标：
掌握文本标签使用
掌握图像标签使用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签
试验内容（步骤）：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
完成以下效果图，命名为test1.html

完成以下效果图，命名为test2.html

完成以下效果图，命名为test3.html

考评内容：此次试验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，不然为不合格。

试验名称：超链接应用
试验目标：
掌握锚点超链接应用
掌握文件超链接使用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：文本标签；超链接标签；图像标签；用户端图像地图
试验内容（步骤）：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
1、 用记事本完成以下效果图，命名为test1.html

2、 用记事本完成以下效果图，利用以下文字做锚点连接，命名为test2.html
文字：
春夜喜雨
好雨知时节，当春乃发生。
随风潜入夜，润物细无声。
春 望
国破山河在，城春草木深。
感时花溅泪，恨别鸟惊心。
烽火连三月，家书抵万金。
白头搔更短，浑欲不胜簪。
春 晓
春眠不觉晓，
四处闻啼鸟。
夜来风雨声，
花落知多少？
静 夜 思
床前明月光，
疑是地上霜。
举头望明月，
低头思家乡。
关山月
明月出天山，沧茫云海间。
长风几万里，吹度玉门关。
汉下白登道，胡窥青海湾。
由来征战地，不见有些人还。
戌客望边色，思归多苦颜。
高楼当此夜，叹息未应闲。

3、 用记事本完成以下效果图，命名为test3.html

4、 用记事本完成以下效果图，命名为test5.html。要求三张图片分别超链接到前三道题网页文档。

5、 思索：锚点链接是否能够建立在不一样网页中。

考评内容：此次试验要求学生在2课时时间内完成。完成4道题为优，完成3道以上为良；完成2道为合格，不然为不合格。

试验名称：dreamweaver使用
试验目标：
了解dreamweaver工具使用
掌握文本格式工具使用
掌握图片和超链接工具使用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：dreamweaver8.0基础操作
试验内容：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
1、用Dreamweaver完成以下效果图，锚点链接效果图以下：命名为rizhi.html

1: 军训感言
军训是大学第一堂课，在这堂课上有严明纪律、有担心、有欢笑... ...火热阳光炙烤着大地和我们身躯，这几天对我来说就像是多个世纪一样难熬，好想为自己找一个逃避理由。
教官教育我们：“想尽一切措施，克服一切困难，完成一切任务，争取一切荣誉。” 我思想开始转变，考入大学并不意味着一劳永逸，人生中有好多关口要过，有好多责任等我们去抗，又有好多义务等我们去尽。大学只是万里长征中第一步，那种“船到码头车到站，兵器入库马放南山”思想对现代大学生成长全部是不建康。
军训不仅仅是对我们身体考验，更多是对我们意志磨练，同时提升我们思想水平和团体精神，“宝剑锋从磨砺出，梅花香自苦寒来”人是在不停磨练中长大，就像一棵小树一样经历风雨后才能变成参天大树，军人气质和钢铁般意志给我很深刻印象，正如一首军歌歌词描写一样：“还硬比钢还强”。在我们军训中我们军人、学生一家人，了解不少军中生活，体会到了军人艰辛，感受到了军人豪迈气概，她们担负着保卫国家重担，苦中乐，教官说：“当兵后悔二年，不妥兵会后悔一辈子” 。军人奉献精神和大公无私深深打动我们每个人，我们新生班主任给我们讲解生活中要注意事项，为我们以后学习生活做准备，教导员老师像大哥哥一样照看着我们。在这里有酸楚泪水，有苦咸汗水，有飘扬歌声，有欢乐笑声，这些就像不灭音符跳动不已，我们是充实，我们是愉快，苦和累已化作美和甜，军训——我们不后悔
军训已过去三天，这三天中我感慨很深。感觉到我比以前坚强多了，总认为自己全身全部是力量，叠被子是我在军训三天中认为最难，因为以前没有叠过被子，叠起来就头大，怎么也叠不好，尽管教官一而再教，可我还是叠不好，使我全部认为我没有喝方面天赋，呵呵，经过不懈努力，我最终还是会叠了，军训中还有很多很多感慨，它们全部会影响我一生。
感谢军训，它教会了我很多以前没学到东西。
2: 大学生活
幸福大学生活开始了,不过好景不常,兴奋和激动过后，我才发觉大学并不是天堂.
期末要面对挂科危险，面对一些人物丑恶嘴脸，毕业后社会凶险，是工作还是考研......大学生越来越不值钱(学士满街走，硕士多如狗，博士才能抖一抖),单调无意义课程，变态一些"叫兽"，还有就是难以打发时间,郁闷成为了大家口头禅----郁闷啊,郁闷.不在动乱中变坏,就在郁闷中变态 .琐碎生活永远是生命专题,我们开始不满现实，成为传说中愤青,为了不让自己内分泌失调,我们把上网当成自己职业,嬉笑怒骂,直抒胸臆,侃侃而谈,换上网络外衣 ,我们就是蜘蛛侠,啥也不"汗".大学二分之一时间我们用在了睡觉上,所以有了"大学万睡万睡万万睡"诗赋:
觉是要睡，梦是要做. 一觉醒来，明天太阳一样温暖！青春万岁！ 大学万睡万睡万万睡!!!
还有一点不得不提就是,大课时代恋情.
大学是恋爱温床，无数懵懂少男少女在这里第一次体会到爱情美妙，不过时代发展了，社会进步了，节奏变快了，无数情侣瞬间完成了由吻关系到性关系然后没关系过程，结束之快，效率之高，遵照比特时代摩尔定律。
......
经过一番折腾，我找到大学真谛，大学就是一个经历，人生是个过程，为何不好好珍爱呢,全部郁闷全部是庸人自扰. 大学生活可能没有我们想像中那么激情澎湃,但却让我们多了一分理智和稳重.它把我们生活浓缩得只有两件事，上课，玩耍。这么生活单纯近乎完美，天天能够一门心思听老师上课,随心所欲地参与多种多样社团活动，随时约上三五个好友聊天，逛街，甚至连考试时节担心，全部能够被我们看成一个愉快,大学本身就已存在了它价值!所以,我们应该主动地活着,好好过每一天才是硬道理!!!
3 :工作体会
从接收湖南日报发行在汝城文明这块区域工作到现在，已经月余时间了，我成绩虽不理想，但经过在工作中学习、思索、探索，我认为我收获亦不少。
一：从工作之初畏首畏尾、犹豫不决，到现在思想上明确了要主动进取、努力突破，这是一个事业心确实立，这是对一项工作担负起责任态度。精神和态度是工作必需原因。没有这么原因，我们对工作谈何热爱、谈何拼搏？工作于人之目标，不仅要谋取生计之所需，亦要激发生命之情义。只有这么，我们才能真正体会到——劳动是愉快；只有这么，我们才能目标向上——劳以养存，理以养性！这份工作让我精神一新了。
二：这份工作远比我现在所为之事有意义、有前景。有意义工作让我开拓和升华。这份工作让我又把工作和学习结合在了一起。工作和学习是人生进取和进步最基础、最实在要素。工作推进学习；学习教导工作。这么，我们才不会有片面工作之累、学习何用之感叹！时光箭去，人生老去，何妨？只要心灵丰富了！我们人生知识、经验，不是天生于我，而是在成长中、在实践中努力学习，勤于思索，细心探索，用心积累而成。
三：这份工作让我对责任有了新认识。责任不应在肩上似泰山之重压，而应在心中如精神之明灯。责任之根，是自发自己之心。责任之立，不应是累你我之身心，而应是你我工作进取之导向。
四：我们谋事，是为求其所成。这是我们做任何一项工作所应有目标。但我们不能有一步登天之妄想。我们必需一步步去做好细节、过程工作，在这个阶段，我们种下去是诚信、务实、勤奋等种子，让它们到大家心中去发芽、去感召。大家口碑，远比我们自我宣传百次、千次有效。
五：我们不能让情绪左右着我们工作方向。在实际工作中，我为我工作进展缓慢怀疑着本身能力，生出退缩之意。“一口吃不出胖子。只要你将此项工作看成了你事业，只要你下定了决心执着干下去，你就会在工作中不停成长，而你成长就会将你工作推向成熟、成就。”我在QQ上和我们袁军军站长哀叹时，袁站长这么劝导着我，激励着我。在《家园》里，我读到了胡元清老师《经验、年轻、精神》：“发行是个极富实践性工作，不是单纯依靠任何理论或言语就能处理。发行工作就是要靠脚扎实地实干精神……”。成绩不是一下子就能突显出来，我们不能为一时得失而怀疑着整条道路。
六：这份工作加深了我对市场认识。商品会饱和于市场，但市场永远接收崭新有意事物。我们不仅要将已经有东西推向市场，我们还要更新、发明，我们才能在市场中立足，发展。我们才能引导人脉主动、主动向我们靠拢。我们不去思索市场，我们只想用我们主观意愿去掌控市场，这是不会太如意。
总而言之，真理早就存在，就看我们什么时候让她清醒。一切困难全部阻挡不了真理普照世间。真理握在了我们手中，我们就会是一个光圈，吸引住大家眼光，打动大家心灵！那时，宽广市场就会展现在我们面前。
2、效果图见下图(也可见效果图.jpg)，命名为index.html。要求：“先来个自我介绍吧”黄色区域采取左右交替移动。在导航栏中我日志链接到上题rizhi.html,在我日志列表中分别链接到日志中三篇文章（提醒：该处链接到rizhi.html锚点处）

考评内容：此次试验要求学生在2课时时间内完成。要求学生必需完成两个页面制作，不然为不合格。

试验名称：表格使用（一）
试验目标：
掌握dreamweaver工具使用
掌握表格基础属性
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：dreamweaver8.0基础操作，dreamweaver8.0表格布局网页
试验内容（步骤）：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
1、效果图见下图(也可见效果图.jpg)，命名为index.html。要求：“先来个自我介绍吧”黄色区域采取左右交替移动。在导航栏中我日志链接到上题rizhi.html,在我日志列表中分别链接到日志中三篇文章（提醒：该处链接到rizhi.html锚点处）

考评内容：此次试验要求学生在2课时时间内完成。完成整个主页面制作为优，若有部分图片不能正常显示为良；只完成表格框架为合格，不然为不合格。
试验名称：表格使用（二）
试验目标：
掌握dreamweaver工具使用
掌握表格综合应用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：dreamweaver8.0基础操作，dreamweaver8.0表格布局网页
试验内容（步骤）：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。

1、效果图见下图(也可见效果图.jpg)。命名为 blog.html

考评内容：此次试验要求学生在2课时时间内完成。完成整个主页面制作为优，若有部分图片不能正常显示为良；只完成表格框架为合格，不然为不合格。
试验名称：框架使用
试验目标：
掌握dreamweaver工具中框架使用
掌握框架应用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：dreamweaver8.0基础操作，dreamweaver8.0表格布局网页
试验内容：
要求：效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
1、 效果图见下图(也可见效果图.jpg)。命名为 index.html

2、在框架网页中完成浮动框架设计，参考以下图：

考评内容：此次试验要求学生在2课时时间内完成。完成整个主页面制作为优，若有部分图片不能正常显示为良；只完成表格框架为合格，不然为不合格。
试验名称：CSS基础（一）
试验目标：
了解CSS作用
掌握4种样式表设置方法
熟习常见样式规则选择器
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容（步骤）：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。

1、 效果图见下图(也可见效果图.jpg)。命名为 index.htmli

考评内容：此次试验要求学生在2课时时间内完成。完成css效果制作为优，完成主页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。

试验名称：CSS基础（二）
试验目标：
掌握样式表边框属性
熟悉样式表中方框属性
课时：4
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容（步骤）：
要求：效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
效果图见下图(也可见效果图.jpg)。命名为 index.html

考评内容：此次试验要求学生在4课时时间内完成。完成css导航效果制作为优，完成主页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。

试验名称：CSS菜单制作
试验目标：
掌握样式表行内元素和块元素含义
利用display属性和超链接属性制作菜单
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容（步骤）：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。

1、 效果图见下图(也可见效果图.jpg)。命名为 menu.html

2、 效果图见下图(也可见效果图.jpg)。

3、 效果图见下图(也可见效果图.jpg)。

考评内容：此次试验要求学生在2课时时间内完成。完成css导航效果制作为优，完成主页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。

试验名称： css应用-表单对象
试验目标：
掌握表单对象使用
利用css属性对表示对象进行美化
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容（步骤）：
要求：效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
1、 效果图见下图(也可见效果图.jpg)。命名为 login.html

2、 效果图见下图(也可见效果图.jpg)。命名为 index.html

考评内容：此次试验要求学生在2课时时间内完成。完成css表单制作为优，完成主页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。
试验名称： css应用-布局（一）
试验目标：
掌握css中定位属性
能够区分相对定位和绝对定位区分
掌握经典121布局法
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。
效果图见下图(也可见效果图.jpg)。命名为 position.html

考评内容：此次试验要求学生在2课时时间内完成。完成css主界面布局效果制作为优，完成主页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。

试验名称： css应用-布局（二）
试验目标：
掌握css中定位属性
能够区分相对定位和绝对定位区分
掌握经典131布局法
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。

4、 效果图见下图(也可见效果图.jpg)。命名为 position.html

5、 效果图见下图(也可见效果图.jpg)。命名为 index.html

考评内容：此次试验要求学生在2课时时间内完成。完成2个css131布局效果制作为优，完成第一个页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。

试验名称：css应用-综合练习
试验目标：
熟练掌握css样式生成器
学会将css文件保留在独立文件中
熟练掌握css多种属性
课时：4
试验环境：pc一台，dreamweaver8.0
预备知识：css基础操作
试验内容：
要求：
效果图中所包含到均放在图片在（学号后4位+image）文件夹中，要求所以html文档全部必需放在文件夹为html中。所需要图片可在老师提供images文件夹中查找。

6、 效果图见下图(也可见效果图.jpg)。命名为 blog_css.html

考评内容：此次试验要求学生在4课时时间内完成。完成2个css131布局效果制作为优，完成第一个页面制作为良；只完成基础布局且有图片能正常显示为合格，不然为不合格。

试验名称： javascript语法基础
试验目标：
掌握javascript变量定义和使用
掌握javascript数据类型相互转换
掌握javascript三种消息框使用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识：编写javascript脚本代码3个位置；简单javascript程序；
试验内容：每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题命名为65zhangsan01.html.若采取独立js文件则命名为65zhangsan01.js
1、 申明变量x，依次发赋给x数值型、字符型和布尔型数据，输出x显示结果。
2、 申明两个变量x和y，将x给予整数型数值，将x加上46后将值赋给y，输出表示式x+y结果。
3、 申明三个变量x、y和z，使x等于字符串hello，使y等于数值，当x+y等于hello且x不等于y时候，z等于welcome to china！，不然等于we are still waiting！
4、 使用去确定对话框提问“你是否来过重庆？”，假如点击“确定”，用警告对话框输出“你也认为重庆很漂亮吧！”；假如点击“取消”，用警告对话框输出“欢迎你到重庆来旅游！”，
5、 经过提醒消息框输入任意一个整数xxx，当输入是奇数时，向页面输出“你输入数字xxx是奇数！”；当输入是偶数时，向页面输出“你输入数字xxx是偶数！”；不然输出“你输入不满足要求！”
6、 经过体提醒消息框输入任意一个整数xxx，求该整数阶乘，并将结果经过警告对话框显示出来。提醒：对输入数要进行判定。（可参考javascript完全手册中函数parseInt）
思索题：
在文本框分别输入两个数，实现两个数+、-、*、/运算，点击“=按钮将”结果显示在文本框中。界面设计可参考下图。注意对文本框输入数据是否是数字要进行判定。

考评内容：此次试验要求学生在2课时时间内完成。完成6道题为优，完成4道以上为良；完成3道题为合格，不然为不合格。

试验名称： javascript对象和事件
试验目标：
学会使用常见内部函数
掌握函数创建和使用
学会自定义对象创建
课时：4
试验环境：pc一台，dreamweaver8.0
预备知识： javascript函数定义和使用；javascript对象定义和使用
试验内容（步骤）：
1、在文本框输入任意一个整数，求该整数阶乘。经过按钮单击事件，并将结果显示在结果文本框中。

2、在前两个文本框内容改变时候对输入进行判定，在最终一个文本框取得光标时候得到计算结果。

3、对导航条动态改变背景和字体。默认情况下是红底白字，鼠标移动时变成绿底黄字效果图以下：（要求采取js方法）

4、在文本框分别输入两个数，实现两个数+、-、*、/运算，点击“=按钮将”结果显示在文本框中。界面设计可参考下图。注意对文本框输入数据是否是数字要进行判定。

考评内容：此次试验要求学生在4课时时间内完成。完成4道题为优，完成3道以上为良；完成2道题为合格，不然为不合格。

试验名称： javascript内置对象（string）
试验目标：
掌握内部对象String方法应用
试验环境：pc一台，dreamweaver8.0
预备知识： javascript函数定义和使用；javascript对象定义和使用
试验内容（步骤）：
每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题命名为65zhangsan01.html.若采取独立js文件则命名为65zhangsan01.js
1、判定用户名和密码文本框不能为空，同时要求密码在4到8位之间。

2、把文本框中前后空格去掉，并把去掉后字符经过警告对话框显示出来。参考以下：

3、要求文本框中只能输入字母，参考以下：

思索题：
完成用户注册。要求：用户名不能为空且只能是字母，学号不能是空只能是数字，密码不能包含以下字符“？#@%”.单击“注册“按钮，若不符合要求给出对应错误提醒，假如符合要求则提醒”注册成功“

考评内容：此次试验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，不然为不合格。

试验名称： js中表单对象
试验目标：
掌握内部对象String常见方法
掌握表单对象和string对象应用
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识： DOM和DHTML介绍；怎样编写事件处理程序；window对象方法；window对象属性；window对象事件；window对象对象属性
试验内容：每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题命名为65zhangsan01.html.若采取独立js文件则命名为65zhangsan01.js
1、要求文本框中只能输入数字，参考以下：

2、完成用户注册。要求：用户名不能为空且只能是字母，学号不能是空只能是数字，密码不能包含以下字符“？#@%”.单击“注册“按钮，若不符合要求给出对应错误提醒，假如符合要求则提醒”注册成功“

考评内容：此次试验要求学生在2课时时间内完成。完成3个验证要求为优，完成2个验证要求为合格，不然为不合格。
试验名称： javascript内置对象（Date）
试验目标：
掌握内部对象Date应用
了解定时器函数使用
了解innerText和innerHTML区分
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识： Document对象和body对象
试验内容（步骤）：
每小题命名规则为：学号后2位+name+题号。如：张三学号65，则第一题命名为65zhangsan01.html.若采取独立js文件则命名为65zhangsan01.js
试验内容：
1、 在网页上显示目前日期和时间，显示格式以下：

2、 网页文本框中显示时钟，显示格式以下：

3、 在网页上显示目前日期和时钟，显示格式以下：

考评内容：此次试验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，不然为不合格。

试验名称： window对象
试验目标：掌握form对象；掌握form表单字段元素对象；form对象方法；form对象属性；form对象事件；form对象对象属性；form表单字段元素对象方法；form表单字段元素对象属性；form表单字段元素对象事件；form表单字段元素对象多个应用例子
课时：2
试验环境：pc一台，dreamweaver8.0
预备知识： form对象及其元素对象属性和方法。
试验内容（步骤）：
使用Dreamweaver8.0中框架设计页面，制作一个简单企业首页主页面，效果参考下图
主页面

点击企业介绍后切换页面

点击集团领导后链接页面

考评内容：此次试验要求学生在2课时时间内完成。全部页面制作完整且图片完全显示为优，只完成主页面为合格，图片不能正常显示为不合格。