电子商务2完整版教学课件全书电子讲义(最新)

1、1第1章 电子商务网站的基础知识1.1 浏览商务网站 11.2 商务网站概述 41.3 商务网站的规划与设计分析 621.1 浏览商务网站1.1.1 任务1实训准备 11.1.2 任务2浏览网站 131.1.1 任务1实训准备硬件：能访问Internet的机房，学生每人一台计算机 1.1浏览商务网站41.1.2 任务2浏览网站1办公类网站 通常在企业内部为提高办公效率所采用的网站，如图1-1所示，提供了在学校内部各部门之间的办公及公文管理系统。实现网上通知及时传递，公文及时发放，以及公文查找等功能。图1-1 天津职业大学办公及公文管理系统 52企业宣传类网站 天津南开创元公司：。如图1-2所示

2、。图1-2 南开创元企业网站 6 这类网站通常在首页上用文字或图片介绍企业的最新信息动态，例如本例中的南开创元属于软件开发企业，所以最新动态介绍了主要的软件产品；在网站首页的上部，放置一些链接到网站的其他页面，我们称为目录划分，该网站的目录划分结构为：Home（主页）、“关于我们”、“创元动态”、“成功案例”、“产品介绍”、“技术支持”、“代理产品”、“公司诚聘”、“合作伙伴”。 其他的企业网站首页面安排与栏目划分与此大体类似。73信息发布类商务网站 天津市软件行业协会（）。 这类网站通常是某个行业信息集成单位的网上交流系统，例如本例中的天津市软件行业协会，集中了天津市软件行业的最新动态与相关

3、行业规定。 这类网站的特点是专业信息量大，所以栏目的划分至关重要；对于首页内容的布局如图1-3所示的结构。8 该类网站的目录划分随企业特点不同而不同，例如上面的天津市软件行业协会网站的目录结构：“首页”、“业界动态”、“协会概况”、“软件基地”、“政策法规”、“认证专栏”、“技术专栏”、“企业之窗”、“Language”。 图1-3 天津市软件行业协会首页94电子商城 当前的电子商城几乎提供了电子商务类网站所支持的所有功能：例如商品检索、商品采购、商品展示、订单支持，送货上门等商业一条龙服务，使客户足不出户轻松购物。如易淘吧电子商城（见图1-4）。 图1-4 易淘吧电子商城 101.2 商务网

4、站概述 1.2.1 任务1将商务网站分类 41.2.2 任务2对网站系统进行结构化设计 6111-2-1任务1将商务网站分类1普及型网站 企业根据自身要求确定信息的发布类型和具体内容（如企业基本情况介绍、通讯地址、产品和服务信息、供求信息、人员招聘信息和合作信息等），以达到与客户、供应商、公众和其他一切对该企业感兴趣的人传送信息的目的。 该类网站多数为静态页面，主要用以进行宣传。2应用型网站 除了发布企业信息以外，企业还可以利用互联网的交互功能与客户进行交流；利用在线订单系统接收商品订购和订制；利用在线调查引擎调查客户的需求和喜好；利用留言板接纳客户的意见等。应用型网站的主要功能包括如下。（1

5、）企业信息发布：包括公司简介、部门简介、公司最新动态、公司公告、产品推荐等栏目。（2）商品信息发布系统：企业可以通过此系统发布如商品性能、价格、图形、功能介绍、使用演示、客户评价等内容。另外可以接收客户发来的在线商品订单，网站还可根据企业需要，开发出在线支付、在线结算等系统，使企业网站从简单的网上橱窗发展成为网上交易柜台。123电子商务类网站通过在电子商务应用中对它的一般特点与功能的抽象和定义，解决面向不同电子商务应用层次的通用性问题，为用户提供功能完善、效率高、成本低的建设电子商务应用网站的整体解决方案。电子商务应用被划分为：商品检索、商品采购、订单支付、客户服务和系统管理五大模块。电子商务

6、类网站的主要功能包括如下。（1）支持多种形式的商品发布。（2）支持商品的价格和交叉促销方式。（3）购物车采用Cookie技术，最大限度的提高商品采购的速度。（4）个性化的采购订单模板，方便顾客进行购物组合比较，并实现常规购物的快速选购。（5）购物车内置的价格计算模型可以根据商家的价格体系灵活订制。（6）支持多种国内外主流信用卡的在线支付。（7）完善的客户服务和客户关系管理。（8）与管理软件系列产品进行无缝集成，快速构建大型商务站点。134媒体信息服务网站系统媒体信息服务网站系统主要服务对象为报刊杂志的读者与广告客户，其功能简介如下。（1）信息发布系统：通过信息发布，将报社的文章快速方便地在网上

7、发布。（2）电子版系统：报社可以根据需要，设定一定数量的网站专栏，构造本刊电子版。（3）客户在线咨询系统：可将本社各种最新公告及时通报给读者、特约记者和广告客户，读者可以通过此系统向报社编辑部提出自己的建议和意见、广告客户可以通过此系统向广告部提交广告订单；特约记者可以通过此系统实现在线投递稿件。（4）网站管理系统：网站管理系统使用对象是系统管理员和网站编辑，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目的内容编辑等功能。145办公事务管理网站办公事务管理网站系统主要包括办公事务管理系统、人力资源管理系统、办公成本管理系统和网站管理系统。其具体功能如下。（1）办公事务

8、管理系统主要包括公文与文档管理、企业公告、企业大事记、会议纪要、资产与办公用品管理、行政管理规章制度、办公事务讨论组。（2）人力资源管理系统主要包括员工简历、员工档案、岗位职责、员工通讯录、人事管理规范、人事讨论组等功能。（3）办公成本管理系统主要包括固定资产管理、人力成本管理、经营成本管理等系统。（4）网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。156商务管理网站商务管理网站包括广告商品管理系统、客户管理系统、合同管理系统、营销管理系统及网站管理系统，主要功能如下。（1）广告商品管理系统包括

9、广告资源管理、计划与系统管理，可为公司市场、销售等经营部门提供及时的信息服务。（2）客户管理系统主要包括客户管理、商务代表管理、代理商（大客户）管理等功能，可及时为公司营销管理人员提供最新的客户及相关资料。（3）合同管理系统主要包括合同设置、合同执行、合同评审、变更管理、经济指标、费用支付及信息集成等，规范并优化公司的合同管理流程及管理体系。（4）营销管理系统主要包括经营预算与结算管理以及产品销售量、商务代表业绩、客户采购量、销售金额等信息的统计与分类管理功能。（5）网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏

10、目内容编辑等功能。167企业信息服务网站企业信息服务网站系统主要服务对象为企业客户。通过企业信息服务网站，客户可以及时了解企业经营范围、最新动态、商品及价格等信息，并可通过网站提供的客户咨询服务与企业相关部门进行在线信息交流。主要功能如下：（1）公司信息发布系统本系统包括公司简介、部门简介、最新动态、公告、产品推荐等栏目。（2）产品信息发布系统企业可以通过此系统发布如产品介绍、价格、图片、使用演示、评价等内容。此外，企业可以在此基础上定制开发具备产品定购、在线支付、在线结算等功能的应用系统，使本系统从网上橱窗发展成网上交易柜台。通过此系统，客户可以及时将其需求、意见和建议等信息及时反馈到企业相

11、关部门；企业可以通过此系统，及时将最新的售前与售后咨询服务提供给客户。（3）网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。171.2.2 任务2对网站系统进行结构化设计 随着技术的不断发展和用户对网站功能的需求不断提高，如今网站项目的设计已经不能再仅仅简单地利用静态html文件来实现，作为一类特殊的信息系统，网站项目的设计和开发越来越像一个软件工程，也越来越复杂，网站的开发和建设就是一个系统工程的开发和建设。网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施

12、和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是Internet上宣传和反映企业形象和文化的重要窗口。18商务网站的功能模块如图1-5所示。191.3 商务网站的规划与设计分析 1.3.1 任务1确定Web站点设计原则 71.3.2 任务2设计Web站点基本模块 71.3.3 任务3确定Web站点设计要点 81.3.4 任务4设计首页 101.3.5 任务5编排网站内容 101.3.6 任务6对网页进行可视化设计 121.3.7 任务7设计网站的目录结构和链接结构 141.3.8 任务8了解网站设计的常用技

13、术 1620 企业网站作为一类特殊的信息系统，在系统设计时，应当遵循上面介绍的系统设计的总体思想和原则。同时，由于它的特殊性，在进行站点系统设计时，除根据该类系统的自身特点，还应当把握下面一些要点。1.3 商务网站的规划与设计分析 211.3.1 任务1确定Web站点设计原则 要设计一个有吸引力的网站，至少应该遵循下述一些基本原则。1安全快速访问 足够的带宽是快速访问的保证。页面下载速度是网站留住访问者的关键因素之一，如果20s30s还不能打开一个网页，一般人就会没有耐心。稳定的、全天24小时、全年365天都可以连续工作的服务器是网站正常运作的保证。2及时更新信息 网站信息必须经常更新。在网站

14、建设的初期，很多人错误地认为，要想让网站吸引住浏览者，就一定要把主页的设计尽量做得漂亮。这种看法有极大的片面性。主页设计得好，自然会吸引人们的注意，但这种吸引是暂时的，要想长期吸引住浏览者，最终还是靠网站内容的不断更新。 每次更新的网页内容要尽量在主页中提示给浏览者。由于网站内容的结构一般都是树形结构，所有文章都包含在各级版块或栏目里。因此，如果每次更新的网页内容全都被放进了各级版块和栏目中，浏览者并不知道更新了哪些东西，如果让用户到版块或栏目中去查找，就不是一个好的方法。 223完善检索能力 合理地组织信息内容，以便让浏览者快速、准确地检索到要查询的信息，这是一个网站是否成功的关键。 解决这

15、个问题，通常可通过对网站内容的全中文检索来实现。如果一个网站只有几十页内容，则根本不用进行全中文检索，用遍历方法就可查洵。4网站的信息交互能力 如果一个网站只是为访问者提供浏览，而不能引导浏览者参与到网站内容的部分建设中去，那么它的吸引力是有限的。 231.3.2 任务2设计Web站点基本模块1站点结构图（Sitemap） 站点结构图是一种有关站点结构、组织方式的示意图。各主要内容或题目的详细内容将被列在其下的副标题中。当访问者点击标题、题目或副标题时，相关的网页就会出现在屏幕当中。站点结构图还可以被视为是站点的分级结构图。以这种方式组织起来的信息可以使访问者迅速找到他所需信息的所在位置。2导

16、航栏（Navigation Bar） 每个Web站点都应该包括一组导航工具，它出现在此站点的每一个页面中。导航栏中的按钮应该包括：主页、联系方式、反馈及其他一些用户感兴趣的内容。设计导航栏应注意以下几点：（1）图表比单纯的文字效果更佳，但它必须能够清楚地体现出它所链接的内容。（2）无任何链接的内容不要做成按钮的形式。（3）使用常用颜色。避免在链接处使用特殊的颜色，应该使用标准、醒目的颜色。屏幕上显示的页面所对应的按钮应该相应变成灰色，或突出显示，或以其他方式表示出来。（4）每个页面都应包括代表“返回”或“前进”的箭头。243反馈表（Feedback Forms） 利用反馈表，访问者可以随时便捷

17、的提出信息需求。从反馈表中可以发现，在站点中哪些信息是重要的，哪些是无关紧要的。此外，还可以考虑加设消息栏，用户可以在此发表一些评论，提出他们所关心的问题。这不仅可以使他们与企业保持联系，而且可以让他们互相之间进行交流。4引人入胜的内容（Compelling Content） 在每页中都要包含相关的、引人入胜的内容。特别是当要销售某种产品的时候，每个页面都要用精心修饰的内容和图像。企业的目的是为了吸引普通用户，所以站点上所使用的语言也应该通俗易懂，并对专业用语及技术术语进行解释。可将特别重要的内容用符号标记出来，但不要用得过多，以保持页面的简洁。 255常见问题解答（FAQ） 创建FAQ可以避

18、免重复回答相同的问题，如果将问题列于FAQ页面的上部，并将每个问题与答案连接在一起，可以节省企业和访问者双方的时间和精力。必须确认在导航栏中包含有FAQ按钮。6精美的图像（Good Graphics）图像不应使用过多，要选择合适的、不需要占用太多内存及下载时间的图像。7相关站点链接（Relevant Links）成功的网站通常都可以链接到其他站点，以提供更多相关信息。对每个链接都要做简要说明，以帮助访问者选择最适合其需求的站点。企业需要对所链接站点做定期的访问，删除那些死站点，以免使访问者感到厌烦。每周维护一次就足够了，但要持之以恒。 261.3.3 任务3确定Web站点设计要点各种类型的We

19、b站点的设计侧重点不同，但总的说来有如下设计要点。1目标明确、定位正确 Web站点的设计是企业或机构发展战略的重要组成部分。想在这个新媒体上展示企业形象、企业文化的信息空间，一定要明确设计站点的目的和用户需求，从而做出切实可行的计划。2主题鲜明、富有特色 在目标明确的基础上，对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。Web站点主页应具备的基本成分包括如下。（1）页头：准确无误地标识企业的站点和企业

20、标志。（2）E-mail地址：用来接收用户垂询。（3）联系信息：如普通邮件地址或电话。（4）版权信息。注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。 273版式编排布局合理版式设计通过文字图形的空间组合，表达出和谐与美。努力做到整体布局合理化、有序化、整体化；多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系，特别是关系十分紧密的有上下文关系的页面，一定要设计向前的和向后的按钮，便于浏览者导读。4色彩和谐重点突出色彩是艺术表现的要素之一，它是以光刺激眼睛再传导到大脑中枢而产生的一

21、种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。 28利用色彩对人们心理影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。例如要设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡

22、雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。295形式内容和谐统一形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。在画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式语言必须符合页面的内容，体现内容的丰富含义。6多媒体功能的利用最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性。这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。 307相关站点引导链接

23、一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好友情链接是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其他网站轻而易举。8网站测试必不可少测试实际上就是模拟用户访问网站的过程，以便发现问题改进设计。许多成功的经验表明，让对计算机不是很熟悉的人来参加网站的测试工作效果非常好，这些人会提出许多专业人员没有顾及到的问题或一些好的建议。9合理地运用新技术一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的；但对于网站设计者来说，必须学

24、习掌握网页设计的新技术，如Java、DHTML、XML等，根据网站内容和形式的需要合理地应用到设计中。311.3.4 任务4设计首页从根本上说，首页是全站内容的目录，能否吸引浏览者留在站点上，能否促使浏览者继续单击进入，全凭首页设计的效果。那么，如何设计好一个首页呢？这需要处理好以下两方面的工作。 321确定首页的基本内容模块首页的内容模块是指在首页上需要实现的主要内容和功能。Web站点首页应具备的基本成分包括：页头，准确无误地标识企业的站点和标志；E-mail地址，用来接收用户垂询；联系信息，如普通邮件地址或电话、版权信息。注意可重复利用已有的信息，例如客户手册、公共关系文档、技术手册和数据

25、库等。首页的基本内容包括如下。（1）页头：准确无误地标识企业的站点和标志（Logo）以及广告条（Banner）。（2）主菜单（Menu）。（3）新闻（Whats new）。（4）电子邮件（Mail List）：用来接收用户垂询。（5）联络信息：如普通邮件地址或电话、版权信息（Copyright）等。（6）搜索（Search）。（7）友情链接（Links）。（8）计数器（Count）。（9）其他信息。一般的站点都需要如下一些模块：网站名称（Logo）、广告条（Banner）、主菜单（Menu）、新闻（Whats new）、搜索（Search）、友情链接（Links）、邮件列表（Mail List

26、）、计数器（Count）、版权（Copyright）等。 332设计首页的版面设计版面的最好方法是：找一张白纸、一支笔，先将理想中的草图勾勒出来，然后再用网页制作软件实现。在设计中，应避免“封面”问题。“封面”是指没有具体内容，只放一个标徽Logo单击进入，或者只有简单的图形菜单的首页。除非是艺术性很强的站点，或者确信内容独特足以吸引浏览者进一步单击进入的站点，否则，封面式的首页并不会给企业站点带来什么好处。341.3.5 任务5编排网站内容Internet最大的资源优势在于它的多媒体功能，因而要尽一切努力开发挖掘，吸引浏览者保持注意力。1协调页面元素的关系在页面中，图片、文字之间的前后位置及

27、疏密程度的不同所产生的视觉效果各不相同。在网页上，图片、文字前后叠压所构成的空间层次目前还不多见，常见的是一些设计得比较规范化、简明化的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。例如页面上、左、右、下、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，注目程度高，疏密的位置关系变化使空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。352网站内容开发的要点影响网站成功的因素主要有网站结构的合理性、直观性，多媒体信息的实效性。成功网站的最大秘诀在于让用户感到网站对他们非常有用，因此，网站内容开发对于网站建设至关重要。进行网站内容开发

28、的要点包括：HTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。所以在网页设计时要充分考虑网页是否让所有的浏览器能够正常浏览。网站信息的组织最好采用树形结构，因为吸引用户的关键在于总体结构的层次分明。因为网状结构不仅不利于用户查找信息，而且在以后会带来复杂的维护工作。图像、声音和视频信息能够比普通文本提供更丰富和更直接的信息，但直接后果是文件太大且浏览速度缓慢，因此图像和媒体文件的使用要适度。网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。在主页上，注明更新日期及URL（统一资源定位符）对于经常访问的用户非常有用。网页中应该提供一些联机帮助功能。如输入查询关键词

29、就可以提供一些简单的例子，千万不能让用户不知所措。网页的文本内容应简明扼要、通俗易懂。文字要正确，不能有语法错误和错别字。363企业Web站点的典型内容企业的Web站点应包括以下典型内容。（1）企业的基本背景介绍企业的背景介绍材料，如果有条件，最好能够提供相应的英文版，简介文字最好提供简单和详实两个版本。专业的电子版企业简介应该具有图文混排的非HTML格式，例如可以使用Acrobat的PDF格式供客户下载，因为Acrobat文件能够保持图文排列的整体观感。（2）详细的产品资料或服务介绍生产制造类企业应该把自己主要产品的全貌反映在网站上，让客户能够查询到产品的主要技术规格、照片和其他可公开的信息

30、；服务类企业应该通过各种手段把详尽的服务内容和条款列出。根据企业产品或服务门类的多少，企业网站也应该采用不同的内容构造方式。如果企业的产品线比较复杂，并且经常有产品升级换代，那么最好采用Web数据库技术，让访问者可以进行数据库查询和分类检索。（3）技术支持资料除了产品说明书之外，企业还应该掌握自己产品的更多信息，如常见故障处理、计算机产品的编程接口等。这些资料如果能够公开，可放入网站，以减轻企业技术支持人员的工作量。37（4）企业营销网络很多企业在总部以外都有其他分支机构，为此企业应该在网站上列出全球范围内所有可接洽到的办公场所，包括他们的电话、传真、电子邮件，并列出他们各自的职能。（5）财务

31、报告对于股份制尤其是上市的企业，应该将重要的财务报告上网，让股民能够方便地查询到这些信息，包括中报、年报和各种配股计划。（6）收集客户反馈在企业网站上应该至少带有一个客户反馈表单，用于收集客户和普通访问者对企业改进产品和服务的意见或建议。网络管理员应该经常检查提交上来的内容，并及时转交给企业决策部门使用。（7）其他针对企业经营特点的内容如服装制造企业可以加入一些时尚网站的链接，音响制品厂商可以加入音乐站点链接。但是，千万不要直接链接到竞争厂商的网站。在企业Web站点建立后，要不断更新内容，利用这种新媒体宣传本企业的企业文化、企业理念和企业产品。站点信息的不断更新和新产品的不断推出，会让浏览者感

32、到企业的实力和发展，同时也会使企业更加有信心。要认真回复用户的电子邮件、传统信件、电话垂询和传真，做到有问必答。最好将用户进行分类，例如售前一般了解、销售、售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在，产生信任感。 381.3.6 任务6对网页进行可视化设计页面可视化设计主要包括页面组织效果、页面色调效果、页面版式设计、页面美术设计等几方面内容。1页面组织效果页面组织效果主要通过页面元素来体现，页面元素可以是一个点，一条线或者一个面。（1）点点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标、单个图

33、片、按钮或一段文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，或将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而会给人不同的心理感受。 39（2）线线在编排设计中有强调、分割、导线、视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉；弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序。页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次的韵律感。网页设计中点、线的运用并不是孤立的，很多时候都需要将它们结合起来，以表达完美的

34、设计意境。402页面色调效果关于色彩的原理有许多，在此仅仅阐述网页配色时的一些常用技巧。（1）用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度（说得通俗些就是将色彩变淡或加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。（2）用两种色彩。先选定一种色彩，然后选择它的对比色。（3）用一个色系。简单地说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：（1）不要将所有颜色都用到，尽量控制在3种色彩以内。（2）背景和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。413页面版式设计版面指的是从浏览

35、器看到的完整的一个页面（可以包含框架和层次）。对于版面布局的设计，应当重视如下原则：加强视觉效果，加强文字图案的可视度和可读性；统一感的视觉；新鲜和个性是版面布局的最高境界。常用版面布局的形式：（1）“T”结构布局所谓“T”结构就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局。因为菜单条背景较深，整体效果类似英文字母“T”，所以称为“T”形布局。这是网页设计中使用最广泛的一种布局方式。这种布局的优点是页面结构清晰、主次分明，且是初学者最容易掌握的布局方法。缺点是规矩呆板，如果色彩细节上再不注意，很容易让人看后乏味。 42（2）“U”形布局这是一个象形的说法，就是页面一

36、般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用于中间的窗口型的设计，例如网易的壁纸站。（3）对称对比布局顾名思义，采取左右或者上下对称的布局，一半深色，另一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。43（4）POP布局POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。此类布局常用于时尚类站点，比如ELLE.com。优点是显而易见，漂亮吸引人，缺点是速度慢。布局需注意的地方：通常阅读时眼睛从左上方开始，逐行浏览到达

37、下方，插入图像时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对视觉最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。这种思路可以用于所有图片：面部应该“看”网页的中部；汽车的“停靠”面向网页中部；道路、领带等图片的放置都应该有助于吸引目光从左向右、从上向下的移动；一般总是把网站导航栏放置在页面左边，也是出于这种考虑，不断地出现在浏览者最佳视野之中。以上总结了目前网络上常见的几种布局，此外还有许多别具一格的布局，关键在于网站本身的创意和设计。444页面美术设计网页设计与其他出版设计最大的不同表现在以下三方面。（1）传播的媒介不同

38、许多用户是用Modem上网的，考虑到用户的容量程度，图形一般不宜太大；通常每个图形应小于30KB，每个页面图形总量应小于50KB。图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30KB左右可以保证比较理想的下载速度。图像以在6KB8KB之间为宜，每增加2KB会延长1s的下载时间。（2）所能采用的文件格式的限制对通用浏览器来说，能识别的图像格式仅为JPEG和GIF。这两者又各有不同的特点和适用环境。45（3）与美术设计人员要有良好的合作首先应该能向他们提供前面所说的内容和逻辑结构图。因为他们的责任仅是对网页的形式负责，而至于内容，必须由企业业务人员去敲定。其次，应该把站点的美术

39、需求、风格等告诉美术创作人员。如果可能的话，最好能带着他们去见业务人员，直接了解站点形象方面的要求。此外，还应该把企业原有的一些成功的宣传册子、CI（企业形象）手册等材料尽可能交给美术人员作为参考。在向美术设计人员提供了上述信息和材料后，就可以让他们设计出形成站点风格的一些关键要素了。从美术和效率的角度出发，应该考虑采用可视化的页面编辑工具。最好能请一些有美感、懂得排版的人从事此项上作。他们可能多半不会使用HTML语言，但比程序员制作出来的网页页面要好看得多。此外，工具的选择也很重要。市场上有很多编辑器，有的工具很好，它能有效地把高级美术人员、排版人员以及程序员的工作分开。461.3.7 任务

40、7设计网站的目录结构和链接结构为了实现信息的有效传递，也为了便于网站的更新和维护，站点目录结构的设计十分重要。主次分明、脉络清晰的站点结构使访问者对网站内容一目了然，便于获得所需信息。同时，规划合理的目录结构对于网站所有者来说，可以在以后的内容更新和维护中，节省大量时间和精力。 471网站的目录结构网站目录是指建立网站时创建的目录。例如在用FrontPage 2003建立网站时都默认建立了根目录、Images目录和子目录。目录结构的好坏，对浏览者并没有什么太大的影响，但是对于站点本身的上传维护、未来的内容扩充和移植有着重要的影响。（1）所有文件不要都存放在根目录下有的网站为了方便，将所有文件都

41、放在根目录下。这样做造成的不利影响在于以下几个原因。 文件管理混乱。常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，这会影响工作效率。 上传速度慢。服务器一般都会为根目录建立一个文件索引。如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也越长。所以，建议尽可能减少根目录的文件存放数。 48（2）按栏目内容建立子目录子目录的建立应首先按主菜单栏目建立。例如网页教程类站点可以根据技术类别分别建立相应的目录，像Flash、DHTML、JavaScript等。企业站点可以按公司简介、

42、产品介绍、价格、在线订单、反馈联系等建立相应的目录。其他的次要栏目，需要经常更新，可以建立独立的子目录，而一些相关性强、不需要经常更新的栏目，例如关于本站、关于站长、站点经历等，可以合并放在一个统一的目录下。所有程序一般都存放在特定目录下，例如CGI（通用网类接口）程序放在Cgi-bin目录。为便于维护管理，所有需要下载的内容也最好放在一个目录下。 492网站的链接结构网站的链接结构是指页面之间相互链接的拓扑结构。研究网站的链接结构的目的在于：用最少的链接，使得浏览最有效率。通常，建立网站的链接结构有两种基本方式。（1）树状链接结构（一对一）该结构类似DOS的目录结构，首页链接指向一级页面，一

43、级页面链接指向二级页面。立体结构看起来就像蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。该结构的优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经栏目页。（2）星状链接结构（一对多）该结构类似网络服务器的链接，每个页面相互之间都建有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路。50在实际的网站设计中，经常见到这两种结构的混合使用。通常首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。如果站点内容庞大、分类明细，需要超过三级页面，那么建议在页面里

44、显示导航栏，这样可以帮助浏览者明确自己所处的位置。读者在许多网站页面顶部可看到类似的表示：“您现在的位置是：首页财经新闻股市信息深圳股深发展”。在链接结构确定后，考虑链接的效果和形式，是采用下拉表单，还是用DHTML动态菜单等等。实际上，站点内容和功能的设计是网络营销策略的直接体现，从单纯的企业介绍、企业形象树立、企业产品与服务信息的发布到网上直销，网站的内容与功能设计既要符合企业的需求，又要参考当前技术的发展状况和应用水平。以网络营销为主的企业站点不但要充分运用多媒体技术实现信息发布功能，更重要的是要发挥Web的交互特性，实现网站信息检索、在线客户服务、用户反馈信息收集，甚至在线订单、在线购

45、物、在线支付等功能。 511.3.8 任务8了解网站设计的常用技术Internet是发展最快的领域，新的网页制作技术几乎每天都会出现，对于网站设计者来说，必须学习、跟踪、掌握网页设计的新技术，将站点功能与内容有机地结合起来。这实际上对网站设计者的素质要求极高，因为这是一个正在形成和蓬勃发展的新领域，几乎每天都会有新的技术和规范产生，具体的如Java、DHTML、XML、DOM等新技术，需要不断学习才能不落伍。为此，在建设网站时，就需要根据不同功能采取不同的设计技术。就目前的情况来看，企业网站的设计技术基本上有7种。521网页设计技术网页设计技术无疑是网站开发的基本功。网站是否美观大方，是否拥有

46、强烈的视觉冲击力，与网页的设计技术密切相关。设计网页的技巧多种多样，各类参考书籍也是数不胜数。2数据库技术一个网站如果没有数据库技术支持，它的维护成本会相当高昂。采用数据库技术的最大好处有两个：一是方便用户的浏览、查询检索以及统计比较等；二是容易进行信息、数据的更新，系统维护成本相对较低。数据库技术可以广泛应用于企业网站，常见的有如下。53（1）新闻数据库系统：及时更新资料，让用户迅速查阅关于企业的各项新闻动态资料。（2）产品数据库系统：进行企业产品的介绍、评价、导购、检索、网上订购和使用问答等等。（3）调查数据库系统：进行服务调查、产品调查、形象调查、宣传调查等，并可以自动进行统计分析。（4

47、）用户数据库系统：提供良好的售后服务。543表单回收技术所谓的表单回收技术是指在网上设置一些表格，用户填写之后，可以自动反馈给企业。企业网站应用的表单回收技术主要包括：用户的建议、投诉、人才招聘、招商合作、意见反馈等。4邮件列表技术邮件列表（Mailing List）技术能够让用户及时订阅企业的最新资料或者网站的更新动态。如果企业希望更多的访问者留下联系信息的话，建议采用这一技术。5全文检索技术采用全文检索技术，可以让用户迅速查找到所需要的内容。如果企业网站比较大，应该使用这一技术。556搜索引擎技术这个技术可以把与企业相关的资料、网站集合在一起，从而使用户迅速查阅与企业产品、服务、权益等相关

48、的各种资料。这也是目前最为流行的“企业门户网站”概念。7电子商务技术采用电子商务技术，可以实现网上的订购与交易功能，但由于此项技术涉及到资金的转移，因而难度很高，目前尚未形成规模。但此项技术将是企业网站的发展方向之一，所以在网站设计时应该留出一个发展空间。理论上说，囊括了上述技术的网站无疑将是非常出色的。但有一点必须注意，如果全部采用上述技术，投入的费用相当高。因此，在实际运作中，企业应该根据自己的实际情况和实际能力，量力而行。56习题一、思考题（1）为什么会产生电子商务？（2）你身边有哪些电子商务应用？（3）你希望通过学习电子商务学到什么？（4）规划一个Web站点需要考虑哪些因素？二、操作题

49、（1）上网浏览几个电子商务网站，说出他的首页布局，归纳它们的栏目划分。（2）任选一个电子商务类网站，规划它的栏目划分，在网页编辑工具FrontPage 2003或Dreamweaver MX中编辑商务网站的首页。（3）从Internet上搜索并浏览两个不同类型的网站，一个为制造型企业的商务网站，一个为销售型企业的商务网站，试比较这两个不同类型的网站之间内容、功能上有何差异。第2章 构建商务网站的运行环境 2.1 商务网站的发布 182.2 Web站点的建立 192.3 Web站点的目录管理 292.4 FTP站点的建立 362.5 FTP站点的安全管理 402.6 知识拓展 44习题572.1

50、 商务网站的发布 发布站点是将构成网页和站点的所有文件复制到Web服务器上，让浏览者看到网页设计者或某一个公司的作品，在第1章中给出了Internet浏览器/服务器结构的示意图，那么，把网页作品放在什么地方，才能让所有的人浏览？当然，是在服务器上。在服务器上安装、运行适当的软件，并运行相应的服务。 如图2-1所示，是Web站点在服务器上运行的环境：在操作系统之上运行Web、E-mail、FTP等服务器软件，再加上Web站点连接Internet的硬件设备就可构成交互的商务网站的运行环境了。 58常用的Web环境有如下几种。1Windows 98系统要求：安装网络协议TCP/IP。安装PWS（Pe

51、rsonal Web Server，个人Web服务器），用于发布Web站点。安装Office 2000中的Access 2000作为网站后台数据库。59图2-1 商务网站的运行环境 2Windows 2000系统（本书即用该环境）要求：安装网络协议TCP/IP。安装IIS（Internet Information Server），创建和管理Web站点。安装FTP（File Transfer Protocol），管理Web站点的文件。安装Office 2000中的Access 2000作为Web站点后台数据库或安装SQL Server个人版或企业版。3JSP（Java服务器网页）开发环境要求：同

52、Windows 2000系统。额外需要：J2sdk和resin-2.0.1。安装J2sdk1.3.1或1.4都可，其他开发工具也可。配置系统：JSDK安装完成后应配置系统的环境变量，Java才能正确执行。配置过程如下：选择我的电脑|属性|系统特性|高级，环境变量：新建/classpath；变量值：Jsdk的安装路径bin；单击【确定】按钮；重新启动计算机生效。安装resin-2.0.1。以下将着重介绍Windows 2000系统下商务网站的运行环境。602.2 Web站点的建立 2.2.1 任务1安装IIS 19 2.2.2 任务2创建Web站点 212.2.3 任务3把多个IP地址绑定到同一

53、台服务器上 212.2.4 任务4创建一个新的Web站点 232.3.5 任务5为同一个IP创建多个Web站点 2761WWW服务是网站应当提供的一项基本服务功能。在本节中，将学习利用Microsoft管理控制台（MMC）配置WWW服务，这是目前大多数网站都采用的方式。Microsoft管理控制台（MMC）为WWW服务的如下四方面提供了属性对话框：（1）WWW主属性（Master Service），对当前服务器上所有Web站点都起作用的属性；（2）Web站点（Site），针对某一特定Web站点的属性；（3）目录（Directory），针对目录（包括虚拟目录）的属性；（4）文件（File），针对

54、单个文件的属性。掌握上面4项属性，就可以对IIS服务器和它的Web站点的各个方面进行配置。 622.2.1 任务1安装IIS Internet Information Server（以下简称IIS）是站点（Site），包括Web、FTP、News和E-mail服务器站点的管理中心，操作系统不是默认安装的，安装步骤如下：（1）在“控制面板”中，鼠标双击“添加/删除程序”图标，弹出如图2-2所示的“添加/删除程序”窗口。 6364图2-2 “添加/删除程序”窗口（2）单击“添加/删除程序”对话框左侧的“添加/删除Windows组件”选项，出现如图2-3所示的“Windows组件向导”对话框，在“I

55、nternet信息服务（IIS）”复选框前的方框上单击鼠标左键，出现“”，代表安装该组件，单击【下一步】按钮，以后选择默认项，即可安装完毕。65图2-3 “Windows组件向导”对话框2.2.2 任务2创建Web站点要建立一个Web站点，首先需要提供一个IP地址。可以采用下面的3种方法之一，在计算机上建立多个站点。方法一：把多个IP地址绑定到同一台服务器上。方法二：使用不同的主机头名称。（推荐方法）方法三：TCP端口法，Web站点的默认端口一般为80，改变这一端口，就能实现在同一服务器上新增站点的目的。由于TCP端口法无法与DNS结合，因此，主要讲解前两种方法。 662.2.3 任务3把多个

56、IP地址绑定到同一台服务器上在装有Windows 2000的计算机上增加IP地址，就可以在用户的IIS服务器上增加多个Web站点。为了完成以下各步，操作者需要具有管理员权限和空闲的IP地址（包括子网掩码）。其操作步骤如下：（1）打开“控制面板”，然后双击“网络和拨号连接”图标，如图2-4所示。67图2-4 “控制面板”对话框 （2）从打开的“网络和拨号连接”对话框中，选择“本地连接”选项，右击，从弹出的快捷菜单中选择“属性”命令，打开“本地连接属性”对话框，选择“常规”选项卡，选择“Internet协议（TCP/IP）”选项，如图2-5所示。然后，单击【属性】按钮，出现“Internet协议（

57、TCP/IP）属性”对话框，如图2-6所示。 68图2-5 “本地连接属性”对话框 图2-6 “Internet协议（TCP/IP）属性”对话框 （3）在该对话框中至少已经具有了一个IP地址，要增加新的IP地址，单击【高级】按钮，出现“高级TCP/IP设置”对话框，如图2-7所示。69图2-7 “高级TCP/IP设置”对话框 （4）单击“IP地址”域内的【添加】按钮，然后在弹出的“TCP/IP地址”对话框中输入IP地址和子网掩码，如图2-8所示。（5）单击【确定】按钮，关闭对话框，然后重新启动计算机，即可实现新IP地址的添加。 70图2-8 添加TCP/IP地址2.2.4 任务4创建一个新的W

58、eb站点一个默认的Web站点已经随IIS 5.0的安装而安装了，然而，在大多数情况下，用户需要创建自己的内容。因此，必须创建一个新的Web站点。在给服务器添加了新的IP地址之后，这项工作就比较容易了。在下述步骤中所创建的Web站点与默认的Web站点在内容上几乎一样，这是因为新站点的主目录指向默认Web站点的主目录，新创建站点的名字为edu。操作步骤如下： 71（1）在程序组的子项目管理工具中，选择“Internet信息服务”，打开“Internet信息服务”主界面，将会看到所有连接到服务器的列表，因为目前尚未连接到任何服务器，所以在列表中只看到本地机器（这里是admin）。如图2-9所示 72

59、图2-9 Internet信息服务主界面 （2）双击计算机名（admin）或是单击admin前的，查看此计算机运行的所有站点，可看到有默认Web站点、默认FTP站点、管理Web站点以及默认SMTP虚拟服务器。如图2-10所示。73图2-10 查看计算机当前的站点 （3）在计算机名admin上右击，在弹出的快捷菜单中选择“新建”|“Web站点”命令，如图2-11所示。74图2-11 “Internet信息服务”新建Web站点（4）这时将打开新的Web站点创建向导，进入向导第一步输入“Web站点说明”，可以在“Web站点说明”的“说明”文本框中输入Web站点名tsia。如图2-12所示。单击【下一

60、步】按钮，打开向导的第二步“IP地址和端口设置”。75图2-12 Web站点创建向导一：输入站点说明 （5）在向导的第二步，将被要求输入Web站点的IP地址和服务器的端口号（WWW服务器默认的端口号为80），选择一个IP地址给新的站点，如图2-13所示。单击【下一步】按钮，打开向导的第三步“Web站点主目录”。76图2-13 Web站点创建向导二：设置IP与TCP端口 （6）在向导的第三步，需要提供Web位于服务器上的目录和此Web站点是否允许匿名访问。浏览默认Web站点的目录（在标准安装的情况下应为：“驱动器盘号：Inetpubwwwroot”），如图2-14所示。单击【下一步】按钮，打开向