文档介绍：《网页设计与制作》实验报告刘志华《网页设计与制作》院系名称:管理学院专业班级:电子商务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><tableborderalign="center"><captionstyle="height:40px;margin-bottom:10px;"><h2>实验一表格实验</h2></caption><tr><tdrowspan="2"colspan="2"width="200"bgcolor="#FF0000">A<tdwidth="200">B<tdwidth="200"align="center">C<tr><tdcolspan="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>12、表单实验的结果网页源代码:<html><head><title>电商201317050302LZH</title></head><body><tableborderwidth="500"align="center"><divalign="center"><h2>实验一表单实验</h2><hR><form><tr><tdalign="center">姓名:<td><inputname="name"><tr><tdalign="center">密码:<td><inputtype="password"name=""value=""size=""maxlength=""><tr><tdalign="center">性别:<td><inputtype="radio"name="gender"valeu="1"checked>女<inputtype="radio"name="gender"valeu="2">男<tr><tdalign="center">爱好:<td><inputtype="checkbox"name="check1"value="yes">篮球<inputtype="checkbox"name="check2"value="yes"checked>足球<inputtype="checkbox"name="check3"value="yes">乒乓球<tr><tdalign="center">籍贯:<td><selectname="jiguan"><option>开封<option>郑州<option>洛阳</select><tr><TDcolspan="2"align="center"><inputtype="submit"name="submit_button"value="提交"><inputtype="reset"name="reset_button"value="重置"></table></body></html>2四、实验小结这次的实验是设计表格和表单,跟表格相比,表单可能更复杂一点,同时表单制作时还需要表格的一些基础,在实验中,主要是参考课本上的代码,然后自己动手输入到记事本中。通过这次的实验,我简单了解了TR、TD等代码的用法,对网页制作也有了简单的认知。3实验二:FireWorks和CSS实验一、实验目的1、掌握为给定效果图规划切图方式的能力;2、掌握利用FireWorks切图的能力;3、掌握利用CSS+DIV制作网页的能力。二、实验课时2课时三、实验内容1、规划切图方式的思路4以管理学院的网站主页为例,根据网站结构,可以将网页分为学院LOGO、导航区、图文部分、友情链接和版权信息几部分组成。2、利用FireWorks切图的步骤在fireworks中打开之前选定的网页的图片,按照所需内容进行切图,切图结果如下图所示:53、CSS+DIV制作网页的结果网页源代码:<html><head><metacharset="GBK"><title>电商201317050302LZH</title><style>div,ul,li,a,p,h{margin:0;padding:0;}.{width:100&;height:45px;background:#164896;