《电子商务网站建设案例教程 教学课件 ppt 作者 梁露 - 副本第4章》由会员分享，可在线阅读，更多相关《电子商务网站建设案例教程 教学课件 ppt 作者 梁露 - 副本第4章（77页珍藏版）》请在金锄头文库上搜索。
1、机械工业出版社,第4章 设计网站的静态网页,建设一个完善的电子商务网站，网络平台硬、软件的 搭建为将来网站的建设、测试和运行提供了环境，而域名 的注册则是为网站的发布作准备，之后需要根据市场需求 和调研结果，进行电子商务网站的规划和设计，并利用网 页的相关技术和开发工具制作网页，实现网站的功能模块， 经测试后，上传到Web服务器进行发布，用户就可以在 Internet上通过域名访问这个电子商务网站。,机械工业出版社,第4章 设计网站的静态网页,4.1 Web技术简介 4.2 信息流程设计 4.3 首页设计 4.4 其他页面的设计 4.5 页面的更新 4.6 花店网站首页的制作,机械工业出版社,
2、4.1 Web技术简介,4.1.1 静态网页相关技术 4.1.2 网页动态效果相关技术 4.1.3 交互式网页相关技术,机械工业出版社,4.1.1 静态网页相关技术,HTML语言 FrontPage 2002 Dreamweaver MX/2004,机械工业出版社,1. HTML语言,HTML是Hyper Text Markup Language的缩写，称为超文本标记语言，是一种用于编写超文本文件的语言。用HTML编写的超文本文件，通常以 .htm或 .html为文件的扩展名。 HTML是标记的集合，这些标记由“”括起来，并且标记一般成对出现，例如是一个开始标记，就构成一个结束标记，在开始标记
3、和结束标记之间的就是页面的内容。,机械工业出版社,HTML文件的基本结构如下： ,机械工业出版社,HTML文件本身是纯文本文件，可以用Windows自 带的“记事本”直接编写，以下是一个HTML编写的例子： Example.htm, 显示图片 网站徽标 ,机械工业出版社,Example.htm运行后显示效果,机械工业出版社,2.FrontPage 2002,直接使用HTML语言编写网页，代码量太大，而且调试困难，所以出现了功能强大的网页编辑制作工具FrontPage、Dreamweaver、HomeSite等。这些网页编辑工具的出现，使网页制作变得简单。 FrontPage 2002是Micr
4、osoft公司继FrontPage 2000之后推出的一个全新的网页设计工具，可以通过“所见即所得”的方式设计和制作网页，从而使网页制作变得简单易行。所以即使你不懂HTML语言，使用FrontPage 2002就可以创建一个看起来很不错的网站。,机械工业出版社,FrontPage 2002的功能主要包括以下几个方面：,站点管理 编辑HTML 发布网页 数据库集成,机械工业出版社,FrontPage的“普通”视图模式,机械工业出版社,FrontPage的“HTML”视图模式,机械工业出版社,3.Dreamweaver MX/2004,Dreamweaver MX与FrontPage 2002相似
5、，也是一个可以实现“所见即所得”的网页设计工具，它是Macromedia公司开发的集网页制作和网站管理于一身的网页编辑器，是专门为网页设计师量身定制的网页开发工具。 由网页设计工具Dreamweaver、矢量动画制作工具Flash和处理网页图像工具Fireworks，共同组成的网页开发工具包，被Macromedia公司称为Dream Team(梦之队)，也就是网站设计者通常所说的“网页设计三剑客”。,机械工业出版社,Dreamweaver MX的功能主要包括以下几个方面：,站点管理 与其他网页开发工具高效率的配合 代码提示功能 Coldfusion MX支持 支持最新的网页标准,机械工业出版社
6、,4.1.2 网页动态效果相关技术,Java Applet JavaScript和VBScript CSS Flash,机械工业出版社,1.Java Applet,Java的程序分为两种类型：Java Application和Java Applet，其中Java Applet应用于网页中，但它不是可以独立运行的程序，它编译后生成的字节码文件必须嵌入到用HTML语言编写的网页文件中，并由客户端的Web浏览器内部所包含的Java解释器来解释运行。 Java Applet作为一种网页开发语言，由于具有跨平台和安全等特性，曾一度被认为是Internet上最适合的开发语言，但事实上，由于Java程序的编
7、译运行速度慢，资源消耗大等缺陷，使Java的应用在Internet上并未真正流行起来。,机械工业出版社,2.JavaScript和VBScript,JavaScript是Netscape公司的Live Script语言和Sun公司的Java语言相结合的产物，但JavaScript不是Java语言，两者最主要的区别是JavaScript是一种脚本语言，可以由浏览器直接解释执行，而Java需要先编译成字节码文件，再由Web浏览器包含的Java解释器进行解释执行，所以JavaScript的运行速度比Java Applet快得多。,机械工业出版社,VBScript也是一种脚本语言，与JavaScrip
8、t非常相似，能够实现的网页功能也类似。 VBScript的优点是对初学者来说，入门容易，易学易用。缺点是VBScript编写的脚本程序只能用于微软的IIS服务器端，客户端由IE浏览器解释执行。,机械工业出版社,以下是一个JavaScript编写的程序例子：javascript.htm, 显示系统时间 var mydate=new Date(); var today=mydate.getDate(); var tomonth=mydate.getMonth(); var toyear=mydate.getYear(); document.write(toyear+“年“+(tomonth+1)+
9、“月“+today+“日“); ,机械工业出版社,javascript.htm运行后显示效果 ：,机械工业出版社,3. CSS,CSS是Cascading Style Sheets的缩写，称为层叠样式表，与HTML语言一样，也是一种标记语言。 利用CSS技术可以有效地对页面的布局、字体、颜色、背景和其他效果实现精确的控制，可以充分发挥动态html的优势，但是只有最新版的浏览器才支持CSS。,机械工业出版社,一个CSS例子，css.htm, CSS样式例子 H1FONT-SIZE:13pt;COLOR:blue A:link COLOR: #0000ff; TEXT-DECORATION: no
10、ne A:visited COLOR: #0000ff; TEXT-DECORATION: none A:active COLOR: #ff00ff; TEXT-DECORATION: underline A:hover COLOR: #ff0000; TEXT-DECORATION: underline 实验 链接 ,机械工业出版社,css.htm文件运行后显示效果,机械工业出版社,4. Flash,Flash是Macromedia公司专门为网络开发的一个交互式矢量动画设计软件，网站设计者可以使用Flash轻松地为网站设计各种动态Logo、动画、导航条等,还可以加入背景音乐，它出色的多媒体功
11、能和强大的交互功能，使其成为网站设计者制作动画的首选软件。,机械工业出版社,4.1.3 交互式网页相关技术,CGI ASP与ASP.NET PHP,机械工业出版社,1.CGI,CGI是Common Gateway Interface的缩写，称为公共网关接口，它是最早的Web数据库连接技术，大多数Web服务器都支持这项技术。同时CGI也是一种通信标准，它为Web服务器提供了一种与外部应用程序交互的接口协议标准。,机械工业出版社,2.ASP与ASP.NET,ASP是Active Server Pages的英文简称，它是Microsoft公司推出的一种用以取代CGI的交互式网页技术。与CGI相比，A
12、SP的功能更为强大，执行速度也快得多。 ASP.NET是ASP的下一代版本，但并不仅仅是ASP的简单升级，在许多方面，ASP.NET与ASP有着本质的不同。ASP.NET是Microsoft发展的新型体系结构.NET的一部分，它的全新技术架构会让每个人的网络生活都变得更简单。,机械工业出版社,3.PHP,PHP技术与ASP相似，也是一种可以嵌入HTML的交互式网页技术，运行速度比CGI快得多。与ASP相比，PHP可以跨多个平台，能够在Windows、UNIX、Linux等不同平台的Web服务器上运行，支持Apache和IIS等多种Web服务器。PHP通常运行的Web服务器平台是基于UNIX/L
13、inux操作系统下的Apache平台。,机械工业出版社,4.2 信息流程设计,4.2.1 信息流程总体设计 4.2.2 花店网站功能模块设计 4.2.3 花店网站信息流程设计,机械工业出版社,4.2.1 信息流程总体设计,网站信息设计流程 信息流程设计要注意的问题,机械工业出版社,1. 网站信息设计流程,确定网站的目标和定位 收集与该网站有关的资料 网站功能模块设计 网站草案设计 网页制作 网站测试 网站发布,机械工业出版社,2. 信息流程设计要注意的问题,主题突出 速度优先 信息要便于用户浏览 设立交流平台,机械工业出版社,4.2.2 花店网站功能模块设计,网上花店主要实现的是一个完整的电子
14、商务流程，用户可以注册个人信息，修改个人信息，在用户登录后，可以选购商品，将选购的商品放入购物车后，生成定单，以货到付款的形式完成支付。花店的后台能够实现商品管理，如添加商品、删除商品、修改商品的信息等，并对客户定单进行查询和管理。另外，用户的反馈意见可以发布在留言板上，以便和花店进行沟通。,机械工业出版社,网上花店的主要功能模块包括：,客户管理功能 商品管理功能 下定单及定单管理功能 留言板管理功能,机械工业出版社,4.2.3 花店网站信息流程设计,网上花店作为一个电子商务网站，属于B to C的电子商务模式。 从网站的功能模块设计中可以看到，该网站可以实现四个方面的完整功能。这些功能按照信
15、息流程设计，又可分为花店网站的前台购物流程和后台管理流程。,机械工业出版社,花店网站的前台购物流程 :,机械工业出版社,花店网站的后台管理流程 ：,机械工业出版社,4.3 首页设计,4.3.1 首页的版面设计 4.3.2 首页设计要注意的问题,机械工业出版社,4.3.1 首页的版面设计,“国”字型 “T”字型 封面型,机械工业出版社,1.“国”字型,机械工业出版社,2.“T”字型,机械工业出版社,3.封面型,机械工业出版社,4.3.2 首页设计要注意的问题,首页明确，主题突出 导航栏设计形式服从功能 设立最近更新或网站指南栏目 快速下载,机械工业出版社,4.4 其他页面的设计,4.4.1 客户
16、管理 4.4.2 商品管理 4.4.3 定单管理 4.4.4 留言板管理,机械工业出版社,4.4.1 客户管理,在花店网站的客户管理模块中，包括会员注册、会员登录、会员信息修改等功能，通过客户信息的收集，可以进行客户资料分析，了解客户的购物倾向，所售商品适合的消费群体，以及在此基础上进一步进行市场预测，从而把握市场走向。,机械工业出版社,会员注册界面,机械工业出版社,会员登录界面,机械工业出版社,会员信息修改界面,机械工业出版社,4.4.2 商品管理,商品管理是电子商务网站最重要的一个环节，商品页面一般采用信息分层、逐层细化的方法展示公司的产品。 在花店网站的商品管理模块中，包括商品显示、管理员登录、商品类别管理、商品管理、商品查询等功能。,机械工业出版社,商品显示界面,机械工业出版社,管理员登录界面,机械工业出版社,商品类别管理界面,机械工业出版社,商品管理界面,机械工业出版社,商品查询界面,机械工业出版社,4.4.3 定单管理,定单管理也是电子商务网站一个非常重要的环节，用户在网站上选购好商品，放入购物车，并到收银台结账后，会形成定单。一方面发货方会根据用户定
