《《网页设计与制作》实验报告》由会员分享，可在线阅读，更多相关《《网页设计与制作》实验报告（24页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作实验报告院系名称：管理学院专业班级:电子商务XXXX学生姓名：XXX 学 号： XXXXXXXX项目实验一（25 分）实验二（35 分）实验三（40 分）总分（100 分）得分2016 年 5 月实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。二、实验课时2学时三、实验内容1、表格实验的结果 表格 /titleABCDEFGHI/tablehEC)EGHI2、表单实验的结果 表单 /titleform method二POST action二姓名： 密码：性别：女
2、input type二radio name二xingbie value二male男爱好：篮球 足球 乒乓球 籍贯：郑州 洛阳开封 ;& nbsp ;& nbsp; I |_|-|_|姓名；密码性别：女男爱好；篮球回足球乒乓球籍贯：开封T提交四、实验小结HTML语言是网页制作的基础，而利用表格布局是重中之重。在这两个实验中，第 一个是要注重表格的宽高以及colspan和rowspan的设置，第二个是要注重表单的样式， 其中要注意默认选项的设置，单选框name属性值相同，而复选框name属性值应该不同。本次实验
3、也让我更加注重细节，一遍遍的修改也使我更熟悉HTML语言以及编码的 设置，这对于网页制作这门学科来说是一个铺垫。实验二：FireWorks和CSS实验、实验目的1、掌握为给定效果图规划切图方式的能力；2、掌握利用FireWorks切图的能力；3、掌握利用CSS+DIV制作网页的能力。二、实验课时4学时三、实验内容1、规划切图方式的思路了解网页布局结构，将网页划分为几部分，其中导航条为一部分，将其各项分开切 图。其余部分根据实际划分开。2、利用FireWorks切图的步骤第一步：打开FireWorks切图软件，打开网页图片。第二步：点击切片工具将图片切为所需大小和比例。第三步：点击文件选项卡下的
4、导出，选择导出为CSS层（htm）,勾选修剪图像和将图像放入子文件夹，点击导出。3、CSS+DIV制作网页的结果 效果图.jpg/titlebody.topmargin:0 auto 0 0;border:0 auto;text-align:center;width: 1008px; height:83px.topmainmargin:0 auto 0 0;width:px;height:83px;text-align:center.topmain ulmargin:0 auto 0 0;padding:0px;text-align:center.topmain ul liwidth:83px
5、;height:45px;list-style-type:none;float:left.topmain ul li awidth:83px;height:45px.topmain.onewidth:77px;height:45px;float:left .topmain.twowidth:106px;height:45px;float:left.content1margin:0 auto 0 0;border:0px;text-align:center; width:1008px; height:257px.content2margin:0 auto 0 0;padding:10px;border:0px;text-align:left; color:#000;font-size:20px;line-height:30px;width:1008px;height:384px.content2_listmargin:0 auto 0 0;padding:10px 20px;border:0px; .bottommargin:0 auto 0 0;border:0px;width:1008px;height:52px div
