《JavaScript脚本编程》实验指导书.doc

《《JavaScript脚本编程》实验指导书.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、重庆正大软件职业技术学院《网页编程》课实验指导书作者：陈欣时间：2009年版本：V1.0目录实验名称：html语言基础（一）3实验名称：html语言基础（二）：文字编排及美化4实验名称：html高级部分（一）6实验名称：html高级部分（二）错误！未定义书签。实验名称：html高级部分（三）：超链接应用8实验名称：dreamweaver8网页制作（一）11实验名称：dreamweaver8网页制作（二）15实验名称：初识CSS（一）16实验名称：CSS（二）错误！未定义书签。实验名称：javascript语法（一）26实验名称：javascript语法（二）27实验名称：ja

2、vascript语法（三）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.html2.2文件名为test2.htm

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

4、ML源文件。完成下面指定的网页特效。2.1文件名为test1.html2.2文件名为test2.html2.3文件名为test3.html考核内容：本次实验要求学生在2课时时间内完成。完成4道题为优，完成3道以上为良；完成2道题为合格，否则为不合格。实验名称：html语言基础（三）实验目的：掌握文本标签的使用掌握图像标签的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签实验内容（步骤）：要求：效果图中所涉及到的均放在图片在（学号后4位+image）文件夹中，要求所以的html文档都必须放在

5、文件夹为html中。所需要的图片可在教师提供的images文件夹中查找。完成以下效果图，命名为test1.html完成以下效果图，命名为test2.html完成以下效果图，命名为test3.html考核内容：本次实验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，否则为不合格。实验名称：超链接应用实验目的：掌握锚点超链接应用掌握文件超链接的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：文本标签；超链接标签；图像标签；客户端图像地图实验内容（步骤）：要求：效果图中所涉及到的均放在图片在（学号后4位+image）文件夹中，要

6、求所以的html文档都必须放在文件夹为html中。所需要的图片可在教师提供的images文件夹中查找。1、用记事本完成以下效果图，命名为test1.html1、用记事本完成以下效果图，利用以下文字做锚点连接，命名为test2.html文字：春夜喜雨好雨知时节，当春乃发生。随风潜入夜，润物细无声。春望国破山河在，城春草木深。感时花溅泪，恨别鸟惊心。烽火连三月，家书抵万金。白头搔更短，浑欲不胜簪。春晓春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少？静夜思床前明月光，疑是地上霜。举头望明月，低头思故乡。关山月明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由

7、来征战地，不见有人还。戌客望边色，思归多苦颜。高楼当此夜，叹息未应闲。1、用记事本完成以下效果图，命名为test3.html2、用记事本完成以下效果图，命名为test5.html。要求三张图片分别超链接到前三道题的网页文档。1、思考：锚点链接是否可以建立在不同的网页中。考核内容：本次实验要求学生在2课时时间内完成。完成4道题为优，完成3道以上为良；完成2道为合格，否则为不合格。实验名称：dreamweaver使用实验目的：了解dreamweaver工具的使用掌握文本格式工具的使用掌握图片和超链接工具的使