目 录
引言 1
一、网站定位 2
（一）环境背景 2
（二）市场需求 2
（三）可行性分析 2
1、 工具可行性 2
2、 操作可行性 2
（四）建站目标 3
二、总体设计与实现 3
（一） 整体规划 3
1、 主题风格 3
2、 网站框架 3
3、 网页导航 4
（二） 整合资料 4
（三） 页面设计与实现 5
1、 首页效果 5
2、 子页效果 7
3、 子子页效果 8
4、 导航条设计与实现 10
5、 链接效果 11
三、网站测试 11
（一）链接有效性测试 11
（二）浏览器兼容性测试 12
四、网站维护 13
五、总结 14
致谢 15
参考文献 16
附录 17
引言
电子商务时代的到来，改变了传统的产品交易方式，交易双方可以不用谋面地进行产品的买卖，贸易活动也因此冲破了时间和地域的限制。现如今，消费力最高的就是现在的年轻人，而在年轻人中最流行的购买方式莫过于网络购物，人们足不出户便可购买到自己想要的物品。而我们也知道，当下淘宝、当当、苏宁易购等购物网站日益增多，提供的产品和服务也日趋多样化，家用电器、服装饰品、书籍玩具应有尽有，甚至缴纳水电费都可以在这些网站完成。因此，在这种形式下，我们以实体店与网店相结合的方式创办了“开馨鲜花网店”，来提供鲜花销售、鲜花租摆等服务来兼顾网上市场占有率，并以此抢占实体市场。
本次设计将使用Dr *景先生毕设|www.jxszl.com +Q:  3_5_1_9_1_6_0_7_2 
eamweaver、Photoshop软件制作网站和图形文件，利用DIV+CSS进行页面布局，还将通过JavaScript脚本语言实现页面的动态效果。最终，制作出美观大方且易于操作的网站。
本文将论述网站开发的背景、分析过程、建站过程以及后期的维护。
一、网站定位
（一）环境背景
当前，随着网络技术与通信技术的蓬勃发展，网络已走进千家万户，无论生活还是工作人们都已离不开网络。而伴随经济的不断发展，人们的消费水平也随之提高，消费方式也日趋多样化。而这时，诞生了许许多多的购物网站，这些购物网站的不断涌现意味着一个新兴产业——电子商务的崛起。商家的销售方式也不再是传统的面对面的实际的物品交易，也不再受到时间、地域的限制，而是通过互联网来实现商品的交易。这样，既减少了流通环节，同时降低了成本也节省了时间。
开馨鲜花网店依托于传统的实体花店开馨鲜花店，该店位于苏州市相城区，相城区是苏州交通最发达的地区之一，也是休闲娱乐和消费水平较高的区域之一。该店自开张以来，业绩不错，以鲜花零售和租摆为主要销售渠道，但大型企业的订单较少。因此，开设网店来提高知名度，吸引更多的客源，创造更多的利润。
（二）市场需求
目前，我国的很多城市对于鲜花的需求量是非常大的，鲜花售卖行业也有着非常好的前景。加之，我国当前空气污染十分严重，人们迫切呼唤“绿色生活”，因而，在办公等场所，绿植、鲜花的购买量相当大。随着网络购物越来越流行，许多服装、鞋帽等店铺相继进驻网络店铺，而鲜花类电商网站相对较少。因此，我们更需要抓住商机，以实体店和网店相结合，抢占市场份额。
（三） 可行性分析
1、工具可行性
Adobe Dreamweaver（简称“DW”）由美国MACROMEDIA公司（之后被Adobe收购）开发， 是现今最常用的网站开发工具，可用来建立和管理Web站点和相关应用程序，具有“所见即所得”的网页设计功能，同时也可以编辑HTML代码。Dreamweaver 软件拥有强大的代码编辑器，可以支持JSP、ASP、ASP.NET等多种服务器端语言的编辑。且编辑器简单易操作，灵活而又强大。
Photoshop（简称“PS”）是由世界著名的软件公司Adobe System开发并发行的主要处理以像素所构成的数字图像的专业软件，不断更新和完善的Photoshop软件在图像、文字、图形、Web等方面都有所涉及和应用。Adobe Photoshop软件功能强大且操作非常人性化，它具有独特的浮动式工作面板，各种配置面板灵活搭配，任何对图像处理有兴趣的人，都能轻松使用这款软件。
操作可行性
伴着21世纪的到来，计算机早已消然走进人们的生活，人们对计算机已不再陌生。经过学习和培训后，操作已不成问题。那么在这样的条件下对网站的操作也应该是不会很困难的。
（四）建站目标
1、制作美观大方的网页，吸引用户，提高花店的知名度；
2、制作出简单易操作的网站，方便用户浏览信息；
实体店与网店相结合，提高收益率。
二、总体设计与实现
一般来说，网站的设计和开发流程有如下几个步骤：

整体规划
主题风格
本次课题设计的是鲜花销售网站，由于主要销售的是鲜花及相关产品，因此在主题设计时，需要突出美观、大方的特点，需用明快的暖色系作为网站的主题色，给用户带来视觉上的愉悦感，打出的广告语也应该符合温馨且深入人心的特点，给浏览者提供愉快的网站访问体验。网站的主题风格是从如下的几个方面进行考虑的：
设计切合主题的logo，且将放置在网页醒目位置；
本次网页设计的是鲜花网站，拟采用粉色和白色为主色调；
使用宣传标语“开心生活，温馨之选”。效果如图2-1所示。


图2-1 主题风格设计图
网站框架
网页制作时，要首先确立页面的整体框架。一个制作精良的网站不仅要有精美的页面，还要有合理的整体框架。适宜的框架结构会给人带来视觉上的舒适感，反之，则会让人觉得杂乱无章。为满足美观大方的设计需要，设计了整体布局图，见图2-2。


图2-2 网站结构图
网页导航
为了让来访者快速地找到想要浏览的网页和信息，简单清晰的网页导航是不可缺少的部分。因此，在开馨花店网站的导航条中设首页、鲜花花束、卡通花束、浪漫花语、品牌故事这几个导航信息，方便顾客选购以及了解企业文化。导航条结构图见图2-3：

图2-3 网站导航结构图
整合资料
通过查阅书刊资料以及网络，了解鲜花以及有关鲜花销售的内容，例如卡通花束因其新颖以及环保受到年轻人的追崇，再比如各类花束的保养方法等，同时也了解一些鲜花的花语等，整理出相关文字内容。利用Photoshop软件制作logo以及页面所需要的其他的图片，这些图片文件均放置在images文件夹内。
页面设计与实现
我们所说的网页制作指的是利用网站开发工具以及相关技术建立站点，将对网页的文字性的规划转化为具体的可执行的代码。本次课题将运用Dreamweaver软件进行页面设计，利用DIV+CSS对其进行布局。

鲜花花束

原文链接：http://www.jxszl.com/jsj/rjgc/31122.html