《学习网页设计与制作实验指导书.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脚本对手机号码、固定电话号码、身份证号码、电子邮件等的格式进行验证。 四、实验报告 按照实验步骤进行实验，并将实验的结果（即网页源代码）整理写入实验报告。 5