资源预览内容
第1页 / 共24页
第2页 / 共24页
第3页 / 共24页
第4页 / 共24页
第5页 / 共24页
第6页 / 共24页
第7页 / 共24页
第8页 / 共24页
第9页 / 共24页
第10页 / 共24页
亲,该文档总共24页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
网页设计与制作实验报告院系名称:管理学院专业班级:电子商务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二姓名: 密码:性别:女 input type二radio name二xingbie value二male男爱好:篮球 足球 乒乓球 籍贯:郑州 洛阳开封  ;& nbsp ;& nbsp; I |_|-|_|姓名;密码性别:女男爱好;篮球回足球乒乓球籍贯:开封T提交四、实验小结HTML语言是网页制作的基础,而利用表格布局是重中之重。在这两个实验中,第 一个是要注重表格的宽高以及colspan和rowspan的设置,第二个是要注重表单的样式, 其中要注意默认选项的设置,单选框name属性值相同,而复选框name属性值应该不同。本次实验也让我更加注重细节,一遍遍的修改也使我更熟悉HTML语言以及编码的 设置,这对于网页制作这门学科来说是一个铺垫。实验二:FireWorks和CSS实验、实验目的1、掌握为给定效果图规划切图方式的能力;2、掌握利用FireWorks切图的能力;3、掌握利用CSS+DIV制作网页的能力。二、实验课时4学时三、实验内容1、规划切图方式的思路了解网页布局结构,将网页划分为几部分,其中导航条为一部分,将其各项分开切 图。其余部分根据实际划分开。2、利用FireWorks切图的步骤第一步:打开FireWorks切图软件,打开网页图片。第二步:点击切片工具将图片切为所需大小和比例。第三步:点击文件选项卡下的导出,选择导出为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;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
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号