网页制作实验报告.docVIP

b PAGE b b b 《网页设计与制作》 实 验 报 告 院系名称： 管理学院 专业班级： 电子商务 11级3班 学生姓名： 许世谦 学 号： 201117050308 项目 实验一 （25分） 实验二 （35分） 实验三 （40分） 总分 （100分） 得分 2013年 6 月 4 日  实验一：HTML语言实验 一、实验目的 1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时 2学时 三、实验内容 1、表格实验的结果 html headtitle实验一/title/head body table border align=center height=80 width=600 captionh2试验1.1/h2/caption tr td rowspan=2 colspan=2 align=left bgcolor=redA td align=left B td align=centerC tr td colspan=2 align=centerD tr td rowspan=2 align=rightE td width=80 rowspan=2 align=rightF td rowspan=2 align=leftG tdH tr tdI /table /body /html 2、表单实验的结果 html headtitle试验第一题/title/head body h2 align=center试验1.2/h2 form table border align=center height=80 width=600 tr td align=center width=200姓名： tdinput tr td align=center width=200密码： tdinput tr td align=center width=200性别： tdinput type=radio name=gender value=1 checked女 input type=radio name=gender value=2男 tr td align=center width=200爱好： tdinput 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 width=200籍贯： tdselect 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 /form /body /html 四、实验小结 通过这次试验，我掌握了许许多多以前不知道的代码细节，让我对网页设计与制作有了更深层次的了解，同时我对编写代码也渐渐的熟悉了。刚开始编写的时候有点漫无目的，但是慢慢的就找到了感觉，最高兴的是最后当自己的代码在网页中显示出来的时候，自己的努力是值得的，越来越喜欢网页制作了！  实验二：FireWorks和CSS实验 一、实验目的 1、掌握为给定效果图规划切图方式的能力； 2、掌握利用FireWorks切图的能力； 3、掌握利用CSS+DIV制作网页的能力。 二、实验课时 2课时 三、实验内容 1、规划切图方式的思路 首先，将网页的布局了解清楚，然后，根据不同的模块分类，导航条分为一类，其余的各归各类，之后利用FireWorks切图。 2、利用FireWorks切图的步骤 运用FireWorks将图片切为自己所需要的部分和比例，如图所示： 3、CSS+DIV制作网页的结果 html headtitle效果图.jpg/title body bgcolor=#ffffff style type=text/css body{} .top{margin: 0px auto;border:0px;text-align: center;} .