网站设计（案例：艺海拾贝） 1．标题设计 每一个网站都有一个响亮的名字和独具风格 的标志，好的标题能简洁明了地体现出这个网站的主题， 同时具有吸引力。标志也同样要设计得简单而独具特色。 2．网页模块设计 网页中的内容分为若干个板块，以利于 规划网页的组织结构。 3．网页结构设计 在前面内容分块的基础之上，网页按树 状结构安排。整个网页共有四到五个层次，网页之间的关 系将由文档之间的链接表现出来。 艺海拾贝网页结构 经典画廊 各时期经典绘画 CD圣经 艺海泛舟 交响之魂 交响随想 入门园地 推荐曲目 交响历史 邮品分类欣赏 留言板 集邮天地 集邮知识 邮品交流 奇闻共赏 各类电子书籍 投稿箱 4.网页目录结构 有一个清晰的目录结构对设计 网页是很有益处的，便于维护 与查找。由于目录和网页的结 构都是树状结构，一般一一对 应地一个节点创建一个子目录， 子节点的网页就存在父节点对 应的目录中。 艺海拾贝网站的目录结构如右 图： ArtSea feedback gallery image literal stamp germ info knowledge symphony cdbible feeling history 思考题： 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 （http://www.cnnic.net.cn/）办理，也可以委托 网络服务单位代为办理。域名注册申请人必须是 依法登记并且能够独立承担民事责任的组织，个 人不能申请注册域名。 §8.1商务网站规划 六、选择支付方式 支付方式决定了资金的流动过程，目前的主要支付方式有： • 送货上门付款：商家将商品交给客户，客户查验货物后 以现金的方式支付给商家 • 汇款方式：客户在完成订单时，通过邮政系统或银行系 统汇款，当商家接到汇款后，再将商品发给客户 • 电子支付：通过银行卡或信用卡支付完成的支付，涉及 到客户、商家、银行、CA中心等 电子商务支付过程： 1. 根据购买的商品的价格，客户填写资金的卡号，并将这 2. 3. 4. 5. 6. 7. 些信息提交给商家； 商家将需转帐的金额及自己的帐号一同转给支付网关； 支付网关的作用是将外部的公用网络与银行的内部网络 隔离开来，以保证银行内部网络的安全。 支付网关验证客户的卡号是否有效。如果有效则请求银 行冻结客户卡内的款项，将信息转该商家，告诉商家可 以支付给客户商品； 商家告诉客户可以完成此订单； 商家发出信息给支付网关，请求兑现； 支付网关将客户卡内冻结的款项划到商家帐号内。 思考题 • 建立商务网站的意义 • 商务网站由哪几个部分组成，是否一成不变？ • 商务网站建设步骤有几个，为什么说目标规划非 常重要？ §8.2 硬件环境 网站的硬件一般应 考虑客户、服务器、 接入Internet的方 式等三方面的问题， 网站硬件一般架构 如右图所示 ： 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 硬件环境 3．WWW服务器与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主要特 点速率高（64Kbps－2MKbps ）、低误码率、通 信容量大、方便各种局域网的联网。 通过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、操作系统、应用软件等。运行时由 用户远程操作属于自己的那一块，而这一 块对任何用户而言，就是一台完整的服务 器，和一台真实独立的主机功能完全一样。 虚拟主机 宽带网 Internet 用户 用户 多个用户共享 一台服务器 PSTN ISDN 用户 虚拟主机服务内容 存储空间：互联网服务商必须提供存储空间，企业可根据发 展的需求不断调整存储空间。 电子邮件：互联网服务商一般提供3~5个电子信箱。电子邮 件目前是企业最常用的通信工具之一。 网页制作：网页可委托互联网服务商制作，也可由企业自已 制作。 IP地址：互连服务商必须提供独立的IP地址，并且支持多个 域名指向同一个IP地址。因企业的域名由于被他人抢注或 其它原因，企业可能有多个域名。 文件传输（FTP）：文件传输的主要功能是上传网页，在企 业内部将网页文件上传到互联网服务商的虚拟主机上。 时间：互连服务商应提供每天24小时，每周7天，每年365天 的服务，因商业网一但开通不允许长时间停机。 速度：速度是企业网站的生命，选择互联网服务商时应重点 考虑这个问题。 虚拟主机特点 • 采用虚拟主机技术的用户只需对自己的信息进行远程维护， • • • 而无需对硬件、操作系统及通信线路进行维护。因此虚拟 主机技术可以为广大中小型企业或初次建立网站的企业节 省大量人力物力及一系列繁琐的工作，是企业发布信息较 好的方式。。 虚拟主机到Internet的连接一般采用高速宽带网，用户到 虚拟主机的连接可采公共电话网PSTN、一线通INDN、 ADSL等 采用虚拟主机方式建立电子商务网站具有投资小，建立速 度快，安全可靠，无须软硬件配置及投资，无须拥有技术 支持等特点。 多个不同的站点共享一台服务器的所有资源，是入门级的 站点解决方案。如果虚拟主机所在的服务器上运行了过多 的虚拟主机，系统就会容易过载，性能下降，从而直接影 响浏览网站的效果。 托管服务器 服务器托管是指用户将自己的独立服务器寄放在互联 网服务商的机房，日常系统维护由互联网服务商进 行，可为企业节约大量的维护资金。 用户独享 一台服务器 PSTN ISDN 用户 宽带网 Internet 服务器托管的特点 灵活：当企业的站点需要灵活地进行组织变化的时候，虚拟主机将不再 满足企业的需要，虚拟主机不仅仅被共享环境下的系统资源所限，而 且也被主机提供商允许在虚拟主机上运行的软件和服务所限。在共享 的服务器环境下，一些功能和属性也不得不被禁止，受限制或不支持。 当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）支持多种硬件平台和多种网络协议 （2）Windows NT Server可以与多种服务器操作系统进行互 操作，其中包括:Net ware、UNIX、 LAN Manager等。 （3）具有良好的安全措施与容错能力 （4）Windows NT Server 还提供了多种工具，用来记录与 追踪网络的活动情况。 （5）Windows 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 一种适用于各种类型包括大型、中型和微 型计算机的关系数据库管理系统，使用SQL （Structured query language）作为数据库语言。 SYBASE 世界上第一个真正的基于client/server结构 的RDBMS产品。 DB2 IBM公司开发的关系数据库管理系统，它有多 种不同的版本，可运行在OS/2、Windows NT、 UNIX操作系统上。 SQL server 微软公司开发的一个关系数据库管理 系统。SQL Server 采用二级安全验证、登录验证 及数据库用户帐号和角色的许可验证。 思考题 • 商务网站的软件环境主要包括哪些？分别 有哪些软件可以选择？如何搭配？ • 企业在选择建立网站的软件环境时，应主 要考虑哪些问题？ §8.4 网页内容设计 网页设计方法 网页设计案例--新浪商城主页 网页设计方法 1.自顶向下的设计方法 如果在建站之前建站者对要做的网页的内容有比较全面的 了解，对整个网页的大体轮廓已有比较清晰的规划的话， 采用这种方法是最好的选择。所谓自顶向下，就是从整个 网页的根向下一层一层地展开。采用这种设计方法，在开 始实现网页时可以先用一些空的网页构筑起整个网页的框 架，然后再逐步地添加内容。 采用这种设计方法的优点是能在总体上统一整个网页的风 格，使网页的组织结构比较合理。用这种方法，通常在一 开始就做出一个所谓“模板”，作为以后开发时页面设计 的基础，这样就能保证整个系统用户界面的版面风格和功 能设置的一致性。 网页设计方法 2.自底向上的设计方法 如果建站者在开发之初对整个网页的总体结构和布局还没 有考虑成熟，而面对具体的Web页面的信息内容和服务方式 很有把握，可以采用这种方法。即先设计树状信息结构的 各个叶子节点，然后通过归纳，设计它们的枝叶：节点， 最后完成对根节点的设计。 当我们由于某些原因，先有了一些现成的网页时，选择这 种方法是很自然的。这种方法的优点是，网页的各个部分 可以根据网页内容作因地制宜的设计，而不用拘泥于条条 框框，较为有风格。当日后我们的系统具备一定的规模后， 可以再进行风格的统一，但各个部分的鲜明风格还可保留， 使整个网页既有共性，又有个性。 网页设计方法 3．不断增补的设计方法 这是在网页投入运行后常用的方法，是—种需求驱动的设 计方法。当出现某种信息服务的需求时，就立即设计相应 的Web信息服务页面。随着需求的增加，不断的增加网页， 不断地调整和相互链接，就能使我们的网页在短时间内建 立起来。 这种方法的优点是不需要设计实现前长时间的规划分析期， 效率相对较高。 网页设计案例--新浪商城主页 特点 布局 色彩 图片 作业 • 自己设计一个网页，理解网页设计的常规 方法。 • 请设计一个具有特色的个人主页。
© Copyright 2024 ExpyDoc
