文档介绍：《网页设计与制作》
实验报告
院系名称: 管理学院专业班级: 电子商务13级3班
学生姓名: 刘志华学号: 201317050302
项目
实验一
(25分)
实验二
(35分)
实验三
(40分)
总分
(100分)
得分
2015年 5 月
实验一:HTML语言实验
一、实验目的
1、掌握利用HTML语言编写网页的能力;
2、掌握利用HTML语言编写表格的能力;
3、掌握利用HTML语言编写表单的能力。
二、实验课时
2学时
三、实验内容
1、表格实验的结果
网页源代码:
<html>
<head><title>电商201317050302LZH</title></head>
<body>
<table border align="center">
<caption style="height:40px;margin-bottom:10px;"><h2>实验一表格实验</h2></caption>
<tr>
<tdrowspan="2"colspan="2"width="200"bgcolor="#FF0000">A<td width="200">B<td width="200" align="center">C
<tr>
<td colspan="2" align="center">D
<tr>
<tdrowspan="2"align="right">E<tdrowspan="2"align="right">F<tdrowspan="2">G<td>H
<tr>
<td>I
</body>
</html>
2、表单实验的结果
网页源代码:
<html>
<head><title>电商201317050302LZH</title></head>
<body>
<table border width="500" align="center">
<div align="center">
<h2>实验一表单实验</h2>
<hR>
<form>
<tr>
<td align="center">姓名:
<td><input name="name">
<tr>
<td align="center">密码:
<td><input type="password" name=""value=""size=""maxlength="">
<tr>
<td align="center">性别:
<td><input type="radio" name="gender" valeu="1" checked>女
<input type="radio" name="gender" valeu="2">男
<tr>
<td align="center">爱好:
<td><input type="checkbox" name="check1" value="yes">篮球
<input type="checkbox" name="check2" value="yes" checked>足球
<input type="checkbox" name="check3" value="yes">乒乓球
<tr>
<td align="center">籍贯:
<td><select name="jiguan">
<option>开封<option>郑州<option>洛阳
</select>
<tr>
<TD colspan="2" align="center"><input type="submit" name="submit_button" value="提交">
<input type="reset" name="reset_button" value="重置">
</table>
</body>
</html>
四、实验小结
这次的实验是设计表格和表单,跟表格相比,表单可能更复杂一点,同时表单制作时还需要表格的一些基础,在实验中,主要是参考课本上的代码,然后自己动手输入到记事本中。通过这次的实验,我简单了解了TR、TD等代码的用法,对网页制作也有了简单的认知。
实验二:FireWorks和CSS实验
一、实验目的
1、掌握为给定效果图规划切图方式的能力;
2、掌握利用FireWorks切图的能力;
3、掌握利用CSS+DIV制作网页的能力。
二、实验课时
2课时
三、实验内容
1、规划切图方式的思路
以管理学院的网站主页为例,根据网站结构,可以将网页分为学院LOGO、导航区、图文部分、友情链接和版权信息几部分组成。
2、利用FireWorks切图的步骤
在fi