《网页设计与制作实验报告.docVIP

PAGE PAGE 1 《网页设计与制作》 实 验 报 告 院系名称： 专业班级： 电 学生姓名： 学 号： 项目 实验一 （25分） 实验二 （35分） 实验三 （40分） 总分 （100分） 得分 2013年 5 月 26 日  实验一：HTML语言实验 一、实验目的 1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时 2学时 三、实验内容 1、表格实验的结果。 ①表格制作代码： HTML HEAD TITLE制作网页表格/TITLE /HEAD BODY TABLE border=2 TR height=60 !--第一行-- TH rowspan=2 colspan=2 bgcolor=red align=leftA TDBTD align=centerC TR !--第二行-- TH colspan=2D TR !--第三行-- TH rowspan=2 width=200 height=60 align=rightE TH rowspan=2 width=200 height=60 align=rightF TH rowspan=2 width=200 height=60 align=leftG TD width=200 height=30H TR !--第四行-- TD width=200 height=30I /TABLE /BODY HTML ②网页表格制作截图： 2、表单实验的结果 ①表单实验代码： HTML HEAD TITLE实验1.2——电子商务1104王远/TITLE /HEAD BODY TABLE border=1 width=400 FORM method=post action= TR TD align=center width=150姓名:/TD TDINPUT type=text name=xingming size=20/TD /TR TR TD align=center密码:/TD TDINPUT type=password name=mima size=20/TD /TR TR TD align=center性别：/TD TDINPUT type=radio name=xingbie value=remale checked女 INPUT type=radio value=male name=xingbie男/TD /TR TR TD align=center爱好：/TD TDINPUT type=checkbox value=lanqiu name=lanqiu篮球 INPUT type=checkbox value=lanqiu name=lanqiu checked足球 INPUT type=checkbox value=pingpang name=pingpang乒乓球/TD /TR TR TD align=center籍贯：/TD TDSELECT size=1 name=jiguan OPTION selected开封/OPTION OPTION郑州/OPTION OPTION洛阳/OPTION /SELECT /TD /TR TR TD colspan=2 align=center INPUT type=submit value=提交 name=tijiao INPUT type=reset value=重置 name=chongzhi /TD /TR /FORM /TABLE BODY HTML ②表单实验截图： 四、实验小结 通过此次实验，我对在课堂上学习到的知识进行了实际操作，只有真正操作一遍才知道知识并不只是记住就算是会运用。在实验中，我熟悉了表格、表单的知识，操作熟练度也同时得到了提升。勤学多练才是提升的最好途径。  实验二：FireWorks和CSS实验 一、实验目的 1、掌握为给定效果图规划切图方式的能力； 2、掌握利用FireWorks切图的能力； 3、掌握利用CSS+DIV制作网页的能力。 二、实验课时 2课时 三、实验内容 1、规划切图方式的思路