《网页制作实验报告》由会员分享，可在线阅读，更多相关《网页制作实验报告（16页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作实 验 报 告院系名称： 管理学院 专业班级： 电子商务 11级3班 学生姓名： 许世谦 学 号： 201117050308 项目实验一（25分）实验二（35分）实验三（40分）总分（100分）得分2013年 6 月 4 日实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。二、实验课时2学时三、实验内容1、表格实验的结果实验一试验1.1 A B C D E F G H I2、表单实验的结果试验第一题试验1.2 姓名： 密码： 性别： 女 男 爱好： 篮球 足球 乒乓球 籍贯：
2、 开封郑州洛阳 四、实验小结通过这次试验，我掌握了许许多多以前不知道的代码细节，让我对网页设计与制作有了更深层次的了解，同时我对编写代码也渐渐的熟悉了。刚开始编写的时候有点漫无目的，但是慢慢的就找到了感觉，最高兴的是最后当自己的代码在网页中显示出来的时候，自己的努力是值得的，越来越喜欢网页制作了！实验二：FireWorks和CSS实验一、实验目的1、掌握为给定效果图规划切图方式的能力；2、掌握利用FireWorks切图的能力；3、掌握利用CSS+DIV制作网页的能力。二、实验课时2课时三、实验内容 1、规划切图方式的思路 首先，将网页的布局了解清楚，然后，根据不同的模块分类，导航条分为一类，其
3、余的各归各类，之后利用FireWorks切图。2、利用FireWorks切图的步骤运用FireWorks将图片切为自己所需要的部分和比例，如图所示：3、CSS+DIV制作网页的结果效果图.jpg body .topmargin: 0px auto;border:0px;text-align: center; .topmain margin: 0px auto; width: 940px;height: 25px;padding: 0px;text-align: cente; .topmain ul margin: 0px;padding: 0px;list-style-type: none;t
4、ext-align: center; .topmain ul li width: 72px; float: left; height: 25px;text-align: center; .topmain ul li a width: 72px; height: 25px;text-align: center; .content1 margin: 0px auto;border:0px;text-align:center; .content2 margin: 0px auto;border:0px;text-align:left;position:absolute; left:168px; to
5、p:352px;width:301px;height:533px .content3 margin: 0px auto;border:0px;text-align:left;position:absolute; left:468px;top:352px;width:465px; height:533px .content4 margin: 0px auto;border:0px;text-align:left;position:absolute; left:933px;top:352px;width:211px; height:529px; .bottom margin: 0px auto;border:0px;position:absolute; left:168px; top:885px;width:977px; height:105px;text-align: center;
