电子商务专业网页制作实验报告.docx
- 文档编号:25392353
- 上传时间:2023-06-07
- 格式:DOCX
- 页数:21
- 大小:950.51KB
电子商务专业网页制作实验报告.docx
《电子商务专业网页制作实验报告.docx》由会员分享,可在线阅读,更多相关《电子商务专业网页制作实验报告.docx(21页珍藏版)》请在冰豆网上搜索。
电子商务专业网页制作实验报告
《网页设计与制作》
实验报告
院系名称:
管理学院专业班级:
电子商务10级02班
学生姓名:
相栓霞学号:
201046900629
2012年5月11日
实验一:
HTML语言实验
一、实验目的
1、掌握利用HTML语言编写网页的能力;
2、掌握利用HTML语言编写表格的能力;
3、掌握利用HTML语言编写表单的能力。
二、实验课时
2学时
三、实验内容
1、表格实验的结果
(1)实验步骤编制代码如下:
(2)运行结果:
2、表单实验的结果
(1)实验步骤编制代码如下:
name="mima"size="20">
value="提交"name="tijiao">
(2)运行结果:
四、实验小结
通过本次试验让我感觉到实践的重要性,书本知识固然重要,但如果不把它转化为实践,就会成为一纸空谈。
在这次试验中,我通过不断地编写,调试终于掌握了编写表格,表单、表单的能力,让我对html有了初步了解。
实验二:
FireWorks和CSS实验
一、实验目的
1、掌握为给定效果图规划切图方式的能力;
2、掌握利用FireWorks切图的能力;
3、掌握利用CSS+DIV制作网页的能力。
二、实验课时
2课时
三、实验内容
1、规划切图方式的思路
(1)选中一个图片作为将要切割的对象
(2)仔细观察图片结构,将其分为Logo图案、导航栏、正文和版
权信息几个区域
(3)观察图片中色彩单调的图片区域的规律
2、利用切图的步骤
运用FireWorks将图片切为自己所需要的部分和比例,如图所示:
3、CSS+DIV制作网页的结果
(1)在dreamweaver里面编制代码如下
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
--
#apDiv1{position:
absolute;left:
9px;top:
15px;width:
1352px;
height:
82px;z-index:
1;}
#apDiv2{position:
absolute;left:
15px;top:
139px;width:
250px;
height:
287px;z-index:
2;}
#apDiv3{position:
absolute;left:
19px;top:
101px;width:
1342px;
height:
33px;z-index:
3;}
#apDiv4{position:
absolute;left:
1112px;top:
137px;
width:
250px;height:
345px;z-index:
4;}
#apDiv5{position:
absolute;left:
268px;top:
329px;width:
844px;
height:
135px;z-index:
5;}
#apDiv6{position:
absolute;left:
269px;top:
139px;width:
842px;
height:
192px;z-index:
6;}
#apDiv7{position:
absolute;left:
3px;top:
485px;width:
1365px;
height:
89px;z-index:
7;}
-->
width="253"height="344"/>
width="243"height="35"/> width="105"height="35"/>
课程简介
电气工程学院是高等工业学校本科非电工科类的一门重要的技术基础课,通过本课程的学习使学生受到辩证唯物主义和爱国主义教育,获得电气技术领域中有关电工技术、电子技术的必要基本理论、基本知识和基本技能,了解他们的应用和发展趋势,为学习后续课程以及从事与本专业有关的工程技术科学研究工作打下一定基础。
河南工业大学电气学院电工学课程组广大教师团结合作、严谨治学、教书育人...........