电子商务网站建设

期末大作业课程名称 电子商务网站建设作业名称 电子商务网站前台页面设计报告专业班级小组成员指导教师学 院完成日期宁波理工学院目录一、项目概述 (2)二.市场分析 (2)（一）行业背景 (2)(二) 网站定位 (3)（三）SWOT分析 (3)（四）分析总结................................. 错误！未定义书签。

三、需求分析 (5)四、网站整体设计 (5)（一）网站定位 (5)（二）网站风格设计 (6)（三）栏目设计 (7)（四）目录结构设计 (8)五、前台网页设计与制作 (9)（一）页面布局 (9)（二）首页制作 (9)（二）二级页面制作 (10)（四）内容页面制作 (16)六、总结与展望 (26)附录 (28)一、项目概述随着Internet技术的飞速发展，迎来了互联网新时代。

对于已呈现出口量价齐跌态势的宁传统出口产品“蔺草席”，就必须突破传统的经销方式，充分利用因特网，将网络技术与草席传统销售进行完美的结合。

因此，本项目组为黄古林草席建立一个网上草席销售系统，利用互联网在线支付平台进行交易，实现网络营销与传统营销双通道同时运行的新型草席营销模式。

同时通过这个黄古林草席门户网站的建立，增强黄古林草席的品牌知名度；加强与消费者的互动，促进销售，提高购买兴趣；巩固黄古林草席的忠诚度。

二.市场分析（一）行业背景1954年，周恩来总理参加日内瓦会议时曾带了四十条宁波草席馈赠国际友人，这是对宁波草席的肯定，是宁波草席编制业的骄傲，也是黄古林品牌创立的有力支撑点。

据了解，2009年4月底，“黄古林”草席首次进入美国超市后，受到当地华人青睐。

7000张草席销售一空，美国客商着急要货等都让我们看到了草席在国际市场的商机。

此后将“榻榻米”成功出口日本，并深受日本客户喜欢。

而据宁波海关最新数据显示，上半年宁波市共出口蔺草席578.6万张，比去年同期(下同)下降4.8%，价值4291万美元，下降21.4%，出口平均价格为每张7.4美元，下跌17.8%。

其中，以一般贸易方式出口为主，共出口蔺草席4065万美元，下降22.7%，占同期出口总值的94.7%。

外商投资企业、民营企业和国有企业三分出口市场分别出口1516万美元、1456万美元和1319万美元，各下降1.5%、37.6%和17.1%。

日本为主要出口国，对其出口蔺草席4263万美元，下降21.7%，占同期出口总值的99.3%。

宁波市鄞州区素有“中国蔺草之乡”的美称，上半年共出口蔺草席3046万美元，下降21.8%，占同期出口总额的71.0%。

“蔺草席行业由于出口市场单一，企业生产和经营几乎完全受制于出口市场，近期日元汇率大幅走软，也影响了相关产品在日本市场的竞争力。

”但是随着华人群体在世界分布日趋广泛，以及互联网的普及，中国传统产品日益被外国消费者接受，在“共建新丝路”的战略下，宁波老字号产品“走出去”或许正迎来新的机遇。

(二) 网站定位黄古林注重宣传本凉席文化，凉席手工制作工艺，行业新闻动态，给人的感觉就像是在宣传其企业文化精神，通过宣传企业文化来使人了解黄古林，对黄古林草席网站印象深刻。

根据黄古林的定位和信息所要面对的群体，网站主要面对以下几种人群： 1.散客散客就是那些消费数量比较少的普通客户。

2.批发商批发商是相对于散客而言，一次性大批量购买的群体。

主要是有那些学校，医院等，对凉席规格有特别要求的客户。

3.大买主大买主是指那些对产品的要求更高，提出价格也是最高的消费者，这些消费者往往是把凉席作为一种文化礼品或者一种奢侈品看待，因此我们在网站中设计了个性化设计这一栏目，我们可以根据客户要求制作高品质更具文化气息的特质黄古林凉席。

因此，黄古林草席网站主要针对广大消费者,尤其是对中国文化有一定兴趣的消费者及学校、医院等需要特定规格的产品的消费者通过对黄古林凉席的文化背景、产品展示及个性化定制等服务性的功能，让客户更充分的了解网站，并且通过网站满足消费者的需求。

（三）SWOT分析SWOT包括分析企业的优势（Strengths）、劣势（Weaknesses）、机会（Opportunities）和威胁（Threats）。

分析实际上是将对企业内外部条件各方面内容进行综合和概括，进而分析组织的优劣势、面临的机会和威胁的一种方法。

这种方法虽然较为普遍，但却能最大程度地帮助我们把资源和行动聚集在自己的强项和有最多机会的地方，并让企业的战略变得明朗。

采用SWOT分析法，从公司潜在内部优势、弱点和公司潜在外部机会、威胁出发，分析公司所处的战略环境，具体分析如下图所示：Strength优势Weakness劣势Opportunities 机会Treats 风险分析总结：一个网站的成立和发展是由众多因素决定的。

因此我们在决策和行为之前都要充分考虑到上述因素，这些因素可以给我们带来机会，促进我们网站成长，也会带来一定的风险和危险，阻碍我们的发展。

因此，对于我们黄古林企业来说，要发挥自身的优势，抓住行业所拥有的机会，以专业的态度为客户提供专业简单方便的服务。

而对于存在的劣势来说，公司应该引进高技术的人才，加强对技术的强化，同时建立科学规范的网络运作体系，搭建完善的学习平台，提升自我以适应环境，必定能紧抓目前市场机遇，并逐步实现公司长期战略目标。

三、需求分析近年来随着空调的运用和普及，草席的独特优势越发明显，加上自身门类中多观赏性强的特点，草席越来越受到人们的追捧。

在国内市场：一、空调大量增加后，舒适美观、吸汗力强的中高档空调席销量激增，在大中城市中反应尤为突出。

随着空调的运用和普及，草蓆的独特优势越发明显，重新风靡市场只是时间的问题。

二、门类众多、观赏性强的蓆草系列产品满足了居民日益丰富多彩的生活需要。

在国内市场：草席制品是天然绿色产品，符合保护生态环境的发展潮流，国外市场需求旺盛，潜力巨大。

草蓆产品属于一次性或易耗产品，需求量巨大。

特别是在细分市场上，还有很大市场空间。

随着电子商务交易的个性化、自由化可为企业创造无限商机，我们结合黄古林草席网站将来发展方向，本着专业负责的精神，在完善产品展示功能外，加强推荐新闻发布功能，凉席文化，售后服务功能，企业论坛等功能，密切我们公司同合作伙伴、经销商、客户、和浏览者之间的关系，优化企业经营模式，提高企业运营效率。

四、网站整体设计（一）网站定位这个网站是本项目组对黄古林草席做的一个宣传销售网站，它区别与一般的公司网站，也异于传统的商品旗舰店。

在产品介绍和产品的推销的基础上，更加注重文化软实力的宣传，突出黄古林草席作为非物质文化遗产的文化底蕴。

让人们一进入网站，就在浓郁的文化氛围中潜移默化改变对黄古林草席传统的印象，它不单是草席，而是一种文化，更是一种传统文化，它充分显示了中华文化的博大精深和民间劳动人民的智慧。

当然，作为一个产品销售推广网站，我们也很重视产品的展示与推广，花了比较多的空间在产品介绍当中，用来突出我们基本的产品定位——中高档的草席。

总之，通过制作这个网站我们希望消费者能更加了解我们的黄古林草席，加强消费者与企业的联系，扩大我们企业与产品的知名度。

（二）网站风格设计为了与企业的整体形象相一致，考虑到我们黄古林草席绿色环保的整体色调，轻手工业的行业性质，传统的编织文化以及相关产品及服务的众多特点，我们将网页的风格定为文化、天然、简洁、质朴。

考虑到我们的消费者群体范围比较广，下至青年朋友，上至老年人。

青年人崇尚创新快捷，中年人看重简洁实用，老年人青睐文化韵味。

因此我们在设计上折中，将现代与传统相结合。

在网站的配色上，为了让消费者一进入我们的网站就感受到浓浓的儒席文化，特地在首页附上鲜明的与儒学相关的橙色大图，配上青灰色的屋瓦色为背景，渲染一种幽静的氛围。

由于我们的主打产品是蔺草做的草席，因此在后面的二级页面中，我们选择了一种比较清新的黄绿色来做背景色，配上附有LOGO“黄古林”的比较具有代表性的大图。

除了首页要吸引人眼球外，我们的网站整体色调偏淡色系，这与我们销售的草席配合的很和谐。

在网页布局上，通过当面的沟通和整体规划后，我们决定将整体页面分为上中下三块，最上面是我们的宣传口号，中间是一张比较有代表性的大图，为了突出，我们安排它大概占了犬业的3/5。

根据用户浏览网页的“F现象”，我们在图片的左上角放置了我们企业的logo，能够让用户第一眼就能关注到。

首页的最下面是一组加有超链接的滚动图片和导航条，吸引用户的眼球，而二级页面中最下面又分为左右两块，比例大概为2:7，让整个页面统一中又有丝毫的变化，显得不那么刻板。

值得介绍的是我们的“产品展示”那一块，采用一了一种比较特别的排版，凸显了产品的同时，也符合了我们制作网站“现代与传统相结合”的初衷。

在信息的排版上，我们侧重主次，把重要的放在棉线的位置，尽量使用精简的文字。

例如首页上，我们只放了logo和一些导航新的文字，二维码也放在比较明显的位置，方便用户扫一扫，一定程度上也突出我们的专业性。

（三）栏目设计我们的网站具有自身的特殊性，面对的消费群体比较广，主要的是家庭主妇一类，她们对品牌，质量，价格比较看重。

因此在传统的基础上结合她们的特点，我们设计了自己的栏目。

如图是我们网站的栏目结构图。

首页：进入网站的的第一个页面，主要向浏览着传递日常访问和使用较多的信息。

因此内容包括了logo、宣传口号、比较突出的新闻图片以及二维码。

新闻动态：实时更新一些与黄古林草席相关的新闻热点。

草席文化：介绍黄古林草席的历史文化包括草席渊源、草席故事、草席荣誉。

编制手艺：介绍了黄古林草席的传统手工艺，以及发扬和保护。

产品展示：以图片的形式为用户展示了各种各样的黄古林草席。

产品销售：为用户提供不同草席的特点及价格。

联系我们：为用户提供了联系我们的方式。

（四）目录结构设计站点是一个管理网页文档的场所，一个个网页文档连接起来就构成了站点。

制作网站，首先应建立公共目录，存放各网页需访问和使用的公共信息，images 文件夹存放图片信息，JS文件存放JavaScript程序，CSS文件夹存放对全局的一些页面定义。

我们网站目录结果如下：五、前台网页设计与制作（一）页面布局网站的页面布局结构，整体上划分为上、中、下三部分，其中上部区域主要为网站的banner：以席为美，倡导复古文艺，传播儒家文化。

中部区域也是面积最大的网站的content，该区域包含了我们网站最重要的信息我们产品的名称——黄古林草席以及产品相关信息栏目，主要有新闻动态，草席文化，编制手艺，产品展示，联系我们，产品销售这六大块栏目。

下部区域为我们产品官方微信和微博的二维码以及最后的版权栏。

（二）首页制作本网站首页并非一般传统意义上的商业性质网页，而是一个以通过草席传播非物质文化为主题的网页。