电子商务网站设计实验报告.docx
《电子商务网站设计实验报告.docx》由会员分享,可在线阅读,更多相关《电子商务网站设计实验报告.docx(15页珍藏版)》请在冰豆网上搜索。
电子商务网站设计实验报告
《网站设计》实验报告
班级:
电子商务09—1班
姓名:
沈光辉
学号:
20095392
指导老师:
李老师
2011年4月26日
实验一配置web服务器、建立网站
一、实验目的
了解电子商务网站的种类,如何配置web服务器和发布网站
二、实验要求
总结归纳电子商务网站的种类,配置一个WEB服务器并且发布一个网站
三、实验内容
1)针对基本型商务网站、宣传型商务网站、客户型商务网站、完全电子商务运作型网站的特点,分别找出代表性网站各一个。
2)安装相应的服务器软件,配置并发布web网站
四、实验步骤(附流程图)
实验内容一方法:
在网络上搜索电子商务网站,并根据商务网站的特点,将搜集到的网站进行分类。
实验内容二方法及步骤:
配置服务器IIS
(a)安装IIS
依次打开“控制面板”、“添加或删除程序”、“添加或删除windows组件",选择“Internet信息服务(IIS)”,根据相关提示进行安装。
(b)使用IE浏览器浏览默认的发布网站(在IE中打开本地服务器http:
//localhost)
五、实验结果
实验内容一:
宣传类电子商务网站:
中国酒类商务网;客户型商务网站:
慧聪商务网站、完全电子商务运作型网站:
淘宝网.
实验内容二:
安装配置好的IIS输入http:
//localhost,
六、实验体会及思考题讨论
通过这个实验,我了解了一些关于配置服务器的知识,开始对网站的发布运营充满兴趣.
七、附件
安装IIS:
安装好后调试成功界面如下:
实验二阳光书屋功能模块设计、数据库设计
一、实验目的
通过设计一个电子商务网站,掌握设计网站的方法
二、实验要求
综合使用学习过的技术,开发一个简单的电子商务网站,要求能够实现电子商务网站的基本功能。
三、实验内容
开发一个简单的电子商务网站,具备以下功能:
(1)在个人PC上可以发布浏览。
(2)能够连接后台数据库
(3)能够发布简单的信息
(4)能够查询相关的产品和服务信息
四、实验步骤(附流程图)
实验方法:
使用Dreamweaver、ASP编程语言、ACCESS数据库系统,运用所学过的知识,开发一个简单的电子商务网站.
(1)确立名称:
阳光书屋;设计首页
(2)设计首页功能,如简单的导航,站内搜索等.
(3)设计数据库.用Access数据库,建立一个简单的书本信息表。
(4)其他页面设计。
五、实验结果
(1)主页截图如下:
(2)数据库设计:
六、实验体会及思考题讨论
书本上的知识只有经过实践才能化为能力,虽然很多不会的,但是通过实验可以很好的发现问题,然后学会去解决。
七、附件
无。
实验三阳光书屋首页设计
一、实验目的
通过对网站内容和页面的优化,了解和熟悉设计电子商务网站的技巧.
二、实验要求
要求在电子商务网站中体现出设计技巧
三、实验内容
完善设计的电子商务网站
四、实验步骤(附流程图)
实验方法:
使用Dreamweaver和fireworks、photoshop等设计软件,整理自己站点的logo、banner等图片素材,并创意设计和规划站点的版式、色系、栏目,选择合适的内容。
实验内容:
在实验二的基础上运用一定的设计技巧(如:
颜色的选择、版面的排列、特殊效果的使用、logo的设计)等完善自己的站点。
五、实验结果
主页截图如下:
六、实验体会及思考题讨论
Div排版比表格灵活,但是细节比较难以控制,尤其当应用的层的相关知识时.页面的设计要美观大方,还要考虑打开速度,尤其是首页,打开过慢往往会让浏览者失去耐心。
色彩的布置也需要斟酌,良好的色彩搭配可以使网站让人看起来更舒服。
七、附件
主页的源代码如下:
<!
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www。
w3。
org/TR/xhtml1/DTD/xhtml1-transitional。
dtd”〉
//www.w3.org/1999/xhtml”>
〈!
——DW6--〉
〈head>
——Copyright2005Macromedia,Inc。
Allrightsreserved.——〉
〈metahttp-equiv="Content-Type"content=”text/html;charset=gb2312”/>
〈title>阳光书屋,您的知心朋友〈/title>
css"type="text/css”/>
#tittle{
margin:
0px;
background—color:
#33FFCC;
font—size:
24px;
font-color:
blue;
height:
60px;
font—family:
"宋体”;
font—weight:
bold;
}
〈/style>
〈br>阳光书屋———-SunnyBookstore
首页书屋〈ahref=”#">最新动态〈/a〉〈ahref="#”〉售后服务留言板〈/a〉〈pid="pageName”>