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

《网页设计与制作》 实验指导书 ? 电子商务系编写 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语言编写表单的能力。 实验二：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脚本对手机号码、固定电话号码、身份证号码、电子邮件等的格式进行验证。 四、实验报告 按照实验步骤进行实验，并将实验的结果（即网页源代码）整理写入实验报告。 days of Drudge, illness increased, he Chong soon Fatt said: it seems that Im not dead to Japan soldiers tortured to death, and it certainly can not go home alive, even with small Japan fight and get it over, if you have the opportunity to get away. When shipping via Shun Tang Qiao, when river water needs, siazhen hard to pull the boat oars, and urgent steps on the ships rail, a small wooden boat overturned on the spot, the ship upside down, ship arms into the river bottom, brought the ship 2 Japan failed to come out of the water, and siazhen were also sacrificed. 1 Zhang Shun in the l