电子商务网站的内容设计与开发.ppt

1、1、电子商务网站的内容设计与开发，1网站内容设计流程，2网站信息结构设计，3网页视觉设计，4主页设计，5其他网页设计，6网页制作，2，5.1电子商务网站内容设计流程，5.11网站内容设计原则。为了在互联网上发展电子商务，企业应该遵循网站内容设计的一些基本原则。一般来说，至少应该考虑以下三个方面：信息内容和访问速度。下面从这三个方面进行说明：3，1。新的、精炼的和专门的信息内容，而信息内容总是放在第一位；应组织内容设计；及时更新信息内容。2.安全快速的访问，提高访问者的访问速度；拥有安全、运行良好的硬件和软件环境；遵循“三次点击”的原则，即网站上的任何信息最多只能点击三次。4，3。美观和用户友好

2、的页面，提供交互性；完善的检索和帮助功能；方便用户访问和购买。5.1.2网站内容设计过程，通常，电子商务网站的内容设计过程必须经过以下步骤：1、5、收集一些关于网站的关键信息；网站信息结构设计；对于网站运行环境的选择，具体的选择标准和原则见第三章。网页的视觉设计；网页制作，通常，在网页制作过程中，需要使用一定的Web数据库技术来动态发布和提供信息和数据；网站的维护和管理。一般来说，电子商务网站的建设直接关系到当时的经营战略、产品特点、财务预算以及网站建设的目的。5.21网站的信息内容及其功能模块，虽然每个电子商务网站都有不同的规模和不同的表现形式，但从本质上讲，它无非是两种基本形式：信息发布和

3、产品销售，而一个综合性网站可能同时包含这两种基本形式。7。信息发布网站仍然是电子商务网站的主流形式。信息发布网站的信息结构设计主要从以下几个方面进行：(1)公司简介；员工信息。产品目录；产品价格表；产品搜索。公司动态；在线订购；销售网络。售后服务；技术支持信息；8、联系方式；财务报告；辅助信息，用来弥补产品品种的缺乏和网页内容的单调；其他内容信息；例如，反馈表、公司人才招聘信息、其他相关网站的链接；增值服务；在网络环境下开辟新的服务项目，增加服务功能，吸引网民再次访问。9。在规划和设计一个具体的网站内容模块和功能时，我们应该主要考虑企业自身的目标和确定的网站功能定位，这样企业才能把上网作为整体

4、战略的有机组成部分，网站才能真正成为有效的品牌宣传阵地、有效的营销工具或有效的网上销售场所。5.2.2网站链接结构的设计网站链接结构的原则是用最少的链接数使浏览效率最高。一般来说，建立网站链接结构有两种基本方式。树链接结构(一对一)类似于dos的目录结构，第一级页面链接指向第一级页面，第一级页面链接指向第二级页面。三维结构就像一棵树。优点：组织清晰，无“丢失”；缺点：浏览效率低，主页必须从一列下的子页面绕过到另一列下的子页面。11，2。网状链接结构(一对多)，类似于网络服务器的链接，每个页面都有相互链接。三维结构就像一张网。优点：浏览方便，随时可以到达您喜欢的页面；缺点：链接太多很容易迷路。1

5、2，这两种基本结构只是理想的方式。在实际的网站中，这两种结构总是一起使用。最好的方法是在第一级页面和第一级页面之间使用网状链接结构，在第一级页面和第二级页面之间使用树形链接结构。超过三页，在页面顶部设置导航栏。随着电子商务的普及，网站之间的竞争越来越激烈，对链接结构的设计要求不仅有限，浏览方便快捷，而且更加注重个性化和关联性。5.2.3网站整体风格的设计是网站设计的重点和难点，是所有网页开发者最想掌握的，也是最难学的，因为没有固定的程序可以参考和模仿。网站的风格是抽象的，这意味着网站的整体形象给访问者一种综合的感觉。风格网站和普通网站的区别在于，你在普通网站上看到的只是堆积在一起的信息，访问者

6、只能用理性的情感来描述它；但是一个有风格的网站可以让人有更深的感性认识。通常情况下，网站设计者应该根据企业的具体情况，找出最有特色的东西，也就是最能体现网站风格的东西，并把它作为网站的特色，重点加强和突出宣传。没有具体的公式，这里仅提供以下参考。以便企业的标志尽可能多地出现在每一页上，无论是页眉、页脚还是背景；突出网站的标准颜色；16，突出显示网站的标准字体；设计一个吸引人的宣传口号；使用统一的图像处理效果；创建企业网站独有的符号或图标。5.3网页的可视化设计、5.3.1网页的设计原则以及网页的简洁命名，不仅有助于今后方便地管理网页，而且使其他人在提交给搜索引擎时更容易检索到它们。一般来说，网

7、站应该提供一个关于这个网站的地图，这样用户就可以知道去哪里。网页应该易于阅读，这意味着有必要规划文本和背景颜色的搭配方案。此外，网页的字体和大小也是需要考虑的因素。视觉效果的合理设计视觉效果主要体现在网页的结构和布局上。有必要充分利用表格来布局网页，突出网站内容的层次性和空间性。19，向图片添加文本描述，以便当网络速度太慢而无法下载图片或用户正在使用文本浏览器时，他仍然可以阅读网页的内容。6.不应使用过多的动画和静态图片。太多的动画和静态图片会增加网页的容量，浪费用户的金钱和时间。20、页面长度应该适中，长页面的传输时间应该比短页面的传输时间长，过长的页面传输会使用户在等待时失去耐心。如果有大

8、量基于文本的文档，它们应该以Adobe Acrobat文件的形式放置。8.最好少用一些Java程序，因为目前Java的运行速度还是比较慢的，这往往会让访问者等不及要显示所有的页面。21，整个页面的风格应该一致，10。最好不要用计数器，计数器也是由程序设计的。显示计数器的过程实际上是程序的一个执行过程，它占用了用户宝贵的在线时间，而且往往毫无意义。这样，用户在浏览网页时会感到舒适和流畅，并在网站上留下深刻的印象。22，11。尽可能多地使用超链接，这样以这种方式制作的网页更容易移植，输入也更少。此外，有必要确保超链接直观有效，以便用户可以快速找到他们想要的内容。不要滥用尖端技术，尖端技术的使用可能

9、会伤害企业中一些用户访问网站的兴趣和热情；另一方面，最新的网站开发技术仍然存在用户浏览器版本支持的问题。23，5.3.2网页布局设计。布局是指用户在浏览器中看到的完整页面(可以包括框架和图层)。布局是指以最适合用户浏览的方式将图片和文本排列在页面的不同位置。1.页面布局步骤，创建初始方案。这属于创作阶段，不讲究精致整洁，不需要考虑细节功能，只用粗线条勾勒出创意轮廓。24，网页布局的初步设计。，注意一定要遵循突出重点、平衡和谐的原则，把网站标识和主菜单等最重要的模块放在最显眼和最显眼的位置，然后考虑次要模块的排放。最终确定。细化和具体化初步布局。25，2。常见的布局形式为“T”型结构布局。所谓的

10、“T”结构是指网页的顶部和左侧相结合的布局，页面顶部是横向的网站标志和广告栏，下方左侧是主菜单，右侧显示内容。这是网页设计中最广泛使用的布局方法。优点：用户可以最大限度地获取信息，非常方便；其次，页面结构清晰，优先级明确，易于使用。缺点：规则不灵活，这使得人们“看起来毫无品味”。“口”布局。在页面的顶部和底部有一个广告栏，主菜单在左边，友情链接在右边，主要内容在中间。优点：页面内容丰富，信息量大；缺点：页面拥挤且不灵活。27、“三”布局。它的特点是页面上有两个水平色块，将整个页面分成四个部分，大部分色块用广告条填充。对称对比布局。优点：视觉冲击力强；缺点：很难将这两部分有机地结合起来。28，P

11、OP布局。是指页面的布局像海报一样，以一幅美丽的图片作为页面的设计中心。优点：美丽迷人；缺点：速度慢。3.页面布局的原则和技巧。只有当内容和形式，即特定网页的布局，达到一个协调的状态，它才能被视为一个真正成功的网页设计。29，正常平衡；指左右、上下控制形式。2)异常平衡；也就是说，非对比形式，但也平衡和节奏。3)比较；色彩、色调等技巧的对比，以及内容的古今、新旧、贫富的对比。以下是一些设计原则：30，凝视；指利用页面中人物的视线，使观者能够模仿跟读的心理，从而达到观看页面的效果。空白。突出优秀和优势，有效体现网页风格。试着用图片来解释。31，5.3.3在网页设计中，不同的颜色应该按照和谐、平衡

12、、突出的原则组合搭配，形成一个美丽的网页。研究表明，颜色的记忆效果是黑白的3.5倍。换句话说，彩色页面比完整的黑白页面更有吸引力。32，网页设计中的一个常见做法：主文本是非彩色的(黑色)，框架、背景和图片是彩色的，这样整个页面就不会单调，用户也不会被主要内容弄得眼花缭乱。1.网页配色的原则和颜色的独特性；颜色的独特性；颜色的适宜性；颜色的联想。33，2。网页配色技巧，同色系统；使用对比色或互补色；使用过渡颜色；使用黑色和一种颜色；34、不要使用所有颜色，尽量控制在三种颜色以内；背景和文本之间的对比度应尽可能大，并应有足够的对比度，以确保页面易于阅读；设计时应考虑主要用户群的背景和组成。35，5

13、.3.4网页中图片和字符的设计，1。充分利用图片。今天在网上显示的大多数图片和图像都是GIF和JPEG格式，PNG和FlashPix文件格式。一般来说，GIF格式：漫画，图标，动画和平面图案背景。JPEG格式：照片和艺术复制品。图像可以弥补文字的不足，但不能完全替代文字。因此，在制作网页时，我们必须注意重复图片中包含的重要信息或用文字链接到其他网页的说明。图像的内容应该有一定的实用效果，避免排场和夸张，最好的图像应该把美与信息内容结合起来。37，2。网站字体，以下是在网页设计中使用字体的原则和技巧：不要使用超过三种字体；不要使用太大或太小的单词；避免过度使用闪烁的词语。38、5.4主页设计，又

14、称主页，是网站的形象页面，是网站的“门面”，所以被称为“主页”，其设计是网站成功的关键主页的设计应遵循快速、简洁、吸引人、信息泛化能力强、易于导航的原则，并应纳入企业CIS(企业识别系统)计划，与企业CIS的其他内容相协调。39，5.4.1主页的功能模块是指主页上要实现的主要内容和功能。最简单的方法是，必须在主页上明确列出三个要点：组织的名称、提供的产品或服务以及主页的内容(即网站上其他页面也包含的内容)。40，41，header，用来准确地标记一个企业的网站，它应该能够反映企业网站的主题，与企业的产品和服务密切相关。主菜单，即导航栏，提供了对关键页面的简单导航，其超链接或图标应清楚地表明企业

15、网站的其他页面上承载了何种信息。42，最新的新闻传播，如果企业网站的主页永远不变，用户很快就会感到厌烦。主页上宣布新的资料即将发布，可以吸引用户再次浏览。为了保持新鲜，一定要确保主页提供最新的信息。电子邮件地址，在页面底部设计一个简单的电子邮件链接，这样用户就可以快速与网站的相关负责人取得联系。这有助于用户节省大量的搜索时间，企业也可以及时得到信息反馈。43，联系方式。您可以列出邮寄地址、公共关系或业务部门的电话号码等。供用户联系。版权信息。其他信息。如广告栏、搜索、友情链接、邮件列表、柜台等。44，5.4.2主页的可视化设计。在确定了主页的内容和功能后，您可以设计主页的布局。在图文主页中，图

16、片和标题通常被视为视觉兴趣点。为了吸引观众的注意力，可以将文本标题整合到屏幕中，这样就可以整合两个兴趣点。设计版面的最好方法是找一张白纸和一支笔，先勾画出理想的草图，然后用网页制作软件来实现。设计师应该了解企业的CIS，熟悉企业的标志、吉祥物、字体和颜色标准，使它们能够在网站的某些部分得到体现，并以平实的方式绘制出符合企业特点的优美曲线，从而将企业印在访问者的脑海中。在设计中，应该避免“覆盖”的问题。封面指的是没有具体内容的主页，只有一个徽标或一个简单的图像菜单。5.4.3主页设计应注意的问题，主页清晰，主题突出；尽可能缩短下载时间。此外，还需要注意与最有抵抗力的设备配合。47，5.5其他页面

17、的设计，5.5.1新闻页面的设计，任何类型的企业的电子商务网站都应该有一个新闻页面，它起着双重作用，可以用来动态发布有关新产品或新开发项目或公司活动的信息，也可以作为公司的活动年表。要建立一个新闻页面，首先在主页上写下并设置可点击的新闻标题，然后写下完整的新闻页面，通过超链接与新闻标题连接。一般来说，主页中新闻标题的文本不应该太长。主要元素和设计方法如下：(1)新闻标题的元素、新闻日期和日期位于标题的开头；用动词描述新闻的目的；设计产品或企业，强调新闻直接涉及产品或企业；提示，用来激发游客的兴趣。49、新闻标题的布局，主页中新闻标题的布局应保持简单、清晰和醒目，通常可采用以下方法。新闻标题按降序排列，最新新闻在顶部，最老的新闻在底部；标准编目员或小图片可以作为新闻标题前的点缀，以增加页面的可读性；将新闻标题列表放在一个上下滚动的窗口中，以容纳更多的新闻。50，2。为了满足方便导航的要求，新闻页面通常可以通过在新闻页面中建立以下方式来实现。，建立菜单栏导航系统，实现新闻页面与网站其他页面之间的无缝跳转。