电子商务网站建设与规划设计PPT(共84页)

第三章电子商务网站建设樊坤[e-mail]第3章电子商务网站建设开篇问题：1.当我们要建设一个企业电子商务网站时，都需要做些什么？2.当领导让你撰写一个电子商务网站项目方案时，你准备从哪几个方面进行介绍？第3章电子商务网站建设3.1电子商务网站的规划与设计3.2网站的外观设计与内容编辑3.3Web应用程序3.4案例网站项目规划课后思考题主要内容3.1电子商务网站的规划与设计3.1.1电子商务网站的规划与构建3.1.2静态网页与动态网页的区别3.1.3常用建站技术3.1.4网站策划与设计3.1.1电子商务网站的规划与构建建站流程：网站的更新与维护网站的发布与推广规划网站的内容并制作网页确定网站的技术解决方案注册域名和申请IP地址3.1.1电子商务网站的规划与构建确定网站的技术解决方案确定技术解决方案的考虑因素：企业规模、网站预计访问流量、建站的投资、网站运营费用。技术解决方案要确定的技术因素：-确定服务器方案、网站硬件平台；-选择网络操作系统、Web服务器和数据库系统；-决定电子商务管理系统的解决方案，选购？自己开发？-选择开发程序，如网页编辑软件、ASP、JSP、数据库软件等-确定网站的安全措施，如防黑客、病毒、商业欺诈等方案。3.1.1电子商务网站的规划与构建确定网站的技术解决方案确定服务器解决方案a)建立独立的电子商务站点-适合对信息量和网站功能要求较高的大中型企业b)利用ISP提供的服务方案-适合对信息量和网站功能要求不高的中小企业•租用虚拟主机•服务器托管3.1.1电子商务网站的规划与构建确定网站的技术解决方案电子商务网站硬件平台a)网络设备：路由器、交换机、安全设备（如防火墙）b)服务器：PC机、小型机及小型机以上的计算机3.1.1电子商务网站的规划与构建确定网站的技术解决方案电子商务网站软件平台a)操作系统软件：Unix、类Unix、WindowsPC服务器—多数采用Windows、Linux小型机—多数选用Unixb)Web服务器软件：如选择PC服务器，常见搭配如下：Windows+IIS+ASP+SQLServerLinix+Apache+PHP+MySQLc)数据库软件：关系型数据库是主流DB2、Oracle、Sybase、Informix、MSSQLServer、MySQL3.1.1电子商务网站的规划与构建网站的发布与推广方式1）在各大搜索引擎上注册，让客户可以通过搜索引擎找到网站。2）在传统的广告媒体中对网站的内容、网站的地址、产品的性能以及可以提供的便捷服务进行宣传，扩大网站的影响。3）在访客量较大的BBS（电子公告板）上发布广告信息或开展与企业相关问题的讨论，进一步扩大网站的影响。4）通过电子邮件将网站的信息发送给客户和消费者。5）通过与其他类似网站合作，建立友情链接，获得双赢。3.1电子商务网站的规划与设计3.1.1电子商务网站的规划与构建3.1.2静态网页与动态网页的区别3.1.3常用建站技术3.1.4网站策划与设计3.1.2静态网页与动态网页的区别静态网页是指客户端浏览器发送URL请求给服务器，服务器查找需要的超文本文件不加处理直接返回给客户端，在客户端浏览器显示的页面是由网页设计师先制作完成存放在服务器上的网页。静态网页用户基本上不能参与，只是网站页面的静态发布。制作静态网页主要使用HTML，可配合JavaScript，产生动态效果3.1.2静态网页与动态网页的区别动态网页客户端服务技术：不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言的形式直接嵌入在网页中，服务器把网页发送给客户以后，网页在客户端浏览器中直接响应用户的动作，有些应用还需要浏览器安装组件支持。常见的客户端动态技术包括：JavaScript、JavaApplet、DHTML、ActiveX、FLASH、VRML等。3.1.2静态网页与动态网页的区别动态网页服务器端动态技术：需要服务器和客户端的共同参与，用户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生结果页面，再将它返回给客户端。动态网页一般涉及数据库操作。典型的服务器端动态技术包括：ASP、PHP、JSP、CGI等。3.1电子商务网站的规划与设计3.1.1电子商务网站的规划与构建3.1.2静态网页与动态网页的区别3.1.3常用建站技术3.1.4网站策划与设计3.1.3常用建站技术1、HTML语言htmlheadtitle在浏览器上显示的标题/title/headbody浏览器显示的正文内容/body/html标记信息内容信息3.1.3常用建站技术2、DHTML（DynamicHTML）即动态HTML是建立在传统HTML基础上的客户端动态技术。DHTML实现了当网页从Web服务器下载后无需再经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。DHTML是一种通过各种技术的综合发展而得以实现的概念，这些技术包括：JavaScript,VBScript,文档对象模型(DocumentObjectModel)、层(Layers),级联样式表(CascadingStyleSheetsCSS)等。3.1.3常用建站技术3、Java与JavaAppletJava语言：Sun公司开发的新一代面向对象的跨平台程序设计语言。特别适合于Internet上的应用程序开发。JavaApplet：是一种特殊的Java程序，它嵌入在HTML中，随页面一起发布到Web上，利用它，用户可以非常简单地实现Web程序的编写，从页面实现多媒体的用户界面和动态交换功能。JavaApplet的结构简单，代码小，节省了下载时间。3.1.3常用建站技术4、Flash优秀的网页动画设计软件，Macromedia公司推出。5、CGI（CommonGatewayInterface）公共网关接口CGI可称为一种机制，主要让服务器调用外部程序来执行相关指令。CGI程序的编写语言：VisualBasic、Delphi或C/C++6、ASP（ActiveServerPage）动态服务器页面Microsoft开发的动态网页技术原理：在原来的HTML页面中加入JavaScript或VBScript代码，服务器在送出网页之前首先执行这些代码，完成如查询数据库一类的任务，再将执行结果以HTML的形式返回浏览器。ASP只能在微软的服务器软件平台上运行。3.1.3常用建站技术7、PHP（PersonalHomePage）是使用Unix/Linux的用户制作动态网站的首选。是一种跨平台服务器解释执行的脚本语言。用C语言编写，可运行于Unix、Linux以及Windows下。8、JSP（JavaServerPage）由Sun公司开发，是ASP技术强劲的竞争者。JSP和ASP的不同之处：•JSP技术基于开发平台和服务器的互相独立，采用Java语言开发；•ASP技术主要依赖于Microsoft的平台支持，采用VBScript和JavaScript语言开发。3.1电子商务网站的规划与设计3.1.1电子商务网站的规划与构建3.1.2静态网页与动态网页的区别3.1.3常用建站技术3.1.4网站策划与设计3.1.4网站策划与设计1.建站目的分析网站在企业发展中的地位，长期、短期目标2.建站前的调查分析-调查企业产品和服务的用户-调查竞争对手目前的情况-与业务员沟通3.1.4网站策划与设计3.确定网站的内容结构-网站一般功能企业简介、产品展示、企业的最新动态、售后服务、网站导航、企业的联系方式-网站的高级功能自动网上客服系统、电子交易功能、数据库检索功能3.1.4网站策划与设计4.确定网站的表现形式-定位企业的CI（Corporateidentity）形象-设计网站的Logo-设计网站的标准色彩（不超过3种颜色）标准色彩是指能体现网站形象和延伸内涵的色彩。如：IBM的深蓝色，Windows视窗标志上的红蓝黄绿色块适合网页的标准色：蓝色，黄/橙色，黑/灰/白色三大系列色-设计网站的标准字体-设计网站的宣传标语3.1.4网站策划与设计5.创建流程-网站策划：包括主题策划、内容策划、风格策划、网站创意、目录设计、布局策划等形象-明确网站开放对象-绘制网站草图-建立网站文件夹-收集建站资源-设计网站页面内容-网站发布第3章电子商务网站建设3.1电子商务网站的规划与设计3.2网站的外观设计与内容编辑3.3Web应用程序3.4案例网站项目规划课后思考题主要内容3.2网站的外观设计与内容编辑3.2.1网页制作（Dreamweaver）3.2.2网站设计注意要点3.2.3网站规划和网页设计中的主要问题3.2.2网站设计注意要点1.网站品牌建设要点每一页都包含一个logo标志，目前流行放在页面顶部左上角位置logo旁边使用一句简短易记的体现商业利基的口号如沃而玛著名的“Alwayslowprices”天天低价中青旅遨游网：网站设计注意要点1.网站品牌建设要点（续）所有页面要有一致的外观和风格,整个网站的色彩布局清晰统一识别拥有《关于我们》的栏目，其中包含所有与你和业务相关的信息每页底部都加上版权声明3.2.2网站设计注意要点2.网站导航要点网页下载时间控制在10秒以内,文件最大不超过50K将导航选项分列相关类目下菜单名称使用常用语Home首页,AboutUs关于我们,ContactUs联系我们,Help帮助,Products产品等避免使用一些自以为聪明新潮的名称来标新立异3.2.2网站设计注意要点2.网站导航要点（续1）如果网站用到Flash，应同时提供HTML版本，为那些喜欢平实、快速进入网站的用户提供方便在长长的页面底部提供简单的文本导航链接，这样用户无须再拖回页面顶端除了首页以外，其它页面的logo都加上首页的链接，所有内页都要有回首页的链接3.2.2网站设计注意要点2.网站导航要点（续2）每页都显示一条通往首页的路径。如时代营销首页理论与方法自动营销，让用户知道自己在网站中所处位置，对导航帮助极大如果网站太大内容太多，提供搜索功能一般在首页右上角放一个搜索框搜索应该是搜索你的网站内容而不是整个网络定制一个错误提示页，显示你的网站地图并链接到主要页面，这样就不会因为链接或URL失误而失去用户3.2.2网站设计注意要点3.版面设计和内容显示要点最重要的内容一定要放在页面顶部用表格布局页面，并将表格宽度设为百分比而不是固定的像素值，这样页面就自动适应屏幕宽度，而不需要水平拖动滚动条来适应优化页面，使其达到在1024x768像素条件下，视觉效果最佳3.2.2网站设计注意要点3.版面设计和内容显示要点（续1）文字色彩与背景色彩对比明显，黑色文本与白色背景最经典一页中不要使用太多不同的字体，要避免使用衬线字体，字体转折处带修饰性的细线。如TimesNewRoman通过电脑屏幕阅读困难，Verdana字体是最友好的字体-体宽、清楚、易读避免长段的文本块，使用分行、副标题、突出关键词、链接等手段来分割文本3.2.2网站设计注意要点3.版面设计和内容显示要点（续2）避免带有业余水平特征。诸如：计数器、大量使用感叹号、太多GIF动态花哨的背景等不要使用弹出窗口，它们侵扰访问者，往往被当作广告立即删除测试网站，使其在不同的浏览器和分辨率下都具有良好的视觉效果3.2.2网站设计注意要点4.网站内容写作要点站在外行人看网站的角度来写网站内容，除非你的网站是为专为技术人员准备的通过屏幕阅读是很困难的，因此网上内容应比你写在印刷册上的内容减少一半的文字如果一个页面太长，将它截断成几页，再链接起来3.2.2网站设计注意要点4.网站内容写作要点（续）不要使用小于10pt大小的字体，在百分比而不是像素条件下设定字体，这样用户就可以通过浏览器的查看、选择、字体大小、来设定优先字体大小英文网页使用拼写检测程