【学习】《网页设计与制作》实验指导书

《网页设计与制作》实验指导书

电子商务系编写

2014年5月

一、实验说明

本实验指导书是根据河南工业大学管理学院《网页设计与制作》课程本科教学大纲，针对电子商务专业学生设计的上机实验指导书。学生在实验前应仔细阅读本上机实验指导书，以辅助课程的理论学习。

（一）实验的地位、作用

《网页设计与制作》是一门实践性较强的课程，开设实验课有助于学生加深对本课程相关技能的掌握，掌握利用HTML语言编写网页的能力、利用CSS+DIV 制作网页的能力、利用JavaScript编写网页动态效果的能力，开设实验课对学习好本课程非常必要。

（二）实验开设对象

本实验开设对象为学习《网页设计与制作》课程的本科生，实验为必修内容。

（三）实验简介

《网页设计与制作》课程共包含3个实验共计6学时，为保证学生在每次上机实验中有较充裕的时间，取得较好的实验效果，本实验指导书共设计了3个实验。分别为“HTML语言实验”、“FireWorks和CSS实验”与“JavaScript实验”。

（四）指导教师

实验由《网页设计与制作》的任课教师负责，实验室人员配合指导。在每次实验前指导教师应讲清实验目的与要求，实验的基本步骤、实验注意事项以及实验报告的具体内容等，并指导学生在规定的时间内完成相应的实验项目。

（五）实验设备配置

在局域网环境中，每人配置1台电脑，电脑要求安装FireWorks软件。

（六）考核与报告

1.实验后，学生将实验过程和结果等内容写出实验报告，应符合实验教学的要求，并得到指导教师认可。

2.指导教师对每份实验报告进行审阅、评分。

3.实验课的成绩记入课程平时成绩。

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力；

2、掌握利用HTML语言编写表格的能力；

3、掌握利用HTML语言编写表单的能力。

二、实验课时

2学时

三、实验内容

1、在记事本中利用HTML语言编写如下图所示的表格，注意单元格中文字的对齐方式和背景颜色。

2、在记事本中利用HTML语言编写如下图所示的表单，其中，下拉菜单有三项：郑州、洛阳、开封，性别中女为默认值，爱好中足球为默认值。

四、实验报告

按照实验内容要求进行实验，并将实验的结果（即网页源代码）整理写入实验报告。

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力；

2、掌握利用FireWorks切图的能力；

3、掌握利用CSS+DIV制作网页的能力。

二、实验课时

2学时

三、实验内容

1、找一个网页效果图（用网站主页图，同时设计网站的一级和二级栏目以备实验三使用），规划其切图方式。

2、利用FireWorks切图

3、利用CSS+DIV制作成网页

四、实验报告

按照实验内容要求进行实验，并将实验的操作步骤和结果整理写入实验报告。

实验三：JavaScript实验

一、实验目的

1、掌握利用JavaScript编写网页动态效果的能力；

2、掌握在网页中使用JavaScript脚本的两种方法。

二、实验课时

2课时

三、实验内容

1、请编写如下图1所示的网页，要求：当在文本框中输入一个整数并单击“计算”按钮时，可以计算该整数的阶乘，并弹出如图2所示的信息窗口显示计算的结果。

图1

图2

2、为实验二制作的网页制作下拉菜单，自己设计网站的一二级栏目。

3、制作一个注册表单，必须包含手机号码、固定电话号码、身份证号码、

电子邮件，其他内容任意，编写JS脚本对手机号码、固定电话号码、身份证号码、电子邮件等的格式进行验证。

四、实验报告

按照实验步骤进行实验，并将实验的结果（即网页源代码）整理写入实验报告。