(完整版)《JavaScript脚本编程》实验指导书

重庆正大软件职业技术

学院

《网页编程》课实验指

导书

作者：陈欣

时间：2009年

版本：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文件名为test

3.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