电子商务专业网页制作实验报告

  • 格式:doc
  • 大小:44.00 KB
  • 文档页数:12

《网页设计与制作》实验报告院系名称:管理学院专业班级:电子商务 10级02班学生姓名:相栓霞学号: 06292012年 5 月 11 日实验一:HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力;2、掌握利用HTML语言编写表格的能力;3、掌握利用HTML语言编写表单的能力。

二、实验课时2学时三、实验内容1、表格实验的结果(1)实验步骤编制代码如下:<html><head><titel>表格示例</titel><body><table border="1"><tr><td bgcolor="#ff0000" width="200" height="50" rowspan="2" colspan="2">A</td><td width="100" height="25">B</td><td width="100" height="25" align="center">C</td></tr><tr><td colspan="2" align="center">D</td></tr><tr><td rowspan="2" align="right">E</td><td rowspan="2" align="right">F</td><td rowspan="2">G</td><td>H</td></tr><tr><td>I</td></tr></body></head></html>(2)运行结果:2、表单实验的结果(1)实验步骤编制代码如下:<html><head><title>表单</title></head><body><form method="POST" action="URL"> <table border="1"><p><tr> <td width="100" height="30" align="center">姓名:</td><td width="200" height="30" ><input type="text" name="xingming" size="20"></td></tr></p><p><tr> <td width="100" height="30" align="center"> 密码:</td><td width="200" height="30" ><input type="password"name="mima" size="20"></td></tr></p><p><tr> <td width="100" height="30" align="center">性别:</td><td width="200" height="30" ><input type="radio" name="xingbie" value="remale" checked >女<input type="radio" value="male" name="xingbie">男</td></tr></p><p><tr> <td width="100" height="30" align="center">爱好:</td><td width="200" height="30" ><input type="checkbox" name="checkbox" value="basketble" checked>篮球<input type="checkbox" name="aihao" value="footble">足球<input type="checkbox" name="aihao" value="pingpang">乒乓</td></tr></p><p><tr> <td width="100" height="30" align="center">籍贯:</td><td width="200" height="30" ><select size="1" name="jiguan"><option selected>开封</option><option>郑州</option><option>驻马店</option><option>信阳</option></select></td> </tr></p><p><tr> <td width="100" height="30" ></td><td width="200" height="30" ><input type="submit"value="提交" name="tijiao"><input type="reset" value="重置" name="chongzhi"></td></tr></p></table></form></body></html>(2)运行结果:四、实验小结通过本次试验让我感觉到实践的重要性,书本知识固然重要,但如果不把它转化为实践,就会成为一纸空谈。

在这次试验中,我通过不断地编写,调试终于掌握了编写表格,表单、表单的能力,让我对html有了初步了解。

实验二:FireWorks和CSS实验一、实验目的1、掌握为给定效果图规划切图方式的能力;2、掌握利用FireWorks切图的能力;3、掌握利用CSS+DIV制作网页的能力。

二、实验课时2课时三、实验内容1、规划切图方式的思路(1)选中一个图片作为将要切割的对象(2)仔细观察图片结构,将其分为Logo 图案、导航栏、正文和版权信息几个区域(3)观察图片中色彩单调的图片区域的规律2、利用切图的步骤运用FireWorks将图片切为自己所需要的部分和比例,如图所示:3、CSS+DIV制作网页的结果(1)在dreamweaver里面编制代码如下<!DOCTYPE html PUBLIC "-.........</p></div><div id="apDiv6"><img src="图片" width="842" height="190" /></div><div id="apDiv7"><img src="images/" width="1367" height="101" /></div> <img src="images/效果图" width="1352" height="83" /><li></li></body></html>(2)效果显示图如下:四、实验小结通过这次试验,让我懂得了如何利用软件工具来实现网页的编制,通过对图的切割和组合,经过了多次的失败,但最总通过不懈的坚持终于小获成功,体验到成功的快乐。

也对网页制作加深了认识和兴趣。

实验三: JavaScript实验一、实验目的1、掌握利用JavaScript编写网页动态效果的能力;2、掌握在网页中使用JavaScript脚本的两种方法。