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

本文格式为Word版，下载可任意编辑——《网页设计与制作》试验指导书

《网页设计与制作》

试验指导书

电子商务系编写2023年4月

一、试验说明

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

（一）试验的地位、作用

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

（二）试验开设对象

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

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

（四）指导教师

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

（五）试验设备配置

在局域网环境中，每人配置1台电脑，电脑要求安装FireWorks软件。（六）考核与报告

试验课成绩按百分制记录考试成绩，学生的试验成绩按试验课的目的要求，以实际试验工作能力的强弱作为评定成绩的主要依据。

1

试验一：HTML语言试验

一、试验目的

1、把握利用HTML语言编写网页的能力；2、把握利用HTML语言编写表格的能力；3、把握利用HTML语言编写表单的能力。二、试验课时

2学时三、试验内容

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

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

四、试验报告

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

2

试验二：FireWorks和CSS试验

一、试验目的

1、把握为给定效果图规划切图方式的能力；2、把握利用FireWorks切图的能力；3、把握利用CSS+DIV制作网页的能力。二、试验课时

4学时三、试验内容

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

2、利用FireWorks切图

3、利用CSS+DIV制作成网页四、试验报告

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

3

试验三：JavaScript试验

一、试验目的

1、把握利用JavaScript编写网页动态效果的能力；2、把握在网页中使用JavaScript脚本的两种方法。二、试验课时

2课时三、试验内容

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

图1

图2

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

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

4

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