网站设计(案例艺海拾贝)

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