电子商务网站建设与规划设计

1、BJFUSchool of Economics and Management, Beijing Forestry University, Beijing 100083, China第第三三章章电子商务网站建设电子商务网站建设樊樊 坤坤2School of Economics and Management, Beijing Forestry University, Beijing 100083, China第第3章章 电子商务网站建设电子商务网站建设开篇问题：开篇问题： 1. 1. 当我们要建设一个企业电子商务网站时，当我们要建设一个企业电子商务网站时，都需要做些什么？都需要做些什么？ 2. 2

2、. 当领导让你撰写一个电子商务网站项目方当领导让你撰写一个电子商务网站项目方案时，你准备从哪几个方面进行介绍？案时，你准备从哪几个方面进行介绍？3School of Economics and Management, Beijing Forestry University, Beijing 100083, China第第3章章 电子商务网站建设电子商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.3 Web应用程序应用程序3.4 案例网站项目规划案例网站项目规划课后思考题课后思考题主要主要内容内容4School of

3、 Economics and Management, Beijing Forestry University, Beijing 100083, China3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计5School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.1电子商务网

4、站的规划与构建电子商务网站的规划与构建建站流程：建站流程： 网站的更新与维护网站的更新与维护网站的发布与推广网站的发布与推广规划网站的内容并制作网页规划网站的内容并制作网页确定网站的技术解决方案确定网站的技术解决方案注册域名和申请注册域名和申请IPIP地址地址6School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案确定技术解决方案的考虑因素：确定技术解决方案的考虑因素：企业规模

5、、网站预计企业规模、网站预计访问流量、建站的投资、网站运营费用访问流量、建站的投资、网站运营费用。 技术解决方案要确定的技术因素：技术解决方案要确定的技术因素：- - 确定服务器方案、网站硬件平台；确定服务器方案、网站硬件平台；- - 选择网络操作系统、选择网络操作系统、WebWeb服务器和数据库系统；服务器和数据库系统；- - 决定电子商务管理系统的解决方案，选购？自己开发？决定电子商务管理系统的解决方案，选购？自己开发？- - 选择开发程序，如网页编辑软件、选择开发程序，如网页编辑软件、ASPASP、JSPJSP、数据库软件等、数据库软件等- - 确定网站的安全措施，如防黑客、病毒、商业欺

6、诈等方案。确定网站的安全措施，如防黑客、病毒、商业欺诈等方案。7School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案v确定服务器解决方案确定服务器解决方案建立独立的电子商务站点建立独立的电子商务站点-适合对信息量和网站功能要求较高的大中型企业利用利用ISPISP提供的服务方案提供的服务方案-适合对信息量和网站功能要求不高的中小企业租用虚拟主机租用虚拟主机服务器托管服务器托管8

7、School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案v电子商务网站电子商务网站硬件平台硬件平台网络设备：网络设备：路由器、交换机、安全设备（如防火墙）路由器、交换机、安全设备（如防火墙）服务器：服务器：PCPC机、小型机及小型机以上的计算机机、小型机及小型机以上的计算机9School of Economics and Management, Beijing Forestry

8、University, Beijing 100083, China3.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案v电子商务网站电子商务网站软件平台软件平台 a)a)操作系统软件：操作系统软件：UnixUnix、类、类UnixUnix、WindowsWindows PCPC服务器服务器多数采用多数采用WindowsWindows、LinuxLinux 小型机小型机多数选用多数选用UnixUnix b)b)WebWeb服务器软件：服务器软件：如选择如选择PCPC服务器，常见搭配如下：服务器，常见搭配如下： Windows + IIS + AS

9、P + SQL Server Linix + Apache + PHP + MySQL c)c)数据库软件：数据库软件：关系型数据库是主流关系型数据库是主流 DB2、Oracle、Sybase、Informix、MS SQL Server、MySQL10School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.1电子商务网站的规划与构建电子商务网站的规划与构建网站的发布与推广方式网站的发布与推广方式1 1）在各大搜索引擎上注册在各大搜索引擎上注册，让客户可以通过搜索引擎找到

10、网，让客户可以通过搜索引擎找到网站。站。2 2）在传统的广告媒体在传统的广告媒体中对网站的内容、网站的地址、产品的中对网站的内容、网站的地址、产品的性能以及可以提供的便捷服务进行性能以及可以提供的便捷服务进行宣传宣传，扩大网站的影响。，扩大网站的影响。3 3）在访客量较大的）在访客量较大的BBSBBS（电子公告板）上发布广告信息或开（电子公告板）上发布广告信息或开展与企业相关问题的讨论，进一步扩大网站的影响。展与企业相关问题的讨论，进一步扩大网站的影响。4 4）通过）通过电子邮件电子邮件将网站的信息发送给客户和消费者。将网站的信息发送给客户和消费者。5 5）通过）通过与其他类似网站合作与其他类

11、似网站合作，建立友情链接，获得双赢。，建立友情链接，获得双赢。11School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计12School of Economics and Management, Beijing Forestry

12、University, Beijing 100083, China3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别静态网页静态网页v是指客户端浏览器发送是指客户端浏览器发送 URL URL 请求给请求给 WWW WWW 服务器，服服务器，服务器查找需要的超文本文件务器查找需要的超文本文件不加处理不加处理直接返回给客户直接返回给客户端，在客户端浏览器显示的页面是由网页设计师先制端，在客户端浏览器显示的页面是由网页设计师先制作完成存放在服务器上的网页。作完成存放在服务器上的网页。v静态网页静态网页用户基本上不能参与用户基本上不能参与，只是网站页面的静态，只是网站页面的静态发布。发布。制

13、作静态网页主要使用制作静态网页主要使用HTMLHTML，可配合，可配合JavaScriptJavaScript，产生动态效果，产生动态效果13School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别动态网页动态网页v客户端服务技术：客户端服务技术：不需要与服务器进行交互不需要与服务器进行交互，实现，实现动态功能的代码往往采用脚本语言的形式直接嵌入在动态功能的代码往往采用脚本语言的形式直接嵌入在网页中，服务器把网页发送给客

14、户以后，网页在客户网页中，服务器把网页发送给客户以后，网页在客户端浏览器中直接响应用户的动作，有些应用还需要浏端浏览器中直接响应用户的动作，有些应用还需要浏览器安装组件支持。览器安装组件支持。常见的客户端动态技术包括常见的客户端动态技术包括：JavaScript、JavaApplet、DHTML、ActiveX、FLASH、VRML等。等。 14School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别动态网页动态网页v服

15、务器端动态技术：服务器端动态技术：需要服务器和客户端的共同参需要服务器和客户端的共同参与，与，用户通过浏览器发出页面请求后，服务器根据用户通过浏览器发出页面请求后，服务器根据URLURL携带的参数运行服务器端程序，产生结果页面，再将它携带的参数运行服务器端程序，产生结果页面，再将它返回给客户端。返回给客户端。动态网页一般涉及数据库操作动态网页一般涉及数据库操作。 典型的服务器端动态技术包括典型的服务器端动态技术包括：ASP、PHP、JSP、CGI等。等。 15School of Economics and Management, Beijing Forestry University, Bei

16、jing 100083, China3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计16School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.3 常用建站技术常用建站技术1、HTML语言语言 在浏览器上显示的标题在浏览器上显示的标题 浏览器显示的正文内容浏览器显示的正文

17、内容 标记信息标记信息内容信息内容信息17School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.3 常用建站技术常用建站技术2、DHTML （Dynamic HTML）即动态）即动态HTMLv是建立在传统是建立在传统HTML基础上的基础上的客户端动态技术客户端动态技术。DHTML实现了当网页从实现了当网页从Web服务器下载后无需再经服务器下载后无需再经过服务器的处理，而在浏览器中直接动态地更新网页过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能

18、。的内容、排版样式和动画的功能。vDHTML是一种通过各种技术的综合发展而得以实现是一种通过各种技术的综合发展而得以实现的概念，的概念，这些技术包括这些技术包括： JavaScript,VBScript,JavaScript,VBScript,文档对象模型文档对象模型(Document Object Model)(Document Object Model)、层层(Layers),(Layers),级联样式表级联样式表(Cascading Style Sheets CSS)(Cascading Style Sheets CSS)等。等。18School of Economics and Man

19、agement, Beijing Forestry University, Beijing 100083, China3.1.3 常用建站技术常用建站技术3、Java与与Java Applet vJava语言：语言：Sun公司开发的新一代面向对象的公司开发的新一代面向对象的跨平台跨平台程序设计语言程序设计语言。特别适合于。特别适合于Internet上的应用程序开上的应用程序开发。发。 vJava Applet：是一种：是一种特殊的特殊的Java程序程序，它嵌入在，它嵌入在HTML中中，随页面一起发布到，随页面一起发布到Web上上，利用它，用户，利用它，用户可以非常简单地实现可以非常简单地实现W

20、eb程序的编写程序的编写，从页面实现多，从页面实现多媒体的用户界面和动态交换功能。媒体的用户界面和动态交换功能。Java Applet的结构简单的结构简单，代码小，节省了下载时间。，代码小，节省了下载时间。 19School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.3 常用建站技术常用建站技术4、Flash v优秀的优秀的网页动画设计软件网页动画设计软件，Macromedia公司推出。公司推出。5、CGI （Common Gateway Interface）公共网关接口

21、）公共网关接口vCGI可称为一种机制，主要让可称为一种机制，主要让www服务器调用外部程服务器调用外部程序来执行相关指令。序来执行相关指令。vCGI程序的编写语言：程序的编写语言：Visual Basic、Delphi或或C/C+6、ASP （Active Server Page）动态服务器页面）动态服务器页面vMicrosoft开发的开发的动态网页技术动态网页技术v原理原理：在原来的：在原来的HTML页面中加入页面中加入JavaScript或或VBScript代码，服务器在送出网页之前首先执行这些代码，服务器在送出网页之前首先执行这些代码，完成如查询数据库一类的任务，再将执行结果代码，完成如

22、查询数据库一类的任务，再将执行结果以以HTML的形式返回浏览器。的形式返回浏览器。ASPASP只能在微软的服务器软件平台上运行。只能在微软的服务器软件平台上运行。20School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.3 常用建站技术常用建站技术7、PHP （Personal Home Page）v是使用是使用Unix/Linux的用户制作动态网站的首选。的用户制作动态网站的首选。v是一种跨平台服务器解释执行的脚本语言。是一种跨平台服务器解释执行的脚本语言。v用用C语

23、言编写，可运行于语言编写，可运行于Unix、Linux以及以及Windows下。下。8、JSP（Java Server Page）v由由Sun公司开发，是公司开发，是ASP技术强劲的竞争者。技术强劲的竞争者。vJSP和和ASP的不同之处的不同之处：JSP技术基于开发平台和服务器的互相独立，采用技术基于开发平台和服务器的互相独立，采用Java语言开发；语言开发；ASP技术主要依赖于技术主要依赖于Microsoft的平台支持，采用的平台支持，采用VBScript和和JavaScript语言开发。语言开发。21School of Economics and Management, Beijing F

24、orestry University, Beijing 100083, China3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计22School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.4 网站策划与设计网站策划与设计1. 建站目的分析建站目的分析网站在企业发展中的地

25、位，长期、短期目标网站在企业发展中的地位，长期、短期目标2. 建站前的调查分析建站前的调查分析- 调查企业产品和服务的用户调查企业产品和服务的用户- 调查竞争对手目前的情况调查竞争对手目前的情况- 与业务员沟通与业务员沟通23School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.4 网站策划与设计网站策划与设计3. 确定网站的内容结构确定网站的内容结构- - 网站网站一般功能一般功能 企业简介、产品展示、企业的最新动态、售后服务、企业简介、产品展示、企业的最新动态、售后

26、服务、 网站导航、企业的联系方式网站导航、企业的联系方式- - 网站的网站的高级功能高级功能 自动网上客服系统、电子交易功能、数据库检索功能自动网上客服系统、电子交易功能、数据库检索功能24School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.1.4 网站策划与设计网站策划与设计4. 确定网站的表现形式确定网站的表现形式- - 定位企业的定位企业的CICI（Corporate identityCorporate identity）形象）形象- - 设计网站的设计网站的Log

27、oLogo- - 设计网站的标准色彩（设计网站的标准色彩（不超过不超过3 3种颜色种颜色） 标准色彩标准色彩是指能体现网站形象和延伸内涵的色彩。是指能体现网站形象和延伸内涵的色彩。 如：IBM的深蓝色，Windows视窗标志上的红蓝黄绿色块 适合网页适合网页的的标准色：蓝色，黄标准色：蓝色，黄/ /橙色，黑橙色，黑/ /灰灰/ /白色三大系列色白色三大系列色- - 设计网站的标准字体设计网站的标准字体- - 设计网站的宣传标语设计网站的宣传标语25School of Economics and Management, Beijing Forestry University, Beijing 1

28、00083, China3.1.4 网站策划与设计网站策划与设计5. 创建流程创建流程- - 网站策划：网站策划：包括主题策划、内容策划、风格策划、包括主题策划、内容策划、风格策划、 网站创意、目录设计、布局策划等形象网站创意、目录设计、布局策划等形象- - 明确网站开放对象明确网站开放对象- - 绘制网站草图绘制网站草图- - 建立网站文件夹建立网站文件夹- - 收集建站资源收集建站资源- - 设计网站页面内容设计网站页面内容- - 网站发布网站发布26School of Economics and Management, Beijing Forestry University, Beiji

29、ng 100083, China第第3章章 电子商务网站建设电子商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.3 Web应用程序应用程序3.4 案例网站项目规划案例网站项目规划课后思考题课后思考题主要主要内容内容27School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.2.1 网页制作（网页制作（Dreamweaver）3.2.2 网站设

30、计注意要点网站设计注意要点3.2.3 网站规划和网页设计中的主要问题网站规划和网页设计中的主要问题28School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点1. 1. 网站品牌建设要点网站品牌建设要点每一页都包含一个每一页都包含一个logo logo 标志，目前流行放在页面标志，目前流行放在页面顶部左上角位置顶部左上角位置logo logo 旁边使用一句简短易记的体现商业利基的口旁边使用一句简短易记的体现商业利基的口号号 如沃而玛著名

31、的如沃而玛著名的“Always low prices” Always low prices” 天天天天低价低价 中青旅遨游网：中青旅遨游网： http:/ 29School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点1.1.网站品牌建设要点（续）网站品牌建设要点（续）所有页面要有一致的外观和风格所有页面要有一致的外观和风格, ,整个网站的色彩布整个网站的色彩布局清晰统一识别局清晰统一识别拥有拥有关于我们关于我们的栏目，其中包含所有与你和

32、业的栏目，其中包含所有与你和业务相关的信息务相关的信息每页底部都加上版权声明每页底部都加上版权声明30School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点2.2.网站导航要点网站导航要点网页下载时间控制在网页下载时间控制在1010秒以内秒以内, ,文件最大不超过文件最大不超过50K 50K 将导航选项分列相关类目下将导航选项分列相关类目下菜单名称使用常用语菜单名称使用常用语 HomeHome首页首页, About Us, About

33、 Us关于我们关于我们, , Contact UsContact Us联系我们联系我们,Help,Help帮助帮助, Products , Products 产品等产品等 避免使用一些自以为聪明新潮的名称来标新立异避免使用一些自以为聪明新潮的名称来标新立异31School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点2.2.网站导航要点（续网站导航要点（续1 1）如果网站用到如果网站用到FlashFlash，应同时提供，应同时提供HTML

34、HTML版本，为那些版本，为那些喜欢平实、快速进入网站的用户提供方便喜欢平实、快速进入网站的用户提供方便在长长的页面底部提供简单的文本导航链接，这样在长长的页面底部提供简单的文本导航链接，这样用户无须再拖回页面顶端用户无须再拖回页面顶端除了首页以外，其它页面的除了首页以外，其它页面的logologo都加上首页的链接，都加上首页的链接， 所有内页都要有回首页的链接所有内页都要有回首页的链接32School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设

35、计注意要点2.2.网站导航要点（续网站导航要点（续2 2）每页都显示一条通往首页的路径。如每页都显示一条通往首页的路径。如 时代营销时代营销 首页首页 理论与方法理论与方法 自动营销，自动营销， 让用户知道自己在网站让用户知道自己在网站中所处位置中所处位置 ，对导航帮助极大，对导航帮助极大如果网站太大如果网站太大 内容太多，提供搜索功能内容太多，提供搜索功能 一般在首页一般在首页右上角放一个搜索框右上角放一个搜索框搜索应该是搜索你的网站内容而不是整个网络搜索应该是搜索你的网站内容而不是整个网络定制一个错误提示页，显示你的网站地图并链接到主定制一个错误提示页，显示你的网站地图并链接到主要页面，这

36、样就不会因为链接或要页面，这样就不会因为链接或URL URL 失误而失去用户失误而失去用户33School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点3.3.版面设计和内容显示要点版面设计和内容显示要点最重要的内容一定要放在页面顶部最重要的内容一定要放在页面顶部用表格布局页面，并将表格宽度设为百分比而不是用表格布局页面，并将表格宽度设为百分比而不是固定的像素值，这样页面就自动适应屏幕宽度，而固定的像素值，这样页面就自动适应屏幕宽度，而不

37、需要水平拖动滚动条来适应不需要水平拖动滚动条来适应优化页面，使其达到在优化页面，使其达到在1024x768 1024x768 像素条件下像素条件下 ，视，视觉效果最佳觉效果最佳34School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点3.3.版面设计和内容显示要点（续版面设计和内容显示要点（续1 1）文字色彩与背景色彩对比明显，黑色文本与白色背文字色彩与背景色彩对比明显，黑色文本与白色背景最经典景最经典一页中不要使用太多不同的字体，要

38、避免使用衬线一页中不要使用太多不同的字体，要避免使用衬线字体，字体转折处带修饰性的细线。如字体，字体转折处带修饰性的细线。如Times New Roman 通过电脑屏幕阅读困难通过电脑屏幕阅读困难 ，Verdana字体是字体是最友好的字体最友好的字体 - -体宽、清楚、易读体宽、清楚、易读避免长段的文本块，使用分行、副标题、突出关键避免长段的文本块，使用分行、副标题、突出关键词、词、 链接等手段来分割文本链接等手段来分割文本35School of Economics and Management, Beijing Forestry University, Beijing 100083, Chi

39、na3.2.2 网站设计注意要点网站设计注意要点3.3.版面设计和内容显示要点（续版面设计和内容显示要点（续2 2）避免带有业余水平特征。诸如：计数器、大量使用避免带有业余水平特征。诸如：计数器、大量使用感叹号、太多感叹号、太多GIF GIF 动态花哨的背景等动态花哨的背景等不要使用弹出窗口，它们侵扰访问者，往往被当作不要使用弹出窗口，它们侵扰访问者，往往被当作广告立即删除广告立即删除测试网站，使其在不同的浏览器和分辨率下都具有测试网站，使其在不同的浏览器和分辨率下都具有良好的视觉效果良好的视觉效果36School of Economics and Management, Beijing Fo

40、restry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点4.4.网站内容写作要点网站内容写作要点站在外行人看网站的角度来写网站内容，除非你的站在外行人看网站的角度来写网站内容，除非你的网站是为专为技术人员准备的网站是为专为技术人员准备的通过屏幕阅读是很困难的，因此网上内容应比你写通过屏幕阅读是很困难的，因此网上内容应比你写在印刷册上的内容减少一半的文字在印刷册上的内容减少一半的文字如果一个页面太长，将它截断成几页，再链接起来如果一个页面太长，将它截断成几页，再链接起来37School of Economics and Mana

41、gement, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点4.4.网站内容写作要点（续）网站内容写作要点（续）不要使用小于不要使用小于10pt10pt大小的字体，在百分比而不是像大小的字体，在百分比而不是像素条件下设定字体，这样用户就可以通过浏览器的素条件下设定字体，这样用户就可以通过浏览器的查看、选择、字体大小、来设定优先字体大小查看、选择、字体大小、来设定优先字体大小英文网页使用拼写检测程序，文字拼写错误总是有英文网页使用拼写检测程序，文字拼写错误总是有损网站的可信度损网站的可信度38Sc

42、hool of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点5.5.了解客户的要点了解客户的要点反馈要求，在联系页面中放一个反馈表格反馈要求，在联系页面中放一个反馈表格发布电子杂志，并在首页上添加一个订阅条，给予发布电子杂志，并在首页上添加一个订阅条，给予客户有价值的信息并鼓励他们与你联系客户有价值的信息并鼓励他们与你联系添加小调查和其它功能，以收集市场信息添加小调查和其它功能，以收集市场信息39School of Economics and

43、Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点6.6.链接要点链接要点没有链接的地方不要使用任何下划线来突出内容没有链接的地方不要使用任何下划线来突出内容有链接的地方使用下划线，色彩与网站协调有链接的地方使用下划线，色彩与网站协调 ，最适，最适宜用蓝色宜用蓝色访问过的链接使用不同的色彩，这样访问者才知道哪访问过的链接使用不同的色彩，这样访问者才知道哪些链接已经去过了，最适宜使用紫色或更柔和的色彩些链接已经去过了，最适宜使用紫色或更柔和的色彩链接非链接非HTML HTML 文

44、件如文件如Excel, Word Excel, Word 或或 Acrobat Acrobat 时时 链链接处用一个显著的小图标接处用一个显著的小图标40School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点7.7.图片运用要点图片运用要点优化图片，只使用优化图片，只使用.gif.gif和和.jpg.jpg的格式的格式 在保证图片质在保证图片质量的前提下尽量压缩图片，有一些免费的图片优化量的前提下尽量压缩图片，有一些免费的图片优化工具

45、可采用工具可采用使用微缩图片，并可点击放大查看使用微缩图片，并可点击放大查看即使图片没有链接，也使用即使图片没有链接，也使用ALT ALT 属性，这样即使图属性，这样即使图片在用户端没能打开，用户也能知道该图片显示的片在用户端没能打开，用户也能知道该图片显示的是什么是什么41School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.2 网站设计注意要点网站设计注意要点8.8.搜索引擎优化要点搜索引擎优化要点创建简短，描述性的网页标题创建简短，描述性的网页标题titletit

46、le，诱使搜索引擎用户，诱使搜索引擎用户在搜索结果中点击你的链接，搜索引擎结果的链接名就在搜索结果中点击你的链接，搜索引擎结果的链接名就是该页的是该页的titletitle每页都确定两三个主要关键词，并在网页标题每页都确定两三个主要关键词，并在网页标题title title 描描描述描述descriptiondescription的的meta meta 标签和正文中多多使用它们标签和正文中多多使用它们文本内容多于图片，尽量少使用文本内容多于图片，尽量少使用Flash Flash 和和 JavaScript JavaScript 文件，搜索引擎喜欢文本，抓取和索引网站的速度也更文件，搜索引擎喜欢

47、文本，抓取和索引网站的速度也更快快42School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.2.1 网页制作（网页制作（Dreamweaver）3.2.2 网站设计注意要点网站设计注意要点3.2.3 网站规划和网页设计中的主要问题网站规划和网页设计中的主要问题43School of Economics and Management, Beijing Forestry University, Beijing 100083

48、, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题v关于网站规划关于网站规划v关于菜单设置关于菜单设置v关于网站首页关于网站首页v关于页面信息关于页面信息v关于网页字体和美工关于网页字体和美工 44School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题1. 关于网站规划关于网站规划整体规划不合理，主辅菜单不清晰整体规划不合理，主辅菜单不清晰网站建设导向不明确，重点不突出网

49、站建设导向不明确，重点不突出栏目过多或者过少栏目过多或者过少各栏目缺乏统一规划，整个网站比较杂乱各栏目缺乏统一规划，整个网站比较杂乱网站的促销功能没有得到明显体现网站的促销功能没有得到明显体现45School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题2. 关于菜单设置关于菜单设置菜单采用图片形式，图标标识不明确，无文字说明，菜单采用图片形式，图标标识不明确，无文字说明，需要用户移动鼠标进行猜测需要用户移动鼠

50、标进行猜测菜单层次过多，有效信息层次太深，需要多次点击菜单层次过多，有效信息层次太深，需要多次点击才能找到有效信息才能找到有效信息过多采用鼠标响应式菜单，栏目设置不合理，使得过多采用鼠标响应式菜单，栏目设置不合理，使得用户难以发现需要的信息用户难以发现需要的信息46School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题2. 关于菜单设置（续）关于菜单设置（续）栏目设置有重叠栏目设置有重叠栏目名称意义不明确，

51、容易造成混淆栏目名称意义不明确，容易造成混淆全全flashflash首页和菜单，无法优化处理，也没有相应首页和菜单，无法优化处理，也没有相应的文字说明的文字说明栏目过于简单，重要信息不完整，有效信息少栏目过于简单，重要信息不完整，有效信息少47School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题3. 关于网站首页关于网站首页采用大型图片或者采用大型图片或者FLASHFLASH，用户关心的信息没有体，用户关

52、心的信息没有体现，需要多次点击现，需要多次点击过大的过大的FLASHFLASH严重影响首页下载速度严重影响首页下载速度首页无标题首页无标题打开网页弹出多个窗口，影响正常浏览打开网页弹出多个窗口，影响正常浏览48School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题4. 关于页面信息关于页面信息页面信息小，需要多次翻页页面信息小，需要多次翻页与企业形象、产品、促销等方面无关的信息与企业形象、产品、促销等方面无

53、关的信息部分内容陈旧，缺乏时效性部分内容陈旧，缺乏时效性产品详细介绍内容过少产品详细介绍内容过少49School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题5. 关于网页字体和美工关于网页字体和美工过分注重美术效果，大量采用图片，影响网页下过分注重美术效果，大量采用图片，影响网页下载速度载速度过分注重美观，有些连基本信息内容都用图片格过分注重美观，有些连基本信息内容都用图片格式，影响基本信息获取式，影响基本信

54、息获取文字太小、文字颜色暗淡、采用深色页面背景等，文字太小、文字颜色暗淡、采用深色页面背景等，影响正常视觉影响正常视觉页面过于花哨，接近于游戏网站页面过于花哨，接近于游戏网站50School of Economics and Management, Beijing Forestry University, Beijing 100083, China第第3章章 电子商务网站建设电子商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.4 案例网站项目规划案例网站项目规划课后思考题课后思考题主要主要内容内容3.3 Web应用

55、程序应用程序51School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.3 Web应用程序应用程序3.3.1 Web应用程序的定义应用程序的定义3.3.2 Web应用程序的工作方式应用程序的工作方式3.3.3 安装和配置安装和配置IIS52School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.3.1 Web应用程序的定义应用程序的定义什么是什么是WebWe

56、b应用程序应用程序WebWeb应用程序是运行在服务器端的可执行程序，它们可应用程序是运行在服务器端的可执行程序，它们可以响应用户要求，动态产生超文本页面，并将信息提以响应用户要求，动态产生超文本页面，并将信息提供给客户浏览器。也就是说，一幅在浏览器端显示的供给客户浏览器。也就是说，一幅在浏览器端显示的网页，实际上是一段服务器端程序运行的结果。网页，实际上是一段服务器端程序运行的结果。 WebWeb应用程序是一组应用程序是一组WebWeb页面，这些页面与访问者交互，页面，这些页面与访问者交互，与其他与其他WebWeb页面交互，并与页面交互，并与WebWeb服务器上访问的各种资服务器上访问的各种资

57、源（例如数据库）交互，来完成一个特定的功能。源（例如数据库）交互，来完成一个特定的功能。WebWeb应用程序是以大量运用动态页面为特征。应用程序是以大量运用动态页面为特征。53School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.3.1 Web应用程序的定义应用程序的定义要实现要实现WebWeb应用程序的功能需要做如下准备：应用程序的功能需要做如下准备：应有一台自己的计算机来存放自己制作的网页应有一台自己的计算机来存放自己制作的网页-本地计算机。本地计算机。 应有一台计算机

58、来发布主页，用来在应有一台计算机来发布主页，用来在InternetInternet中进行浏览中进行浏览-远程计算机。远程计算机。需要将本地站点上传到远程计算机上。需要将本地站点上传到远程计算机上。54School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.3.2 Web应用程序的工作方式应用程序的工作方式静态页面的处理流程静态页面的处理流程（1 1）浏览器发出对静态页面的请求；）浏览器发出对静态页面的请求；（2 2）WebWeb服务器寻找该页面；服务器寻找该页面；（3 3）W

59、ebWeb服务器将该页面返回给浏览器服务器将该页面返回给浏览器。浏览器浏览器请求请求返回返回网络服务器网络服务器静态页面静态页面55School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.3.2 Web应用程序的工作方式应用程序的工作方式动态页面的处理流程动态页面的处理流程（1 1）浏览器发出对动态页面）浏览器发出对动态页面的请求；的请求；（2 2）WebWeb服务器找到该页面，服务器找到该页面，传给应用服务器；传给应用服务器；（3 3）应用服务器扫描页面，）应用服务器扫描页

60、面，执行代码，生成结果；执行代码，生成结果；（4 4）应用服务器把结果页面）应用服务器把结果页面返回给返回给WebWeb服务器；服务器；（5 5）WebWeb服务器发回该结果服务器发回该结果页面给浏览器。页面给浏览器。浏览器浏览器请求请求返回返回网络服务器网络服务器应用服务器应用服务器应用服务器：一个专门负责处理动态元素的处理层次应用服务器：一个专门负责处理动态元素的处理层次56School of Economics and Management, Beijing Forestry University, Beijing 100083, China3.3.3 安装和配置安装和配置IISWebW