《案例艺海拾贝》PPT课件.ppt

网站设计（案例：艺海拾贝）1标题设计 每一个网站都有一个响亮的名字和独具风格的标志，好的标题能简洁明了地体现出这个网站的主题，同时具有吸引力。标志也同样要设计得简单而独具特色。2网页模块设计 网页中的内容分为若干个板块，以利于规划网页的组织结构。3网页结构设计 在前面内容分块的基础之上，网页按树状结构安排。整个网页共有四到五个层次，网页之间的关系将由文档之间的链接表现出来。艺海拾贝网页结构4.网页目录结构有一个清晰的目录结构对设计网页是很有益处的，便于维护与查找。由于目录和网页的结构都是树状结构，一般一一对应地一个节点创建一个子目录，子节点的网页就存在父节点对应的目录中。艺海拾贝网站的目录结构如右图：ArtSeafeedbackhistoryfeelingcdbibleknowledgeinfogermsymphonystampliteralimagegallery思考题：1.网站设计包括哪些内容？网站设计包括哪些内容？2.2.为什么说网页结构设计非常重要？为什么说网页结构设计非常重要？3.3.目录结构与网页结构有什么关系？目录结构与网页结构有什么关系？第八章 商务网站建设网站规划硬件环境软件环境网页内容设计8.18.1商务网站规划商务网站规划一、商务网站概述 商务网站是指一个企业、机构或公司在互联网上建立的站点，其目的是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。互联网上的商务网站覆盖了经济、市场、金融、管理、人力资源、商业与技术等各个方面。在网上做生意也在成为一种新兴的贸易方式。“上网建站”势在必行，这主要表现在几下点：1用户数量大2加强与客户的联系3提供商业信息4提供客户服务5建立24小时服务中心6提供迅速变化的信息8.1商务网站规划商务网站规划二、商务网站的组成一个基本商务网站的主要内容就是对公司和产品的简单介绍。一个基本商业网站点都包括以下几部分：1联系信息：公司的名称、地址、主要的电话号码和传真号码、E-mail地址 2商业机构的地址：如果公司的商品项目是因地而异的 3重要人物的介绍4重要客户的介绍5公司产品和服务介绍6新闻：商业巡展、产品发布、新闻发布以及有关公司的报纸摘要等内容8.1商务网站规划商务网站规划三、商务网站建设步骤目标规划系统分析系统设计网站实现网页发布网页调试维护与管理1.目标规划1）服务对象：描述这个网站面向的对象，包括已知对象和潜在对象；2）设置目的：建站的目的；3）开发目标：要建网站的规模、功能、形式等；4）应用领域：网站所提供信息所属的应用领域范围；5）规格描述：具体网页的信息内容、信息链路设置、人机界面功能等；6）实现要求：网站建立所需的开发时间、软硬件环境等。这些问题要在规划阶段就有一个大体的轮廓，在进一步的分析、设计、实现中逐步完善。2.系统分析n网页主题意义的分析n对网页内容的分析n对制作者已有资源的分析n对网站的软硬件环境的分析n对网页可能访问者的分析n网站建设的合理性及可行性3.系统设计 一般网页设计类似于软件开发的设计，有自顶向下、自底向上和不断增补等设计方法。主要任务是网页内容的设计，包括网页的信息组织结构、外观、内容分块、导航与链接、目录结构等的设计。系统设计是网站具体实现前的准备，对网页的实现进一步提出更具体的要求，对网页的整体效果、局部细节能有更明确的想法。4.网站实现n网页的实现：主要使用HTML语言，另外用到JavaScript、图像制作、CGI编程等具体的技术nWWW服务器的实现：用到各种基于不同操作系统的WWW服务器软件的安装、调试。5.网页发布这个阶段网页制作接近尾声，主要工作是把做好的网页发布到网络上(Internet或Intranet)，对网页作最后的修改、测试，保证网页能在网络上正常地运行。6.网页调试网页发布后将对网页进行各个方面各种情况的测试，包括网页能否在任何不同的浏览器中浏览；对于任何不同的访问者都表现正常，JavaScript、CGI程序能否正常工作等等。这个阶段称为网页的试运行期，此时应把网页的各种缺陷尽量弥补，使网页更为完善。7.维护与管理这个阶段网站进入正常运行期，主要工作是及时更新网页过时的信息，及时对访问者的留言作出反馈，进一步完善网页，不断采用新的技术更新升级网页，使网页的访问更迅速，外观更美观，信息资源更丰富。8.1商务网站规划商务网站规划四、选择商务模式 n企业与用户n企业与企业 8.1商务网站规划商务网站规划五、域名注册 域名是由人、企业或组织申请的网站使用的Internet标识，并对提供服务或产品的品质进行承诺和提供信息交换或交易的虚拟地址。在确定企业电子商务网站域名的命名时，应考虑以下几个方面：选用企业已有商标或企业名称选择简单和易记易用的名字域名的自我保护申请域名可以直接到中国互联网信息中心CNNIC（http:/）办理，也可以委托网络服务单位代为办理。域名注册申请人必须是依法登记并且能够独立承担民事责任的组织，个人不能申请注册域名。8.1商务网站规划商务网站规划六、选择支付方式支付方式决定了资金的流动过程，目前的主要支付方式有：n送货上门付款：商家将商品交给客户，客户查验货物后 以现金的方式支付给商家 n汇款方式：客户在完成订单时，通过邮政系统或银行系统汇款，当商家接到汇款后，再将商品发给客户 n电子支付：通过银行卡或信用卡支付完成的支付，涉及到客户、商家、银行、CA中心等电子商务支付过程：1.根据购买的商品的价格，客户填写资金的卡号，并将这些信息提交给商家；2.商家将需转帐的金额及自己的帐号一同转给支付网关；3.支付网关的作用是将外部的公用网络与银行的内部网络隔离开来，以保证银行内部网络的安全。4.支付网关验证客户的卡号是否有效。如果有效则请求银行冻结客户卡内的款项，将信息转该商家，告诉商家可以支付给客户商品；5.商家告诉客户可以完成此订单；6.商家发出信息给支付网关，请求兑现；7.支付网关将客户卡内冻结的款项划到商家帐号内。思考题n建立商务网站的意义n商务网站由哪几个部分组成，是否一成不变？n商务网站建设步骤有几个，为什么说目标规划非常重要？8.2 硬件环境硬件环境网站的硬件一般应考虑客户、服务器、接入Internet的方式等三方面的问题，网站硬件一般架构如右图所示：8.2 硬件环境硬件环境1客户机使用资源的计算机。这里的客户机由计算机群组成，主要的作用是网页编辑、图形处理、文字处理、多媒体制作、网络管理等。制作好的网页等通过网络（局域网、PSTN、DDN等）传到服务器上供大家浏览。8.2 硬件环境硬件环境2服务器在网络上提供资源并对这些资源进行管理的计算机。服务器可分为WWW 服务器、E-mail服务器、数据库服务器，DNS服务器等。WWW服务器（WWW Server)：安装Web Server软件，用于存贮和管理主页Home Page，提供WWW服务。数据库服务器（Database Server）：存贮着企业的大量信息，例如用户资料、产品资料等。服务器都必须具备一定的通信处理能力、快速访问能力和安全容错能力。8.2 硬件环境硬件环境3WWW服务器与Internet连接方式 1）PSTN接入2）ISDN接入3）DDN接入 4）DSL接入5）ATM接入PSTN接入利用公共交换电话网PSTN（Publie Switeched Telephone Network）进行数据传送，尽管速度较慢，要占用一条电话线路，但设备简单，使用方便，故仍然是目前大多数个人用户的一种主要通信方式。ISDN接入 综合业务数字网的简称，是一种先进的网络技术。ISDN是以综合数字电话网（IDN）为基础发展而成的，能提供端到端的数字连接。它除了提供电话业务外，还能够将传真、数据、图像等多种业务在同一个网络中传送和处理，并通过现有的电话线提供给用户，它可以在一条电话线上连接八部相同或不同的通信终端，并能使两部终端同时使用。综合业务数字网ISDN有窄带与宽带之分，分别称为N-ISDN（Narrowband-ISDN）和B-ISDN（Broadband-ISDN），无特殊说明，ISDN指N-ISDN。N-ISDN是以公用电话交换网为基础，而B-ISDN是以光纤作为干线和传输介质。常用的ISDN网络信道有B信道，用于话音或数据传输，传输速率64kbps，B信道是电路交换的基本单位。D信道用于带外信令传输，传输速率16kbps或64kbps。通过ISDN接入INTERNET方案 代理服务器：由软件实现，不需其它硬件设备，但不太稳定帐号共享器：由硬件实现，稳定性较好，需要帐号共享器与TA兼容。主要设备Internet账号共享器路由器：由硬件实现，速度快，稳定性好，但价格较高。主要设备ISDN路由器。其结构如右图所示。DDN接入 它是利用光纤，数字微波或卫星等数字传输通道和数字交叉复用设备组成，能为用户提供高质量的数据传输通道，传送各种数据业务。DDN主要特点速率高（64Kbps2MKbps）、低误码率、通信容量大、方便各种局域网的联网。通过DDN接入Internet操作简便，无须拨号，开机即可直接进入Internet；高速连接；稳定可靠，不会出现拨号上网中常见的线路繁忙、中途断线等现象。DDN的接入费用比PSTN及ISDN要高得多。DSL接入非对称方式（如ADSL）：是一种经济有效的解决方案，它利用现存的铜线网络基础设施，可提供视频点播、可视会议、远程办公、远程医疗、远程教学、网上购物等服务。对称方式（如SDSL、HDSL）：适合商业用户的需要，他们需要一定的对称带宽(如512K,1M或者2M)。由于利用了现有的电话线系统，因而DSL方式接入Internet要比DDN成本低许多，而且DSL总是处于“联机状态”，即用户在收发E-mail或上网浏览的时候不需要拨号。ATM接入 n包含来自某用户信息的各个信元不需要周期性出现，这种传输模式是异步的。n在ATM中话音，数据，图象等所有的数字信息都要经过切割，封装成统一格式的信元在网中传递，并在接收端恢复成所需格式。由于ATM技术简化了交换过程，去除了不必要的数据校验，采用易于处理的固定信元格式，所以ATM交换速率大大高于传统的数据网。nATM接口类型支持单、多模光纤，物理接入速率有2M、34M、155M，能满足多种业务的需求。互联网服务商提供的服务n虚拟主机n托管服务器虚拟主机采用特殊的软硬件技术把一台完整的服务器主机分成若干个主机，实际上是将真实主机的硬盘空间分成若干份，然后租给不同的用户，每一台被分割的主机都具有独立的域名和IP地址，但共享真实主机的CPU、RAM、操作系统、应用软件等。运行时由用户远程操作属于自己的那一块，而这一块对任何用户而言，就是一台完整的服务器，和一台真实独立的主机功能完全一样。虚拟主机虚拟主机服务内容存储空间：互联网服务商必须提供存储空间，企业可根据发展的需求不断调整存储空间。电子邮件：互联网服务商一般提供35个电子信箱。电子邮件目前是企业最常用的通信工具之一。网页制作：网页可委托互联网服务商制作，也可由企业自已制作。IP地址：互连服务商必须提供独立的IP地址，并且支持多个域名指向同一个IP地址。因企业的域名由于被他人抢注或其它原因，企业可能有多个域名。文件传输（FTP）：文件传输的主要功能是上传网页，在企业内部将网页文件上传到互联网服务商的虚拟主机上。时间：互连服务商应提供每天24小时，每周7天，每年365天的服务，因商业网一但开通不允许长时间停机。速度：速度是企业网站的生命，选择互联网服务商时应重点考虑这个问题。虚拟主机特点n采用虚拟主机技术的用户只需对自己的信息进行远程维护，而无需对硬件、操作系统及通信线路进行维护。因此虚拟主机技术可以为广大中小型企业或初次建立网站的企业节省大量人力物力及一系列繁琐的工作，是企业发布信息较好的方式。n虚拟主机到Internet的连接一般采用高速宽带网，用户到虚拟主机的连接可采公共电话网PSTN、一线通INDN、ADSL等n采用虚拟主机方式建立电子商务网站具有投资小，建立速度快，安全可靠，无须软硬件配置及投资，无须拥有技术支持等特点。n多个不同的站点共享一台服务器的所有资源，是入门级的站点解决方案。如果虚拟主机所在的服务器上运行了过多的虚拟主机，系统就会容易过载，性能下降，从而直接影响浏览网站的效果。托管服务器 服务器托管是指用户将自己的独立服务器寄放在互联网服务商的机房，日常系统维护由互联网服务商进行，可为企业节约大量的维护资金。服务器托管的特点 灵活：当企业的站点需要灵活地进行组织变化的时候，虚拟主机将不再满足企业的需要，虚拟主机不仅仅被共享环境下的系统资源所限，而且也被主机提供商允许在虚拟主机上运行的软件和服务所限。在共享的服务器环境下，一些功能和属性也不得不被禁止，受限制或不支持。当web已经成熟后，Web用户希望内容动态化，连接互动化，个性化，而这需要依靠托管独立主机才能得到较好的解决。稳定：在共享服务器的环境下，如果其他用户执行了一些非法或不合适的行为如乱发电子邮件等。接受者可能会通过各种方法对他进行报复，那么其他的站点也会被牵连。另外，如果有用户执行了有问题的程序，可能会由此造成整个服务器瘫痪。而在独立主机的环境下，就可以对行为和程序严密把关、精密测试，将服务器的稳定性提升到最高。安全：虚拟服务器主机是非常容易被黑客和病毒袭击的，因为有多个用户对这台服务器有不同的权限。另外，如果服务商没有处理好安全问题，可能其他用户可以轻易地通过程序来进行浏览、删除、修改等操作。而托服务器极少会出现这样的问题。快捷：虚拟主机因为是共享资源，因此服务器响应速度和连接速度都较独立主机慢得多。目前，大概10%到30%的访问者因为服务器响应速度过慢而取消了他们的请求，这就意味着可能丢掉了其中的一些潜在用户，而托管独立主机将彻底改变这种状况。主机托管服务的选择 可靠性 最基本的因素。为了保持竞争力，企业服务器必须每时每刻都处于在线状态。这意味着主机服务设施要具备排除任何可能发生的故障的能力，从简单的断电到地震这样的重大事件。如果一个设施遇到问题，其功能可以由另一个设施来承担。例如配备双重供电系统，主机服务设施通过两个途径链接到互联网上。安全问题 当一个企业将有价值的数据和服务置于企业大门之外，安全就会变成一个首要的问题。一个良好的主机服务设施可以提供一个安全基础设施，这个基础设施可以确保一个没有黑客入侵、没有故障和病毒的安全环境。所选择的托管主机设施既要不断地监控硬件设施，也要不断地监控进入到硬件设施中的数据和软件。身份证明和一些其他的访问控制可以对进入指挥中心进行严格的控制。功能需求 访问网站的人数有时寥寥无几，有时却可能挤破门。一个新产品的推出可因大量订单涌入而给服务器和网络带来较大的负担。托管主机设施应具备提供潜在的功能，特别是具有较高的带宽。同时，所有这些服务器和管道都有实时的监控。指挥中心能够及时发现问题和解决问题，为客户提供高质量的服务。案例：上海电信IDC的主机托管服务思考题n商务网站硬件环境包括那些？nWWW服务器与Internet的连接方式有那些？如何选择？n企业建网站是采用虚拟主机还采用托管服务器，各有什么特点？n在网上查找5个提供虚拟主机服务的网站。8.3 软件环境软件环境系统平台：Windows NT、UNIX、Net ware、Linux等 数据库系统：Oracle、Sybase、DB2、SQL Server等 1Windows NT（1）支持多种硬件平台和多种网络协议（2）Windows NT Server可以与多种服务器操作系统进行互操作，其中包括:Net ware、UNIX、LAN Manager等。（3）具有良好的安全措施与容错能力（4）Windows NT Server 还提供了多种工具，用来记录与追踪网络的活动情况。（5）Windows NT Server 的任务管理器（Task Manager）能够显示与应用程序有关的详细信息，并且以图形方式表示出CPU与内存使用情形，使用户能够更方便控制与管理系统。（6）支持两种文件系统：文件系统（NTFS）和文件分配表系统（FAT）。2UNIX UNIX操作系统是一个具有不同硬件平台的多用户操作系统，具有多种不同的版本。UNIX的结构和MS-DOS的结构很相似，有一核心程序，叫做Kernel（核）。另外还有一些命令解释程序，叫做Shell（外壳）。Kernel是常驻内存的，而Shell只在键入命令时才调入内存，一旦执行完这条命令其功能也就消失，Shell程序是用户和Kernel的接口。常用的有两种Shell，一种是B shell，也称标准Shell，提示为“$”，另一种是C-shell，提示符为“%”。3Net ware操作系统nNet ware是世界上第一个真正的微机局域网操作系统n1998年推出的Netware5.0，增加了使用互联网的功能，使Net ware成为开发和配置网络应用程序的一个系统平台。Netware5.X是当前Novell网络操作系统的最新版本系列。n由于Net ware在通用性、可靠性和扩展性等方面具有许多特点，以及它在局域网领域中的举足轻重地位，使Novell网获得了相当广泛的应用。目前Net ware在我国仍然是使用较多的一个网络操作系统。4Linux操作系统Linux操作系统是UNIX在微机上的完整实现，它性能稳定、功能强大、技术先进，是目前最流行的微机操作系统之一。有一个基本的内核Kernel，一些组织或厂商将内核与应用程序、文档包装起来，再加上安装、设置和管理工具，就构成了直接供一般用户使用的发行版本。特点：（1）源代码公开（2）完全免费（3）完全的多任务和多用户（4）适应多种硬件平台（5）稳定性好（6）易于移植（7）用户界面良好（8）强大的网络功能数据库系统ORACLE 一种适用于各种类型包括大型、中型和微型计算机的关系数据库管理系统，使用SQL（Structured query language）作为数据库语言。SYBASE 世界上第一个真正的基于client/server结构的RDBMS产品。DB2 IBM公司开发的关系数据库管理系统，它有多种不同的版本，可运行在OS/2、Windows NT、UNIX操作系统上。SQL server 微软公司开发的一个关系数据库管理系统。SQL Server 采用二级安全验证、登录验证及数据库用户帐号和角色的许可验证。思考题n商务网站的软件环境主要包括哪些？分别有哪些软件可以选择？如何搭配？n企业在选择建立网站的软件环境时，应主要考虑哪些问题？8.4 网页内容设计网页设计方法网页设计案例-新浪商城主页 网页设计方法1.自顶向下的设计方法如果在建站之前建站者对要做的网页的内容有比较全面的了解，对整个网页的大体轮廓已有比较清晰的规划的话，采用这种方法是最好的选择。所谓自顶向下，就是从整个网页的根向下一层一层地展开。采用这种设计方法，在开始实现网页时可以先用一些空的网页构筑起整个网页的框架，然后再逐步地添加内容。采用这种设计方法的优点是能在总体上统一整个网页的风格，使网页的组织结构比较合理。用这种方法，通常在一开始就做出一个所谓“模板”，作为以后开发时页面设计的基础，这样就能保证整个系统用户界面的版面风格和功能设置的一致性。网页设计方法2.自底向上的设计方法如果建站者在开发之初对整个网页的总体结构和布局还没有考虑成熟，而面对具体的Web页面的信息内容和服务方式很有把握，可以采用这种方法。即先设计树状信息结构的各个叶子节点，然后通过归纳，设计它们的枝叶：节点，最后完成对根节点的设计。当我们由于某些原因，先有了一些现成的网页时，选择这种方法是很自然的。这种方法的优点是，网页的各个部分可以根据网页内容作因地制宜的设计，而不用拘泥于条条框框，较为有风格。当日后我们的系统具备一定的规模后，可以再进行风格的统一，但各个部分的鲜明风格还可保留，使整个网页既有共性，又有个性。网页设计方法3不断增补的设计方法这是在网页投入运行后常用的方法，是种需求驱动的设计方法。当出现某种信息服务的需求时，就立即设计相应的Web信息服务页面。随着需求的增加，不断的增加网页，不断地调整和相互链接，就能使我们的网页在短时间内建立起来。这种方法的优点是不需要设计实现前长时间的规划分析期，效率相对较高。网页设计案例-新浪商城主页 特点特点布局布局色彩色彩图片图片作业n自己设计一个网页，理解网页设计的常规方法。n请设计一个具有特色的个人主页。