《电子商务2完整版教学课件全书电子讲义(最新).ppt》由会员分享，可在线阅读，更多相关《电子商务2完整版教学课件全书电子讲义(最新).ppt（355页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1第第1 1章章 电子商务网站的基础知识电子商务网站的基础知识1.1浏览商务网站11.2商务网站概述41.3商务网站的规划与设计分析621.11.1浏览商务网站浏览商务网站1.1.1任务1实训准备11.1.2任务2浏览网站131.1.1 任务任务1实训准备实训准备硬件：能访问Internet的机房，学生每人一台计算机1.11.1浏览商务网站浏览商务网站41.1.21.1.2任务任务22浏览网站浏览网站1 1办公类网站办公类网站 通常在企业内部为提高办公效率所采用的网站，如图1-1所示，提供了在学校内部各部门之间的办公及公文管理系统。实现网上通知及时传递，公文及时发放，以及公文查找等功能。图1-
2、1 天津职业大学办公及公文管理系统 52企业宣传类网站企业宣传类网站 天津南开创元公司：天津南开创元公司：http:/。如图。如图1-2所示。所示。图1-2 南开创元企业网站 6这类网站通常在首页上用文字或图片介绍企业的最新信息动态，例如本例中的南开创元属于软件开发企业，所以最新动态介绍了主要的软件产品；在网站首页的上部，放置一些链接到网站的其他页面，我们称为目录划分，该网站的目录划分结构为：Home（主页）、“关于我们”、“创元动态”、“成功案例”、“产品介绍”、“技术支持”、“代理产品”、“公司诚聘”、“合作伙伴”。其他的企业网站首页面安排与栏目划分与此大体类似。73信息发布类商务网站信息
3、发布类商务网站天津市软件行业协会（http:/）。这类网站通常是某个行业信息集成单位的网上交流系统，例如本例中的天津市软件行业协会，集中了天津市软件行业的最新动态与相关行业规定。这类网站的特点是专业信息量大，所以栏目的划分至关重要；对于首页内容的布局如图1-3所示的结构。8该类网站的目录划分随企业特点不同而不同，例如上面的天津市软件行业协会网站的目录结构：“首页”、“业界动态”、“协会概况”、“软件基地”、“政策法规”、“认证专栏”、“技术专栏”、“企业之窗”、“Language”。图1-3 天津市软件行业协会首页94电子商城当前的电子商城几乎提供了电子商务类网站所支持的所有功能：例如商品检索
4、、商品采购、商品展示、订单支持，送货上门等商业一条龙服务，使客户足不出户轻松购物。如易淘吧电子商城（见图1-4）。图1-4 易淘吧电子商城 101.21.2商务网站概述商务网站概述 1.2.1任务1将商务网站分类41.2.2任务2对网站系统进行结构化设计6111-2-11-2-11-2-11-2-1任务任务任务任务1 1 1 1将商务网站分类将商务网站分类将商务网站分类将商务网站分类1普及型网站普及型网站企企业根据自身要求确定信息的根据自身要求确定信息的发布布类型和具体内容（如企型和具体内容（如企业基本基本情况介情况介绍、通、通讯地址、地址、产品和服品和服务信息、供求信息、人信息、供求信息、人
5、员招聘信息和招聘信息和合作信息等），以达到与客合作信息等），以达到与客户、供、供应商、公众和其他一切商、公众和其他一切对该企企业感感兴趣的人趣的人传送信息的目的。送信息的目的。该类网站多数网站多数为静静态页面，主要用以面，主要用以进行宣行宣传。2应用型网站用型网站 除了除了发布企布企业信息以外，企信息以外，企业还可以利用互可以利用互联网的交互功能与客网的交互功能与客户进行交流；利用在行交流；利用在线订单系系统接收商品接收商品订购和和订制；利用在制；利用在线调查引引擎擎调查客客户的需求和喜好；利用留言板接的需求和喜好；利用留言板接纳客客户的意的意见等。等。应用型网站的主要功能包括如下。用型网站的
6、主要功能包括如下。（1）企）企业信息信息发布：包括公司布：包括公司简介、部介、部门简介、公司最新介、公司最新动态、公司公告、公司公告、产品品推荐等推荐等栏目。目。（2）商品信息）商品信息发布系布系统：企：企业可以通可以通过此系此系统发布如商品性能、价格、布如商品性能、价格、图形、功形、功能介能介绍、使用演示、客、使用演示、客户评价等内容。另外可以接收客价等内容。另外可以接收客户发来的在来的在线商品商品订单，网站，网站还可根据企可根据企业需要，开需要，开发出在出在线支付、在支付、在线结算等系算等系统，使企，使企业网站从网站从简单的网上橱窗的网上橱窗发展成展成为网上交易柜台。网上交易柜台。123电
7、子商子商务类网站网站通过在电子商务应用中对它的一般特点与功能的抽象和定义，解决面向不同电子商务应用层次的通用性问题，为用户提供功能完善、效率高、成本低的建设电子商务应用网站的整体解决方案。电子商务应用被划分为：商品检索、商品采购、订单支付、客户服务和系统管理五大模块。电子商务类网站的主要功能包括如下。（1）支持多种形式的商品发布。（2）支持商品的价格和交叉促销方式。（3）购物车采用Cookie技术，最大限度的提高商品采购的速度。（4）个性化的采购订单模板，方便顾客进行购物组合比较，并实现常规购物的快速选购。（5）购物车内置的价格计算模型可以根据商家的价格体系灵活订制。（6）支持多种国内外主流信
8、用卡的在线支付。（7）完善的客户服务和客户关系管理。（8）与管理软件系列产品进行无缝集成，快速构建大型商务站点。134媒体信息服务网站系统媒体信息服务网站系统主要服务对象为报刊杂志的读者与广告客户，其功能简介如下。（1）信息发布系统：通过信息发布，将报社的文章快速方便地在网上发布。（2）电子版系统：报社可以根据需要，设定一定数量的网站专栏，构造本刊电子版。（3）客户在线咨询系统：可将本社各种最新公告及时通报给读者、特约记者和广告客户，读者可以通过此系统向报社编辑部提出自己的建议和意见、广告客户可以通过此系统向广告部提交广告订单；特约记者可以通过此系统实现在线投递稿件。（4）网站管理系统：网站管
9、理系统使用对象是系统管理员和网站编辑，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目的内容编辑等功能。145办公事公事务管理网站管理网站办公事务管理网站系统主要包括办公事务管理系统、人力资源管理系统、办公成本管理系统和网站管理系统。其具体功能如下。（1）办公事务管理系统主要包括公文与文档管理、企业公告、企业大事记、会议纪要、资产与办公用品管理、行政管理规章制度、办公事务讨论组。（2）人力资源管理系统主要包括员工简历、员工档案、岗位职责、员工通讯录、人事管理规范、人事讨论组等功能。（3）办公成本管理系统主要包括固定资产管理、人力成本管理、经营成本管理等系统。（4）网站管
10、理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。156商商务管理网站管理网站商务管理网站包括广告商品管理系统、客户管理系统、合同管理系统、营销管理系统及网站管理系统，主要功能如下。（1）广告商品管理系统包括广告资源管理、计划与系统管理，可为公司市场、销售等经营部门提供及时的信息服务。（2）客户管理系统主要包括客户管理、商务代表管理、代理商（大客户）管理等功能，可及时为公司营销管理人员提供最新的客户及相关资料。（3）合同管理系统主要包括合同设置、合同执行、合同评审、变更管理、经济指标、费用支付及信息集成等
11、，规范并优化公司的合同管理流程及管理体系。（4）营销管理系统主要包括经营预算与结算管理以及产品销售量、商务代表业绩、客户采购量、销售金额等信息的统计与分类管理功能。（5）网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。167企企业信息服信息服务网站网站企业信息服务网站系统主要服务对象为企业客户。通过企业信息服务网站，客户可以及时了解企业经营范围、最新动态、商品及价格等信息，并可通过网站提供的客户咨询服务与企业相关部门进行在线信息交流。主要功能如下：（1）公司信息发布系统本系统包括公司简介、部门简介
12、、最新动态、公告、产品推荐等栏目。（2）产品信息发布系统企业可以通过此系统发布如产品介绍、价格、图片、使用演示、评价等内容。此外，企业可以在此基础上定制开发具备产品定购、在线支付、在线结算等功能的应用系统，使本系统从网上橱窗发展成网上交易柜台。通过此系统，客户可以及时将其需求、意见和建议等信息及时反馈到企业相关部门；企业可以通过此系统，及时将最新的售前与售后咨询服务提供给客户。（3）网站管理系统本系统为网站管理人员提供了便捷的网站管理工具，主要包括用户及权限设置、数据库维护、网页设置、标志与标题设置及网站各栏目内容编辑等功能。171.2.2 1.2.2 1.2.2 1.2.2 任务任务任务任务
13、2 2 2 2对网站系统进行结构化设计对网站系统进行结构化设计对网站系统进行结构化设计对网站系统进行结构化设计 随着技随着技术的不断的不断发展和用展和用户对网站功能的需求不断网站功能的需求不断提高，如今网站提高，如今网站项目的目的设计已已经不能再不能再仅仅简单地利用地利用静静态html文件来文件来实现，作，作为一一类特殊的信息系特殊的信息系统，网站，网站项目的目的设计和开和开发越来越像一个越来越像一个软件工程，也越来越复件工程，也越来越复杂，网站的开，网站的开发和建和建设就是一个系就是一个系统工程的开工程的开发和建和建设。网站是企网站是企业向用向用户和网民提供信息（包括和网民提供信息（包括产品
14、和服品和服务）的一种方式，是企）的一种方式，是企业开展开展电子商子商务的基的基础设施和信施和信息平台，离开网站（或者只是利用第三方网站）去息平台，离开网站（或者只是利用第三方网站）去谈电子商子商务是不可能的。企是不可能的。企业的网址被称的网址被称为“网网络商商标”，也是企也是企业无形无形资产的的组成部分，而网站是成部分，而网站是Internet上宣上宣传和反映企和反映企业形象和文化的重要窗口。形象和文化的重要窗口。18商务网站的功能模块如图1-5所示。191.31.3商务网站的规划与设计分析商务网站的规划与设计分析 1.3.1任务1确定Web站点设计原则71.3.2任务2设计Web站点基本模块
15、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了解网站设计的常用技术1620企业网站作为一类特殊的信息系统，在系统设计时，应当遵循上面介绍的系统设计的总体思想和原则。同时，由于它的特殊性，在进行站点系统设计时，除根据该类系统的自身特点，还应当把握下面一些要点。1.31.3商务网站的规划与设计分析商务网站的规划与设计分析 211.3.1 1.3.1 1.3.1 1.3.1 任务任务任务任务1 1 1 1确定确定确定确定WebWebWebW
16、eb站点设计原则站点设计原则站点设计原则站点设计原则 要设计一个有吸引力的网站，至少应该遵循下述一些基本原则。1安全快速访问安全快速访问 足够的带宽是快速访问的保证。页面下载速度是网站留住访问者的关键因素之一，如果20s30s还不能打开一个网页，一般人就会没有耐心。稳定的、全天24小时、全年365天都可以连续工作的服务器是网站正常运作的保证。2及时更新信息及时更新信息 网站信息必须经常更新。在网站建设的初期，很多人错误地认为，要想让网站吸引住浏览者，就一定要把主页的设计尽量做得漂亮。这种看法有极大的片面性。主页设计得好，自然会吸引人们的注意，但这种吸引是暂时的，要想长期吸引住浏览者，最终还是靠
17、网站内容的不断更新。每次更新的网页内容要尽量在主页中提示给浏览者。由于网站内容的结构一般都是树形结构，所有文章都包含在各级版块或栏目里。因此，如果每次更新的网页内容全都被放进了各级版块和栏目中，浏览者并不知道更新了哪些东西，如果让用户到版块或栏目中去查找，就不是一个好的方法。223完善完善检索能力索能力合理地组织信息内容，以便让浏览者快速、准确地检索到要查询的信息，这是一个网站是否成功的关键。解决这个问题，通常可通过对网站内容的全中文检索来实现。如果一个网站只有几十页内容，则根本不用进行全中文检索，用遍历方法就可查洵。4网站的信息交互能力网站的信息交互能力如果一个网站只是为访问者提供浏览，而不
18、能引导浏览者参与到网站内容的部分建设中去，那么它的吸引力是有限的。231.3.2 1.3.2 1.3.2 1.3.2 任务任务任务任务2 2 2 2设计设计设计设计WebWebWebWeb站点基本模块站点基本模块站点基本模块站点基本模块1站点结构图（站点结构图（Sitemap）站点结构图是一种有关站点结构、组织方式的示意图。各主要内容或题目的详细内容将被列在其下的副标题中。当访问者点击标题、题目或副标题时，相关的网页就会出现在屏幕当中。站点结构图还可以被视为是站点的分级结构图。以这种方式组织起来的信息可以使访问者迅速找到他所需信息的所在位置。2导航栏（导航栏（Navigation Bar）每个
19、Web站点都应该包括一组导航工具，它出现在此站点的每一个页面中。导航栏中的按钮应该包括：主页、联系方式、反馈及其他一些用户感兴趣的内容。设计导航栏应注意以下几点：（1）图表比单纯的文字效果更佳，但它必须能够清楚地体现出它所链接的内容。（2）无任何链接的内容不要做成按钮的形式。（3）使用常用颜色。避免在链接处使用特殊的颜色，应该使用标准、醒目的颜色。屏幕上显示的页面所对应的按钮应该相应变成灰色，或突出显示，或以其他方式表示出来。（4）每个页面都应包括代表“返回”或“前进”的箭头。243反馈表（反馈表（Feedback Forms）利用反馈表，访问者可以随时便捷的提出信息需求。从反馈表中可以发现，
20、在站点中哪些信息是重要的，哪些是无关紧要的。此外，还可以考虑加设消息栏，用户可以在此发表一些评论，提出他们所关心的问题。这不仅可以使他们与企业保持联系，而且可以让他们互相之间进行交流。4引人入胜的内容（引人入胜的内容（Compelling Content）在每页中都要包含相关的、引人入胜的内容。特别是当要销售某种产品的时候，每个页面都要用精心修饰的内容和图像。企业的目的是为了吸引普通用户，所以站点上所使用的语言也应该通俗易懂，并对专业用语及技术术语进行解释。可将特别重要的内容用符号标记出来，但不要用得过多，以保持页面的简洁。255常常见问题解答（解答（FAQ）创建FAQ可以避免重复回答相同的问
21、题，如果将问题列于FAQ页面的上部，并将每个问题与答案连接在一起，可以节省企业和访问者双方的时间和精力。必须确认在导航栏中包含有FAQ按钮。6精美的精美的图像（像（Good Graphics）图像不应使用过多，要选择合适的、不需要占用太多内存及下载时间的图像。7相关站点相关站点链接（接（Relevant Links）成功的网站通常都可以链接到其他站点，以提供更多相关信息。对每个链接都要做简要说明，以帮助访问者选择最适合其需求的站点。企业需要对所链接站点做定期的访问，删除那些死站点，以免使访问者感到厌烦。每周维护一次就足够了，但要持之以恒。261.3.3 1.3.3 1.3.3 1.3.3 任务
22、任务任务任务3 3 3 3确定确定确定确定WebWebWebWeb站点设计要点站点设计要点站点设计要点站点设计要点各种类型的Web站点的设计侧重点不同，但总的说来有如下设计要点。1目目标明确、定位正确明确、定位正确Web站点的设计是企业或机构发展战略的重要组成部分。想在这个新媒体上展示企业形象、企业文化的信息空间，一定要明确设计站点的目的和用户需求，从而做出切实可行的计划。2主主题鲜明、富有特色明、富有特色在目标明确的基础上，对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无
23、关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。Web站点主页应具备的基本成分包括如下。（1）页头：准确无误地标识企业的站点和企业标志。（2）E-mail地址：用来接收用户垂询。（3）联系信息：如普通邮件地址或电话。（4）版权信息。注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。273版式版式编排布局合理排布局合理版式设计通过文字图形的空间组合，表达出和谐与美。努力做到整体布局合理化、有序化、整体化；多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系，特别是
24、关系十分紧密的有上下文关系的页面，一定要设计向前的和向后的按钮，便于浏览者导读。4色彩和色彩和谐重点突出重点突出色彩是艺术表现的要素之一，它是以光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。28利用色彩对人们心理影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。例如要设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，
25、宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。295形式内容和形式内容和谐统一一形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。在画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式语言必须符合页面的内容，体现内容的丰富含义。6多媒体功能的利用多媒体功能的利用最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容
26、应当有一定的实用性。这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。307相关站点引相关站点引导链接接一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好友情链接是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其他网站轻而易举。8网站网站测试必不可少必不可少测试实际上就是模拟用户访问网站的过程，以便发现问题改进设计。许多成功的经验表明，让对计算机不是很熟悉的人来参加网站的测试工作效果非常
27、好，这些人会提出许多专业人员没有顾及到的问题或一些好的建议。9合理地运用新技合理地运用新技术一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的；但对于网站设计者来说，必须学习掌握网页设计的新技术，如Java、DHTML、XML等，根据网站内容和形式的需要合理地应用到设计中。311.3.4 1.3.4 1.3.4 1.3.4 任务任务任务任务4 4 4 4设计首页设计首页设计首页设计首页从根本上说，首页是全站内容的目录，能否吸引浏览者留在站点上，能否促使浏览者继续单击进入，全凭首页设计的效果。那么，如何设计好一个首页呢？这需要
28、处理好以下两方面的工作。321确定首确定首页的基本内容模的基本内容模块首页的内容模块是指在首页上需要实现的主要内容和功能。Web站点首页应具备的基本成分包括：页头，准确无误地标识企业的站点和标志；E-mail地址，用来接收用户垂询；联系信息，如普通邮件地址或电话、版权信息。注意可重复利用已有的信息，例如客户手册、公共关系文档、技术手册和数据库等。首页的基本内容包括如下。（1）页头：准确无误地标识企业的站点和标志（Logo）以及广告条（Banner）。（2）主菜单（Menu）。（3）新闻（Whatsnew）。（4）电子邮件（MailList）：用来接收用户垂询。（5）联络信息：如普通邮件地址或电
29、话、版权信息（Copyright）等。（6）搜索（Search）。（7）友情链接（Links）。（8）计数器（Count）。（9）其他信息。一般的站点都需要如下一些模块：网站名称（Logo）、广告条（Banner）、主菜单（Menu）、新闻（Whatsnew）、搜索（Search）、友情链接（Links）、邮件列表（MailList）、计数器（Count）、版权（Copyright）等。332设计首首页的版面的版面设计版面的最好方法是：找一张白纸、一支笔，先将理想中的草图勾勒出来，然后再用网页制作软件实现。在设计中，应避免“封面”问题。“封面”是指没有具体内容，只放一个标徽Logo单击进入，或
30、者只有简单的图形菜单的首页。除非是艺术性很强的站点，或者确信内容独特足以吸引浏览者进一步单击进入的站点，否则，封面式的首页并不会给企业站点带来什么好处。341.3.5 1.3.5 1.3.5 1.3.5 任务任务任务任务5 5 5 5编排网站内容编排网站内容编排网站内容编排网站内容Internet最大的资源优势在于它的多媒体功能，因而要尽一切努力开发挖掘，吸引浏览者保持注意力。1协调页面元素的关系面元素的关系在页面中，图片、文字之间的前后位置及疏密程度的不同所产生的视觉效果各不相同。在网页上，图片、文字前后叠压所构成的空间层次目前还不多见，常见的是一些设计得比较规范化、简明化的页面，这种叠压排
31、列能产生强节奏的空间层次，视觉效果强烈。例如页面上、左、右、下、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，注目程度高，疏密的位置关系变化使空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。352网站内容开网站内容开发的要点的要点影响网站成功的因素主要有网站结构的合理性、直观性，多媒体信息的实效性。成功网站的最大秘诀在于让用户感到网站对他们非常有用，因此，网站内容开发对于网站建设至关重要。进行网站内容开发的要点包括：HTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。所以在网页设计时要充分考虑网页是否让所有的浏览器能够正常浏览
32、。网站信息的组织最好采用树形结构，因为吸引用户的关键在于总体结构的层次分明。因为网状结构不仅不利于用户查找信息，而且在以后会带来复杂的维护工作。图像、声音和视频信息能够比普通文本提供更丰富和更直接的信息，但直接后果是文件太大且浏览速度缓慢，因此图像和媒体文件的使用要适度。网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。在主页上，注明更新日期及URL（统一资源定位符）对于经常访问的用户非常有用。网页中应该提供一些联机帮助功能。如输入查询关键词就可以提供一些简单的例子，千万不能让用户不知所措。网页的文本内容应简明扼要、通俗易懂。文字要正确，不能有语法错误和错别字。363企企业W
33、eb站点的典型内容站点的典型内容企业的Web站点应包括以下典型内容。（1）企业的基本背景介绍企业的背景介绍材料，如果有条件，最好能够提供相应的英文版，简介文字最好提供简单和详实两个版本。专业的电子版企业简介应该具有图文混排的非HTML格式，例如可以使用Acrobat的PDF格式供客户下载，因为Acrobat文件能够保持图文排列的整体观感。（2）详细的产品资料或服务介绍生产制造类企业应该把自己主要产品的全貌反映在网站上，让客户能够查询到产品的主要技术规格、照片和其他可公开的信息；服务类企业应该通过各种手段把详尽的服务内容和条款列出。根据企业产品或服务门类的多少，企业网站也应该采用不同的内容构造方
34、式。如果企业的产品线比较复杂，并且经常有产品升级换代，那么最好采用Web数据库技术，让访问者可以进行数据库查询和分类检索。（3）技术支持资料除了产品说明书之外，企业还应该掌握自己产品的更多信息，如常见故障处理、计算机产品的编程接口等。这些资料如果能够公开，可放入网站，以减轻企业技术支持人员的工作量。37（4）企业营销网络很多企业在总部以外都有其他分支机构，为此企业应该在网站上列出全球范围内所有可接洽到的办公场所，包括他们的电话、传真、电子邮件，并列出他们各自的职能。（5）财务报告对于股份制尤其是上市的企业，应该将重要的财务报告上网，让股民能够方便地查询到这些信息，包括中报、年报和各种配股计划。
35、（6）收集客户反馈在企业网站上应该至少带有一个客户反馈表单，用于收集客户和普通访问者对企业改进产品和服务的意见或建议。网络管理员应该经常检查提交上来的内容，并及时转交给企业决策部门使用。（7）其他针对企业经营特点的内容如服装制造企业可以加入一些时尚网站的链接，音响制品厂商可以加入音乐站点链接。但是，千万不要直接链接到竞争厂商的网站。在企业Web站点建立后，要不断更新内容，利用这种新媒体宣传本企业的企业文化、企业理念和企业产品。站点信息的不断更新和新产品的不断推出，会让浏览者感到企业的实力和发展，同时也会使企业更加有信心。要认真回复用户的电子邮件、传统信件、电话垂询和传真，做到有问必答。最好将用
36、户进行分类，例如售前一般了解、销售、售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在，产生信任感。381.3.6 1.3.6 1.3.6 1.3.6 任务任务任务任务6 6 6 6对网页进行可视化设计对网页进行可视化设计对网页进行可视化设计对网页进行可视化设计页面可视化设计主要包括页面组织效果、页面色调效果、页面版式设计、页面美术设计等几方面内容。1页面面组织效果效果页面组织效果主要通过页面元素来体现，页面元素可以是一个点，一条线或者一个面。（1）点点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标、单
37、个图片、按钮或一段文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，或将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而会给人不同的心理感受。39（2）线线在编排设计中有强调、分割、导线、视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉；弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序。页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次的韵律感。网页设计中点、线的运用并不是孤立的，很多时候都需要将它们结合起来，以表达完美
38、的设计意境。402页面色面色调效果效果关于色彩的原理有许多，在此仅仅阐述网页配色时的一些常用技巧。（1）用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度（说得通俗些就是将色彩变淡或加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。（2）用两种色彩。先选定一种色彩，然后选择它的对比色。（3）用一个色系。简单地说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：（1）不要将所有颜色都用到，尽量控制在3种色彩以内。（2）背景和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。413页面版式面版式设计
39、版面指的是从浏览器看到的完整的一个页面（可以包含框架和层次）。对于版面布局的设计，应当重视如下原则：加强视觉效果，加强文字图案的可视度和可读性；统一感的视觉；新鲜和个性是版面布局的最高境界。常用版面布局的形式：（1）“T”结构布局所谓“T”结构就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局。因为菜单条背景较深，整体效果类似英文字母“T”，所以称为“T”形布局。这是网页设计中使用最广泛的一种布局方式。这种布局的优点是页面结构清晰、主次分明，且是初学者最容易掌握的布局方法。缺点是规矩呆板，如果色彩细节上再不注意，很容易让人看后乏味。42（2）“U”形布局这是一个象形的说
40、法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用于中间的窗口型的设计，例如网易的壁纸站。（3）对称对比布局顾名思义，采取左右或者上下对称的布局，一半深色，另一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。43（4）POP布局POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。此类布局常用于时尚类站点，比如ELLE.com。优点是显而易见，漂亮吸引人，缺点是速度慢。布局需注意的地方：通常阅读时眼睛从左上方开始
41、，逐行浏览到达下方，插入图像时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对视觉最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。这种思路可以用于所有图片：面部应该“看”网页的中部；汽车的“停靠”面向网页中部；道路、领带等图片的放置都应该有助于吸引目光从左向右、从上向下的移动；一般总是把网站导航栏放置在页面左边，也是出于这种考虑，不断地出现在浏览者最佳视野之中。以上总结了目前网络上常见的几种布局，此外还有许多别具一格的布局，关键在于网站本身的创意和设计。444页面美术设计网页设计与其他出版设计最大的不同表现在以下三方面。（1）
42、传播的媒介不同许多用户是用Modem上网的，考虑到用户的容量程度，图形一般不宜太大；通常每个图形应小于30KB，每个页面图形总量应小于50KB。图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30KB左右可以保证比较理想的下载速度。图像以在6KB8KB之间为宜，每增加2KB会延长1s的下载时间。（2）所能采用的文件格式的限制对通用浏览器来说，能识别的图像格式仅为JPEG和GIF。这两者又各有不同的特点和适用环境。45（3）与美术设计人员要有良好的合作首先应该能向他们提供前面所说的内容和逻辑结构图。因为他们的责任仅是对网页的形式负责，而至于内容，必须由企业业务人员去敲定。其次，应
43、该把站点的美术需求、风格等告诉美术创作人员。如果可能的话，最好能带着他们去见业务人员，直接了解站点形象方面的要求。此外，还应该把企业原有的一些成功的宣传册子、CI（企业形象）手册等材料尽可能交给美术人员作为参考。在向美术设计人员提供了上述信息和材料后，就可以让他们设计出形成站点风格的一些关键要素了。从美术和效率的角度出发，应该考虑采用可视化的页面编辑工具。最好能请一些有美感、懂得排版的人从事此项上作。他们可能多半不会使用HTML语言，但比程序员制作出来的网页页面要好看得多。此外，工具的选择也很重要。市场上有很多编辑器，有的工具很好，它能有效地把高级美术人员、排版人员以及程序员的工作分开。461
44、.3.7 1.3.7 1.3.7 1.3.7 1.3.7 1.3.7 任务任务任务任务任务任务7 77 7 7 7设计网站的目录结构和链接结构设计网站的目录结构和链接结构设计网站的目录结构和链接结构设计网站的目录结构和链接结构设计网站的目录结构和链接结构设计网站的目录结构和链接结构为了实现信息的有效传递，也为了便于网站的更新和维护，站点目录结构的设计十分重要。主次分明、脉络清晰的站点结构使访问者对网站内容一目了然，便于获得所需信息。同时，规划合理的目录结构对于网站所有者来说，可以在以后的内容更新和维护中，节省大量时间和精力。471网站的目网站的目录结构构网站目录是指建立网站时创建的目录。例如在
45、用FrontPage2003建立网站时都默认建立了根目录、Images目录和子目录。目录结构的好坏，对浏览者并没有什么太大的影响，但是对于站点本身的上传维护、未来的内容扩充和移植有着重要的影响。（1）所有文件不要都存放在根目录下有的网站为了方便，将所有文件都放在根目录下。这样做造成的不利影响在于以下几个原因。文件管理混乱。常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，这会影响工作效率。上传速度慢。服务器一般都会为根目录建立一个文件索引。如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，
46、等待的时间也越长。所以，建议尽可能减少根目录的文件存放数。48（2）按栏目内容建立子目录子目录的建立应首先按主菜单栏目建立。例如网页教程类站点可以根据技术类别分别建立相应的目录，像Flash、DHTML、JavaScript等。企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应的目录。其他的次要栏目，需要经常更新，可以建立独立的子目录，而一些相关性强、不需要经常更新的栏目，例如关于本站、关于站长、站点经历等，可以合并放在一个统一的目录下。所有程序一般都存放在特定目录下，例如CGI（通用网类接口）程序放在Cgi-bin目录。为便于维护管理，所有需要下载的内容也最好放在一个目录下
47、。492网站的网站的链接接结构构网站的链接结构是指页面之间相互链接的拓扑结构。研究网站的链接结构的目的在于：用最少的链接，使得浏览最有效率。通常，建立网站的链接结构有两种基本方式。（1）树状链接结构（一对一）该结构类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就像蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。该结构的优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经栏目页。（2）星状链接结构（一对多）该结构类似网络服务器的链接，每个页面相互之间都建有链接。这种链接结构的优点是
48、浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路。50在实际的网站设计中，经常见到这两种结构的混合使用。通常首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。如果站点内容庞大、分类明细，需要超过三级页面，那么建议在页面里显示导航栏，这样可以帮助浏览者明确自己所处的位置。读者在许多网站页面顶部可看到类似的表示：“您现在的位置是：首页财经新闻股市信息深圳股深发展”。在链接结构确定后，考虑链接的效果和形式，是采用下拉表单，还是用DHTML动态菜单等等。实际上，站点内容和功能的设计是网络营销策略的直接体现，从单纯的企业介绍、企业形象树立、企业产品与服务信息的发布
49、到网上直销，网站的内容与功能设计既要符合企业的需求，又要参考当前技术的发展状况和应用水平。以网络营销为主的企业站点不但要充分运用多媒体技术实现信息发布功能，更重要的是要发挥Web的交互特性，实现网站信息检索、在线客户服务、用户反馈信息收集，甚至在线订单、在线购物、在线支付等功能。511.3.8 1.3.8 1.3.8 1.3.8 任务任务任务任务8 8 8 8了解网站设计的常用技术了解网站设计的常用技术了解网站设计的常用技术了解网站设计的常用技术Internet是发展最快的领域，新的网页制作技术几乎每天都会出现，对于网站设计者来说，必须学习、跟踪、掌握网页设计的新技术，将站点功能与内容有机地结
50、合起来。这实际上对网站设计者的素质要求极高，因为这是一个正在形成和蓬勃发展的新领域，几乎每天都会有新的技术和规范产生，具体的如Java、DHTML、XML、DOM等新技术，需要不断学习才能不落伍。为此，在建设网站时，就需要根据不同功能采取不同的设计技术。就目前的情况来看，企业网站的设计技术基本上有7种。521网页设计技术网页设计技术无疑是网站开发的基本功。网站是否美观大方，是否拥有强烈的视觉冲击力，与网页的设计技术密切相关。设计网页的技巧多种多样，各类参考书籍也是数不胜数。2数据库技术一个网站如果没有数据库技术支持，它的维护成本会相当高昂。采用数据库技术的最大好处有两个：一是方便用户的浏览、查