电子商务网站设计实验报告1.docx

《网站设计》实验报告 班级： 电子商务 09-1 班姓名： 沈光辉 学号：指导老师： 李老师 2011 年 4 月 26 日 实验一 配置 web 服务器、建立网站 一、实验目的 了解电子商务网站的种类，如何配置 web 服务器和发布网站 二、实验要求 总结归纳电子商务网站的种类，配置一个 WEB 服务器并且发布一个网站 三、实验内容 针对基本型商务网站、宣传型商务网站、客户型商务网站、完全电子商务运作型网站的特点，分别找出代表性网站各一个。 安装相应的服务器软件，配置并发布 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 排版比表格灵活，但是细节比较难以控制，尤其当应用的层的相关知识时。页面的设计要美观大方，还要考虑打开速度，尤其是首页，打开过慢往往会让浏览者失去耐心。色彩的布置也需要斟酌，良好的色彩搭配可以使网站让人看起来更舒服。 七、附件 主页的源代码如下： ! DOCTYPEhtml PUBLIC-//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns =/1999/xhtml !-- DW6 -- head !-- Copyright 2005 Macromedia, Inc. All rights reserved. -- meta http-equiv =Content-Type content =text/html; charset=gb2312 / title 阳光书屋，您的知心朋友 / title link rel =stylesheet href =3col_leftNav.css type =text/css / style #tittle { margin : 0px;