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

《【学习】《网页设计与制作》实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》实验指导书 电子商务系编写2014年5月5一、实验说明本实验指导书是根据河南工业大学管理学院《网页设计与制作》课程本科教学大纲，针对电子商务专业学生设计的上机实验指导书。学生在实验前应仔细阅读本上机实验指导书，以辅助课程的理论学习。（一）实验的地位、作用《网页设计与制作》是一门实践性较强的课程，开设实验课有助于学生加深对本课程相关技能的掌握，掌握利用HTML语言编写网页的能力、利用CSS+DIV制作网页的能力、利用JavaScript编写网页动态效果的能力，开设实验课对学习好本课程非常必要。（二）

2、实验开设对象本实验开设对象为学习《网页设计与制作》课程的本科生，实验为必修内容。（三）实验简介《网页设计与制作》课程共包含3个实验共计6学时，为保证学生在每次上机实验中有较充裕的时间，取得较好的实验效果，本实验指导书共设计了3个实验。分别为“HTML语言实验”、“FireWorks和CSS实验”与“JavaScript实验”。（四）指导教师实验由《网页设计与制作》的任课教师负责，实验室人员配合指导。在每次实验前指导教师应讲清实验目的与要求，实验的基本步骤、实验注意事项以及实验报告的具体内容等，并指导学生在规定的时间

3、内完成相应的实验项目。（五）实验设备配置在局域网环境中，每人配置1台电脑，电脑要求安装FireWorks软件。（六）考核与报告1.实验后，学生将实验过程和结果等内容写出实验报告，应符合实验教学的要求，并得到指导教师认可。2.指导教师对每份实验报告进行审阅、评分。3.实验课的成绩记入课程平时成绩。5实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。二、实验课时2学时三、实验内容1、在记事本中利用HTML语言编写如

4、下图所示的表格，注意单元格中文字的对齐方式和背景颜色。2、在记事本中利用HTML语言编写如下图所示的表单，其中，下拉菜单有三项：郑州、洛阳、开封，性别中女为默认值，爱好中足球为默认值。四、实验报告按照实验内容要求进行实验，并将实验的结果（即网页源代码）整理写入实验报告。5实验二：FireWorks和CSS实验一、实验目的1、掌握为给定效果图规划切图方式的能力；2、掌握利用FireWorks切图的能力；3、掌握利用CSS+DIV制作网页的能力。二、实验课时2学时三、实验内容1、找一个网页效果图（用网站主页图，同时设计

5、网站的一级和二级栏目以备实验三使用），规划其切图方式。2、利用FireWorks切图3、利用CSS+DIV制作成网页四、实验报告按照实验内容要求进行实验，并将实验的操作步骤和结果整理写入实验报告。5实验三：JavaScript实验一、实验目的1、掌握利用JavaScript编写网页动态效果的能力；2、掌握在网页中使用JavaScript脚本的两种方法。二、实验课时2课时三、实验内容1、请编写如下图1所示的网页，要求：当在文本框中输入一个整数并单击“计算”按钮时，可以计算该整数的阶乘，并弹出如图2所示的信息窗口显示计

6、算的结果。图1图22、为实验二制作的网页制作下拉菜单，自己设计网站的一二级栏目。3、制作一个注册表单，必须包含手机号码、固定电话号码、身份证号码、5电子邮件，其他内容任意，编写JS脚本对手机号码、固定电话号码、身份证号码、电子邮件等的格式进行验证。四、实验报告按照实验步骤进行实验，并将实验的结果（即网页源代码）整理写入实验报告。5