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

1、1第第三三章章电子商务网站建设电子商务网站建设樊樊 坤坤school of economics and management, beijing forestry university, beijing 100083, china2第第3章章 电子商务网站建设电子商务网站建设开篇问题：开篇问题： 1. 1. 当我们要建设一个企业电子商务网站时，当我们要建设一个企业电子商务网站时，都需要做些什么？都需要做些什么？ 2. 2. 当领导让你撰写一个电子商务网站项目方当领导让你撰写一个电子商务网站项目方案时，你准备从哪几个方面进行介绍？案时，你准备从哪几个方面进行介绍？3第第3章章 电子商务网站建设电子

2、商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.3 web应用程序应用程序3.4 案例网站项目规划案例网站项目规划课后思考题课后思考题主要主要内容内容43.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计53.1.1电子商务网站的规划与构建电子商务网站的规划与构建建站流程：建站流程： 网站的更新与维护网站的更新与维护网

3、站的发布与推广网站的发布与推广规划网站的内容并制作网页规划网站的内容并制作网页确定网站的技术解决方案确定网站的技术解决方案注册域名和申请注册域名和申请ipip地址地址63.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案确定技术解决方案的考虑因素：确定技术解决方案的考虑因素：企业规模、网站预计企业规模、网站预计访问流量、建站的投资、网站运营费用访问流量、建站的投资、网站运营费用。 技术解决方案要确定的技术因素：技术解决方案要确定的技术因素：- - 确定服务器方案、网站硬件平台；确定服务器方案、网站硬件平台；- - 选择网络操作系统、选择网络操作

4、系统、webweb服务器和数据库系统；服务器和数据库系统；- - 决定电子商务管理系统的解决方案，选购？自己开发？决定电子商务管理系统的解决方案，选购？自己开发？- - 选择开发程序，如网页编辑软件、选择开发程序，如网页编辑软件、aspasp、jspjsp、数据库软件等、数据库软件等- - 确定网站的安全措施，如防黑客、病毒、商业欺诈等方案。确定网站的安全措施，如防黑客、病毒、商业欺诈等方案。73.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案v确定服务器解决方案确定服务器解决方案a)a)建立独立的电子商务站点建立独立的电子商务站点-适合对信

5、息量和网站功能要求较高的大中型企业b)b)利用利用ispisp提供的服务方案提供的服务方案-适合对信息量和网站功能要求不高的中小企业租用虚拟主机租用虚拟主机服务器托管服务器托管83.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定网站的技术解决方案v电子商务网站电子商务网站硬件平台硬件平台a)a)网络设备：网络设备：路由器、交换机、安全设备（如防火墙）路由器、交换机、安全设备（如防火墙）b)b)服务器：服务器：pcpc机、小型机及小型机以上的计算机机、小型机及小型机以上的计算机93.1.1电子商务网站的规划与构建电子商务网站的规划与构建确定网站的技术解决方案确定

6、网站的技术解决方案v电子商务网站电子商务网站软件平台软件平台 a)a)操作系统软件：操作系统软件：unixunix、类、类unixunix、windowswindows pcpc服务器服务器多数采用多数采用windowswindows、linuxlinux 小型机小型机多数选用多数选用unixunix b)b)webweb服务器软件：服务器软件：如选择如选择pcpc服务器，常见搭配如下：服务器，常见搭配如下： windows + iis + asp + sql server linix + apache + php + mysql c)c)数据库软件：数据库软件：关系型数据库是主流关系型数据库

7、是主流 db2、oracle、sybase、informix、ms sql server、mysql103.1.1电子商务网站的规划与构建电子商务网站的规划与构建网站的发布与推广方式网站的发布与推广方式1 1）在各大搜索引擎上注册在各大搜索引擎上注册，让客户可以通过搜索引擎找到网，让客户可以通过搜索引擎找到网站。站。2 2）在传统的广告媒体在传统的广告媒体中对网站的内容、网站的地址、产品的中对网站的内容、网站的地址、产品的性能以及可以提供的便捷服务进行性能以及可以提供的便捷服务进行宣传宣传，扩大网站的影响。，扩大网站的影响。3 3）在访客量较大的）在访客量较大的bbsbbs（电子公告板）上发布

8、广告信息或开（电子公告板）上发布广告信息或开展与企业相关问题的讨论，进一步扩大网站的影响。展与企业相关问题的讨论，进一步扩大网站的影响。4 4）通过）通过电子邮件电子邮件将网站的信息发送给客户和消费者。将网站的信息发送给客户和消费者。5 5）通过）通过与其他类似网站合作与其他类似网站合作，建立友情链接，获得双赢。，建立友情链接，获得双赢。113.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计12

9、3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别制作静态网页主要使用制作静态网页主要使用htmlhtml，可配合，可配合javascriptjavascript，产生动态效果，产生动态效果133.1.2 静态网页与动态网页的区别静态网页与动态网页的区别动态网页动态网页v客户端服务技术：客户端服务技术：不需要与服务器进行交互不需要与服务器进行交互，实现，实现动态功能的代码往往采用脚本语言的形式直接嵌入在动态功能的代码往往采用脚本语言的形式直接嵌入在网页中，服务器把网页发送给客户以后，网页在客户网页中，服务器把网页发送给客户以后，网页在客户端浏览器中直接响应用户的动作，有些应用还需要浏

10、端浏览器中直接响应用户的动作，有些应用还需要浏览器安装组件支持。览器安装组件支持。常见的客户端动态技术包括常见的客户端动态技术包括：javascript、javaapplet、dhtml、activex、flash、vrml等。等。 143.1.2 静态网页与动态网页的区别静态网页与动态网页的区别动态网页动态网页v服务器端动态技术：服务器端动态技术：需要服务器和客户端的共同参需要服务器和客户端的共同参与，与，用户通过浏览器发出页面请求后，服务器根据用户通过浏览器发出页面请求后，服务器根据urlurl携带的参数运行服务器端程序，产生结果页面，再将它携带的参数运行服务器端程序，产生结果页面，再将它

11、返回给客户端。返回给客户端。动态网页一般涉及数据库操作动态网页一般涉及数据库操作。 典型的服务器端动态技术包括典型的服务器端动态技术包括：asp、php、jsp、cgi等。等。 153.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计163.1.3 常用建站技术常用建站技术1、html语言语言 在浏览器上显示的标题在浏览器上显示的标题 浏览器显示的正文内容浏览器显示的正文内容 标记信息标记信息内容

12、信息内容信息173.1.3 常用建站技术常用建站技术2、dhtml （dynamic html）即动态）即动态htmlv是建立在传统是建立在传统html基础上的基础上的客户端动态技术客户端动态技术。dhtml实现了当网页从实现了当网页从web服务器下载后无需再经服务器下载后无需再经过服务器的处理，而在浏览器中直接动态地更新网页过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。的内容、排版样式和动画的功能。vdhtml是一种通过各种技术的综合发展而得以实现是一种通过各种技术的综合发展而得以实现的概念，的概念，这些技术包括这些技术包括： javascript,vbscri

13、pt,javascript,vbscript,文档对象模型文档对象模型(document object model)(document object model)、层层(layers),(layers),级联样式表级联样式表(cascading style sheets css)(cascading style sheets css)等。等。183.1.3 常用建站技术常用建站技术3、java与与java applet vjava语言：语言：sun公司开发的新一代面向对象的公司开发的新一代面向对象的跨平台跨平台程序设计语言程序设计语言。特别适合于。特别适合于internet上的应用程序开上的应

14、用程序开发。发。 vjava applet：是一种：是一种特殊的特殊的java程序程序，它嵌入在，它嵌入在html中中，随页面一起发布到，随页面一起发布到web上上，利用它，用户，利用它，用户可以非常简单地实现可以非常简单地实现web程序的编写程序的编写，从页面实现多，从页面实现多媒体的用户界面和动态交换功能。媒体的用户界面和动态交换功能。java applet的结构简单的结构简单，代码小，节省了下载时间。，代码小，节省了下载时间。 193.1.3 常用建站技术常用建站技术4、flash v优秀的优秀的网页动画设计软件网页动画设计软件，macromedia公司推出。公司推出。6、asp （ac

15、tive server page）动态服务器页面）动态服务器页面vmicrosoft开发的开发的动态网页技术动态网页技术v原理原理：在原来的：在原来的html页面中加入页面中加入javascript或或vbscript代码，服务器在送出网页之前首先执行这些代码，服务器在送出网页之前首先执行这些代码，完成如查询数据库一类的任务，再将执行结果代码，完成如查询数据库一类的任务，再将执行结果以以html的形式返回浏览器。的形式返回浏览器。aspasp只能在微软的服务器软件平台上运行。只能在微软的服务器软件平台上运行。203.1.3 常用建站技术常用建站技术7、php （personal home pa

16、ge）是使用是使用unix/linux的用户制作动态网站的首选。的用户制作动态网站的首选。是一种跨平台服务器解释执行的脚本语言。是一种跨平台服务器解释执行的脚本语言。用用c语言编写，可运行于语言编写，可运行于unix、linux以及以及windows下。下。8、jsp（java server page）v由由sun公司开发，是公司开发，是asp技术强劲的竞争者。技术强劲的竞争者。vjsp和和asp的不同之处的不同之处：jsp技术基于开发平台和服务器的互相独立，采用技术基于开发平台和服务器的互相独立，采用java语言开发；语言开发；asp技术主要依赖于技术主要依赖于microsoft的平台支持，

17、采用的平台支持，采用vbscript和和javascript语言开发。语言开发。213.1 电子商务网站的规划与设计电子商务网站的规划与设计3.1.1 电子商务网站的规划与构建电子商务网站的规划与构建3.1.2 静态网页与动态网页的区别静态网页与动态网页的区别3.1.3 常用建站技术常用建站技术3.1.4 网站策划与设计网站策划与设计223.1.4 网站策划与设计网站策划与设计1. 建站目的分析建站目的分析网站在企业发展中的地位，长期、短期目标网站在企业发展中的地位，长期、短期目标2. 建站前的调查分析建站前的调查分析- 调查企业产品和服务的用户调查企业产品和服务的用户- 调查竞争对手目前的情

18、况调查竞争对手目前的情况- 与业务员沟通与业务员沟通233.1.4 网站策划与设计网站策划与设计3. 确定网站的内容结构确定网站的内容结构- - 网站网站一般功能一般功能 企业简介、产品展示、企业的最新动态、售后服务、企业简介、产品展示、企业的最新动态、售后服务、 网站导航、企业的联系方式网站导航、企业的联系方式- - 网站的网站的高级功能高级功能 自动网上客服系统、电子交易功能、数据库检索功能自动网上客服系统、电子交易功能、数据库检索功能243.1.4 网站策划与设计网站策划与设计4. 确定网站的表现形式确定网站的表现形式- - 定位企业的定位企业的cici（corporate identi

19、tycorporate identity）形象）形象- - 设计网站的设计网站的logologo- - 设计网站的标准色彩（设计网站的标准色彩（不超过不超过3 3种颜色种颜色） 标准色彩标准色彩是指能体现网站形象和延伸内涵的色彩。是指能体现网站形象和延伸内涵的色彩。 如：ibm的深蓝色，windows视窗标志上的红蓝黄绿色块 适合网页适合网页的的标准色：蓝色，黄标准色：蓝色，黄/ /橙色，黑橙色，黑/ /灰灰/ /白色三大系列色白色三大系列色- - 设计网站的标准字体设计网站的标准字体- - 设计网站的宣传标语设计网站的宣传标语253.1.4 网站策划与设计网站策划与设计5. 创建流程创建流程

20、- - 网站策划：网站策划：包括主题策划、内容策划、风格策划、包括主题策划、内容策划、风格策划、 网站创意、目录设计、布局策划等形象网站创意、目录设计、布局策划等形象- - 明确网站开放对象明确网站开放对象- - 绘制网站草图绘制网站草图- - 建立网站文件夹建立网站文件夹- - 收集建站资源收集建站资源- - 设计网站页面内容设计网站页面内容- - 网站发布网站发布26第第3章章 电子商务网站建设电子商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.3 web应用程序应用程序3.4 案例网站项目规划案例网站项目规划

21、课后思考题课后思考题主要主要内容内容273.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.2.1 网页制作（网页制作（dreamweaver）3.2.2 网站设计注意要点网站设计注意要点3.2.3 网站规划和网页设计中的主要问题网站规划和网页设计中的主要问题283.2.2 网站设计注意要点网站设计注意要点293.2.2 网站设计注意要点网站设计注意要点1.1.网站品牌建设要点（续）网站品牌建设要点（续）所有页面要有一致的外观和风格所有页面要有一致的外观和风格, ,整个网站的色彩布整个网站的色彩布局清晰统一识别局清晰统一识别拥有拥有关于我们关于我们的栏目，其中包含所有与你和业的栏目，其

22、中包含所有与你和业务相关的信息务相关的信息每页底部都加上版权声明每页底部都加上版权声明303.2.2 网站设计注意要点网站设计注意要点2.2.网站导航要点网站导航要点网页下载时间控制在网页下载时间控制在1010秒以内秒以内, ,文件最大不超过文件最大不超过50k 50k 将导航选项分列相关类目下将导航选项分列相关类目下菜单名称使用常用语菜单名称使用常用语 homehome首页首页, about us, about us关于我们关于我们, , contact uscontact us联系我们联系我们,help,help帮助帮助, products , products 产品等产品等 避免使用一些

23、自以为聪明新潮的名称来标新立异避免使用一些自以为聪明新潮的名称来标新立异313.2.2 网站设计注意要点网站设计注意要点2.2.网站导航要点（续网站导航要点（续1 1）如果网站用到如果网站用到flashflash，应同时提供，应同时提供htmlhtml版本，为那些版本，为那些喜欢平实、快速进入网站的用户提供方便喜欢平实、快速进入网站的用户提供方便在长长的页面底部提供简单的文本导航链接，这样在长长的页面底部提供简单的文本导航链接，这样用户无须再拖回页面顶端用户无须再拖回页面顶端除了首页以外，其它页面的除了首页以外，其它页面的logologo都加上首页的链接，都加上首页的链接， 所有内页都要有回首

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

25、站地图并链接到主定制一个错误提示页，显示你的网站地图并链接到主要页面，这样就不会因为链接或要页面，这样就不会因为链接或url url 失误而失去用户失误而失去用户333.2.2 网站设计注意要点网站设计注意要点3.3.版面设计和内容显示要点版面设计和内容显示要点最重要的内容一定要放在页面顶部最重要的内容一定要放在页面顶部用表格布局页面，并将表格宽度设为百分比而不是用表格布局页面，并将表格宽度设为百分比而不是固定的像素值，这样页面就自动适应屏幕宽度，而固定的像素值，这样页面就自动适应屏幕宽度，而不需要水平拖动滚动条来适应不需要水平拖动滚动条来适应优化页面，使其达到在优化页面，使其达到在1024x

26、768 1024x768 像素条件下像素条件下 ，视，视觉效果最佳觉效果最佳343.2.2 网站设计注意要点网站设计注意要点3.3.版面设计和内容显示要点（续版面设计和内容显示要点（续1 1）文字色彩与背景色彩对比明显，黑色文本与白色背文字色彩与背景色彩对比明显，黑色文本与白色背景最经典景最经典一页中不要使用太多不同的字体，要避免使用衬线一页中不要使用太多不同的字体，要避免使用衬线字体，字体转折处带修饰性的细线。如字体，字体转折处带修饰性的细线。如times new roman 通过电脑屏幕阅读困难通过电脑屏幕阅读困难 ，verdana字体是字体是最友好的字体最友好的字体 - -体宽、清楚、易

27、读体宽、清楚、易读避免长段的文本块，使用分行、副标题、突出关键避免长段的文本块，使用分行、副标题、突出关键词、词、 链接等手段来分割文本链接等手段来分割文本353.2.2 网站设计注意要点网站设计注意要点3.3.版面设计和内容显示要点（续版面设计和内容显示要点（续2 2）避免带有业余水平特征。诸如：计数器、大量使用避免带有业余水平特征。诸如：计数器、大量使用感叹号、太多感叹号、太多gif gif 动态花哨的背景等动态花哨的背景等不要使用弹出窗口，它们侵扰访问者，往往被当作不要使用弹出窗口，它们侵扰访问者，往往被当作广告立即删除广告立即删除测试网站，使其在不同的浏览器和分辨率下都具有测试网站，使

28、其在不同的浏览器和分辨率下都具有良好的视觉效果良好的视觉效果363.2.2 网站设计注意要点网站设计注意要点4.4.网站内容写作要点网站内容写作要点站在外行人看网站的角度来写网站内容，除非你的站在外行人看网站的角度来写网站内容，除非你的网站是为专为技术人员准备的网站是为专为技术人员准备的通过屏幕阅读是很困难的，因此网上内容应比你写通过屏幕阅读是很困难的，因此网上内容应比你写在印刷册上的内容减少一半的文字在印刷册上的内容减少一半的文字如果一个页面太长，将它截断成几页，再链接起来如果一个页面太长，将它截断成几页，再链接起来373.2.2 网站设计注意要点网站设计注意要点4.4.网站内容写作要点（续

29、）网站内容写作要点（续）不要使用小于不要使用小于10pt10pt大小的字体，在百分比而不是像大小的字体，在百分比而不是像素条件下设定字体，这样用户就可以通过浏览器的素条件下设定字体，这样用户就可以通过浏览器的查看、选择、字体大小、来设定优先字体大小查看、选择、字体大小、来设定优先字体大小英文网页使用拼写检测程序，文字拼写错误总是有英文网页使用拼写检测程序，文字拼写错误总是有损网站的可信度损网站的可信度383.2.2 网站设计注意要点网站设计注意要点5.5.了解客户的要点了解客户的要点反馈要求，在联系页面中放一个反馈表格反馈要求，在联系页面中放一个反馈表格发布电子杂志，并在首页上添加一个订阅条，

30、给予发布电子杂志，并在首页上添加一个订阅条，给予客户有价值的信息并鼓励他们与你联系客户有价值的信息并鼓励他们与你联系添加小调查和其它功能，以收集市场信息添加小调查和其它功能，以收集市场信息393.2.2 网站设计注意要点网站设计注意要点6.6.链接要点链接要点没有链接的地方不要使用任何下划线来突出内容没有链接的地方不要使用任何下划线来突出内容有链接的地方使用下划线，色彩与网站协调有链接的地方使用下划线，色彩与网站协调 ，最适，最适宜用蓝色宜用蓝色访问过的链接使用不同的色彩，这样访问者才知道哪访问过的链接使用不同的色彩，这样访问者才知道哪些链接已经去过了，最适宜使用紫色或更柔和的色彩些链接已经去

31、过了，最适宜使用紫色或更柔和的色彩链接非链接非html html 文件如文件如excel, word excel, word 或或 acrobat acrobat 时时 链链接处用一个显著的小图标接处用一个显著的小图标403.2.2 网站设计注意要点网站设计注意要点7.7.图片运用要点图片运用要点优化图片，只使用优化图片，只使用.gif.gif和和.jpg.jpg的格式的格式 在保证图片质在保证图片质量的前提下尽量压缩图片，有一些免费的图片优化量的前提下尽量压缩图片，有一些免费的图片优化工具可采用工具可采用使用微缩图片，并可点击放大查看使用微缩图片，并可点击放大查看即使图片没有链接，也使用即使

32、图片没有链接，也使用alt alt 属性，这样即使图属性，这样即使图片在用户端没能打开，用户也能知道该图片显示的片在用户端没能打开，用户也能知道该图片显示的是什么是什么413.2.2 网站设计注意要点网站设计注意要点8.8.搜索引擎优化要点搜索引擎优化要点创建简短，描述性的网页标题创建简短，描述性的网页标题titletitle，诱使搜索引擎用户，诱使搜索引擎用户在搜索结果中点击你的链接，搜索引擎结果的链接名就在搜索结果中点击你的链接，搜索引擎结果的链接名就是该页的是该页的titletitle每页都确定两三个主要关键词，并在网页标题每页都确定两三个主要关键词，并在网页标题title title

33、描描描述描述descriptiondescription的的meta meta 标签和正文中多多使用它们标签和正文中多多使用它们文本内容多于图片，尽量少使用文本内容多于图片，尽量少使用flash flash 和和 javascript javascript 文件，搜索引擎喜欢文本，抓取和索引网站的速度也更文件，搜索引擎喜欢文本，抓取和索引网站的速度也更快快423.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.2.1 网页制作（网页制作（dreamweaver）3.2.2 网站设计注意要点网站设计注意要点3.2.3 网站规划和网页设计中的主要问题网站规划和网页设计中的主要问题433.2

34、.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题关于网站规划关于网站规划关于菜单设置关于菜单设置关于网站首页关于网站首页关于页面信息关于页面信息关于网页字体和美工关于网页字体和美工 443.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题1. 关于网站规划关于网站规划整体规划不合理，主辅菜单不清晰整体规划不合理，主辅菜单不清晰网站建设导向不明确，重点不突出网站建设导向不明确，重点不突出栏目过多或者过少栏目过多或者过少各栏目缺乏统一规划，整个网站比较杂乱各栏目缺乏统一规划，整个网站比较杂乱网站的促销功能没有得到明显体现网站的促销功能没有得到明显体现453.2

35、.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题2. 关于菜单设置关于菜单设置菜单采用图片形式，图标标识不明确，无文字说明，菜单采用图片形式，图标标识不明确，无文字说明，需要用户移动鼠标进行猜测需要用户移动鼠标进行猜测菜单层次过多，有效信息层次太深，需要多次点击菜单层次过多，有效信息层次太深，需要多次点击才能找到有效信息才能找到有效信息过多采用鼠标响应式菜单，栏目设置不合理，使得过多采用鼠标响应式菜单，栏目设置不合理，使得用户难以发现需要的信息用户难以发现需要的信息463.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题2. 关于菜单设置（续）关于菜单设置

36、（续）栏目设置有重叠栏目设置有重叠栏目名称意义不明确，容易造成混淆栏目名称意义不明确，容易造成混淆全全flashflash首页和菜单，无法优化处理，也没有相应首页和菜单，无法优化处理，也没有相应的文字说明的文字说明栏目过于简单，重要信息不完整，有效信息少栏目过于简单，重要信息不完整，有效信息少473.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题3. 关于网站首页关于网站首页采用大型图片或者采用大型图片或者flashflash，用户关心的信息没有体，用户关心的信息没有体现，需要多次点击现，需要多次点击过大的过大的flashflash严重影响首页下载速度严重影响首页下载速度

37、首页无标题首页无标题打开网页弹出多个窗口，影响正常浏览打开网页弹出多个窗口，影响正常浏览483.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题4. 关于页面信息关于页面信息页面信息小，需要多次翻页页面信息小，需要多次翻页与企业形象、产品、促销等方面无关的信息与企业形象、产品、促销等方面无关的信息部分内容陈旧，缺乏时效性部分内容陈旧，缺乏时效性产品详细介绍内容过少产品详细介绍内容过少493.2.3 网站规划和网站规划和网页设计中的主要问题网页设计中的主要问题5. 关于网页字体和美工关于网页字体和美工过分注重美术效果，大量采用图片，影响网页下过分注重美术效果，大量采用图片，影

38、响网页下载速度载速度过分注重美观，有些连基本信息内容都用图片格过分注重美观，有些连基本信息内容都用图片格式，影响基本信息获取式，影响基本信息获取文字太小、文字颜色暗淡、采用深色页面背景等，文字太小、文字颜色暗淡、采用深色页面背景等，影响正常视觉影响正常视觉页面过于花哨，接近于游戏网站页面过于花哨，接近于游戏网站50第第3章章 电子商务网站建设电子商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.4 案例网站项目规划案例网站项目规划课后思考题课后思考题主要主要内容内容3.3 web应用程序应用程序513.3 web应用

39、程序应用程序3.3.1 web应用程序的定义应用程序的定义3.3.2 web应用程序的工作方式应用程序的工作方式3.3.3 安装和配置安装和配置iis523.3.1 web应用程序的定义应用程序的定义什么是什么是webweb应用程序应用程序webweb应用程序是运行在服务器端的可执行程序，它们可应用程序是运行在服务器端的可执行程序，它们可以响应用户要求，动态产生超文本页面，并将信息提以响应用户要求，动态产生超文本页面，并将信息提供给客户浏览器。也就是说，一幅在浏览器端显示的供给客户浏览器。也就是说，一幅在浏览器端显示的网页，实际上是一段服务器端程序运行的结果。网页，实际上是一段服务器端程序运行

40、的结果。 webweb应用程序是一组应用程序是一组webweb页面，这些页面与访问者交互，页面，这些页面与访问者交互，与其他与其他webweb页面交互，并与页面交互，并与webweb服务器上访问的各种资服务器上访问的各种资源（例如数据库）交互，来完成一个特定的功能。源（例如数据库）交互，来完成一个特定的功能。webweb应用程序是以大量运用动态页面为特征。应用程序是以大量运用动态页面为特征。533.3.1 web应用程序的定义应用程序的定义要实现要实现webweb应用程序的功能需要做如下准备：应用程序的功能需要做如下准备：应有一台自己的计算机来存放自己制作的网页应有一台自己的计算机来存放自己制

41、作的网页-本地计算机。本地计算机。 应有一台计算机来发布主页，用来在应有一台计算机来发布主页，用来在internetinternet中进行浏览中进行浏览-远程计算机。远程计算机。需要将本地站点上传到远程计算机上。需要将本地站点上传到远程计算机上。543.3.2 web应用程序的工作方式应用程序的工作方式静态页面的处理流程静态页面的处理流程（1 1）浏览器发出对静态页面的请求；）浏览器发出对静态页面的请求；（2 2）webweb服务器寻找该页面；服务器寻找该页面；（3 3）webweb服务器将该页面返回给浏览器服务器将该页面返回给浏览器。浏览器浏览器请求请求返回返回网络服务器网络服务器静态页面静

42、态页面553.3.2 web应用程序的工作方式应用程序的工作方式动态页面的处理流程动态页面的处理流程（1 1）浏览器发出对动态页面）浏览器发出对动态页面的请求；的请求；（2 2）webweb服务器找到该页面，服务器找到该页面，传给应用服务器；传给应用服务器；（3 3）应用服务器扫描页面，）应用服务器扫描页面，执行代码，生成结果；执行代码，生成结果；（4 4）应用服务器把结果页面）应用服务器把结果页面返回给返回给webweb服务器；服务器；（5 5）webweb服务器发回该结果服务器发回该结果页面给浏览器。页面给浏览器。浏览器浏览器请求请求返回返回网络服务器网络服务器应用服务器应用服务器应用服务

43、器：一个专门负责处理动态元素的处理层次应用服务器：一个专门负责处理动态元素的处理层次563.3.3 安装和配置安装和配置iiswebweb应用程序的运行离不开应用程序的运行离不开webweb服务器服务器apache apache web server -57%web server -57%microsoft microsoft iisiis -31% -31%iisiis（internet information serverinternet information server），支持），支持webweb、ftpftp、smtpsmtp、nntpnntp、mediamedia等多种服务。等多

44、种服务。57第第3章章 电子商务网站建设电子商务网站建设3.1 电子商务网站的规划与设计电子商务网站的规划与设计3.2 网站的外观设计与内容编辑网站的外观设计与内容编辑3.4 案例网站项目规划案例网站项目规划课后思考题课后思考题主要主要内容内容3.3 web应用程序应用程序583.4 案例网站项目规划案例网站项目规划3.4.1 网站开发流程网站开发流程3.4.2 用户需求分析用户需求分析3.4.3 总体设计总体设计3.4.4 详细设计详细设计3.4.5 中国人民大学出版社网上书店中国人民大学出版社网上书店593.4.1 网站开发流程网站开发流程1. 客户提出需求客户提出需求2.网站建设公司提供

45、网站建设公司提供“解决方案和报价解决方案和报价”3. 确定合作意向确定合作意向4. 签署合同签署合同5.支付预付款及提供材料支付预付款及提供材料6. 设计制作设计制作7. 客户验收客户验收8. 支付余款支付余款9. 后期维护后期维护603.4.2 用户需求分析用户需求分析撰写需求说明书时应注意：撰写需求说明书时应注意：正确性：正确性：每个功能必须描写交付的功能。可行性：可行性：确保在当前开发能力和系统环境下可以实现每个需求。必要性：必要性：功能是否必须交付，是否可以推迟实现，是否可以在消减开支情况发生时“去掉”。简明性：简明性：不要使用专业的网络术语。检测性：检测性：如开发完毕，客户可以根据需

46、求检测。613.4.2 用户需求分析用户需求分析例：电子商务类网站例：电子商务类网站电子商务应用划分：电子商务应用划分：商品检索、商品采购、订单支付、商品检索、商品采购、订单支付、客户服务和系统管理客户服务和系统管理5 5大模块大模块。网站主要功能：网站主要功能：支持多种形式的商品发布支持多种形式的商品发布支持商品的价格和交叉促销方式支持商品的价格和交叉促销方式购物城采用购物城采用cookiecookie技术，最大限度地提高商品采购速度技术，最大限度地提高商品采购速度个性化的采购订单模版，方便顾客进行购物组合比较，并实个性化的采购订单模版，方便顾客进行购物组合比较，并实现常规购物的快速选购现常

47、规购物的快速选购购物车内置的价格计算模型可根据商家的价格体系灵活定制购物车内置的价格计算模型可根据商家的价格体系灵活定制支持多种国内外主流信用卡的在线支付支持多种国内外主流信用卡的在线支付完善的客户服务和客户关系管理完善的客户服务和客户关系管理与管理软件系列产品进行集成，快速构建大型商务站点与管理软件系列产品进行集成，快速构建大型商务站点623.4.3 总体设计总体设计 总体设计阶段以比较抽象概括的方式提出问总体设计阶段以比较抽象概括的方式提出问题的解决办法。题的解决办法。总体规划说明书应包括：总体规划说明书应包括：网站的栏目和版块网站的栏目和版块网站的功能和相应的程序网站的功能和相应的程序网

48、站的链接结构网站的链接结构如果有数据库，进行数据库的概念设计如果有数据库，进行数据库的概念设计网站的交互性和用户友好设计网站的交互性和用户友好设计633.4.3 总体设计总体设计网站建设方案：网站建设方案：客户情况分析客户情况分析网站需要实现的目的和目标网站需要实现的目的和目标网站形象说明网站形象说明网站的栏目版块和结构网站的栏目版块和结构网站内容的安排，相互链接关系网站内容的安排，相互链接关系使用软件、硬件和技术分析说明使用软件、硬件和技术分析说明开发时间进度表开发时间进度表宣传推广方案宣传推广方案维护方案维护方案制作费用制作费用本公司简介：成功作品、技术、人才说明等本公司简介：成功作品、技

49、术、人才说明等643.4.3 总体设计总体设计 网站栏目规划：栏目策划书网站栏目规划：栏目策划书栏目概述：栏目概述：包括栏目定位、栏目目的、服务对象、子栏目设置、首页内容、分页内容。栏目详情：栏目详情：描述每一个子栏目的具体情况。包括：栏目目的、服务对象、内容介绍、资料来源、实现方法、有关问题、重点提示。相关栏目：相关栏目：用以说明本栏目和其他栏目之间的结合、沟通，加强网站的整体性。参考网站：参考网站：表明本栏目已参考的网站，或可参考的网站，并说明参考其他网站的哪些优点，哪些地方是在建设过程中应该注意的。附录：附录：用以记录这个文档的历史修改过程。653.4.4 详细设计详细设计详细设计主要针

50、对程序开发部分。详细设计主要针对程序开发部分。整体形象设计：整体形象设计：包括logo、标准色彩、广告语等。首页设计首页设计包括版面、色彩、图像、动态效果、图标等风格设计，及banner、菜单、标题、版权等模块设计。首页一般设计1-3个不同风格，完成后供客户选择。开发制作：开发制作：程序员和网页设计师同时进入全力开发阶段，测试人员需要随时测试网页和程序。调试完善：调试完善：测试包括速度、兼容性、交互性、链接正确性、程序健壮性、超流量测试等，完成测试报告。宣传推广宣传推广维护维护663.4.5 中国人民大学出版社网上书店中国人民大学出版社网上书店673.4.5 中国人民大学出版社网上书店中国人民

51、大学出版社网上书店网址：网址：http:/ 中国人民大学出版社网上书店中国人民大学出版社网上书店一级栏目页面布局：一级栏目页面布局：“匡”字型。网页常见页面布局结构：同、国、匡、三、川、自由式、左右对称式网页常见页面布局结构：同、国、匡、三、川、自由式、左右对称式69课后思考题课后思考题1.电子商务网站建设的流程包括什么？2.电子商务网站建设方案都包括什么内容？3.静态网页和动态网页的区别？4.请你自己动手设计一个电子商务网站。70项目小组拓展活动（选修班）项目小组拓展活动：任务：商务网站的规划与设计任务：商务网站的规划与设计知识目标：理解电子商务网站规划的原则和意义知识目标：理解电子商务网站

52、规划的原则和意义能力目标：能力目标：熟练掌握电子商务网站域名的概念和域名注册方法熟练掌握电子商务网站域名的概念和域名注册方法能掌握电子商务网站项目分析与规划能掌握电子商务网站项目分析与规划学会电子商务网站项目方案的撰写学会电子商务网站项目方案的撰写要求：要求：小组撰写小组撰写“某公司电子商务网站建设方案某公司电子商务网站建设方案”，演讲演讲5-7分钟。分钟。演讲前一周提交方案和演讲演讲前一周提交方案和演讲ppt，发到发到。71任务引入任务引入上海晨飞食品有限公司是一家生产食品的小型企业，上海晨飞食品有限公司是一家生产食品的小型企业，主要从事糖果的生产。公司在发展了一年以后希望能主要从事糖果的生

53、产。公司在发展了一年以后希望能够借助电子商务的力量来拓展自己的业务。由于公司够借助电子商务的力量来拓展自己的业务。由于公司人力资源有限，希望网站的建设外包，公司委托一个人力资源有限，希望网站的建设外包，公司委托一个itit公司来实施电子商务方案，但你是这个公司来实施电子商务方案，但你是这个itit公司项目公司项目组的一员，需要由你首先负责完成这个电子商务网站组的一员，需要由你首先负责完成这个电子商务网站建设方案的初稿（框架），之后交由项目组共同讨论建设方案的初稿（框架），之后交由项目组共同讨论完善。完善。723.4.3 总体设计（复制）总体设计（复制）网站建设方案：网站建设方案：客户情况分析客

54、户情况分析网站需要实现的目的和目标网站需要实现的目的和目标网站形象说明（包括域名设计）网站形象说明（包括域名设计）网站的栏目版块和结构网站的栏目版块和结构网站内容的安排，相互链接关系网站内容的安排，相互链接关系使用软件、硬件和技术分析说明使用软件、硬件和技术分析说明开发时间进度表开发时间进度表宣传推广方案宣传推广方案维护方案维护方案制作费用制作费用本公司简介：成功作品、技术、人才说明等本公司简介：成功作品、技术、人才说明等73关于实验课关于实验课第第9 9周在经管机房开始上实验课，共周在经管机房开始上实验课，共1818学时，学时，主要完成电子商务模拟实验系统中的各项交主要完成电子商务模拟实验系统中的各项交易任务。易任务。第一次课会讲解有关电子商务实