《电子商务网站规划与建设.ppt》由会员分享,可在线阅读,更多相关《电子商务网站规划与建设.ppt(50页珍藏版)》请在三一文库上搜索。
1、马云的电子商务帝国 A T A A Y A K,“丑男” 的野心,当网络像章鱼的触角一样蔓延到我们生活的每一个角落时,你还能选择逃避吗? 当电子商务成为所有企业的必备战略工具时,你还怕找不到工作吗? 电子商务的浪潮已经席卷全球!中国进入网商社会! 要高效开展电子商务,其网站规划与建设是我们必备的知识与能力。 李玉清 2008.12.,项目11 电子商务网站规划与建设,一、 网站的基本概念,所谓网站,是指基于Web应用为基础,提供信息和服务的Internet网络站点。构建一个网站的基本组成部分包括网页和网站资源。,(一) 网站的基本组成部分,1、网页,页面用HTML编写,通过超级链接相互联接在一
2、起。,2、网页空间,3、网址,4、域名分为:国际域名、国内域名、虚拟域名,(二) 网站的分类,1、政府网站,1、动态信息发布,2、在线调查,3、动态检索,4、网上办公,综合类,行业类,宣传类,一般性功能:,2、新闻网站,3、企业网站,企业网站是具有商业目标,符合网络营销模式,促进电子商务发展的重要支撑性网站。,4、搜索引擎网站,5、综合性服务网站,6、教育类网站,7、网上拍卖、购物等电子商务类网站,8、个人网站,二、电子商务网站的整体规划,电子商务网站的规划是对网站功能、结构、内容、外观等方面的总体规划,整个网站的规划与建设大致分为五个阶段:策划、设计、制作、 宣传推广、运行维护,策划阶段必须
3、首先确定网站的主题与目标,即明确网站的定位,(一) 网站的主题,1、前期调查,2、主题的定位,1)主要目的:,2)如何进行前期调查,为网站的定位指明一个正确的方向,初步确定网站的内容,初步考虑采用的实现技术,网上调查 问卷调查 比较研究,主题选择的原则:,1)主题要小而精,2)题材应结合本身的特点和优势,3)题材勿滥,4)目标不要太高,2、 网站名称的设计,名称设计的原则:,1)名称要合理,2)要容易记,3)名称要有特色,3 、网站的视觉形象,1)网站的标志设计( Logo),2)网站标准色彩的设计,3)网站标准字体的设计,4、 网站发展的目标,1)目标要切合实际,要适合网站的实际情况,2)目
4、标要随市场的需要而变化,3)制定目标时一定要有前瞻性,三、 商务网站内容与功能的设计,1、 确定访问者,确定访问者的依据:,网站的定位,网上调查,对已建成的同类型网站进行比较,2 、确定网站的内容与功能,(一) 网站内容设计,3、网站内容的分类,1)静态内容,2)动态内容,网站的静态内容是指网站中相对不变的部分,它的主要作用是维持整个网站的风格,给访问者一个熟悉的浏览环境。,网站的动态内容是网站内容中的主体部分,经常更新的内容,也是访问者主要浏览的内容,它以交互方式呈现。,4、网站内容的设计,1)及时从用户得到有关网站内容的反馈信息,并尽快对网站 内容加以修改。,2)网站上必须要有能够留住用户
5、的动态内容,并随时修改和 更新,主页上要注明更新日期。,3)网站的内容结构必须清晰,是用户可以尽快获得信息。,4)注意突出网站的形象。,5、不要包括一般化的web参考信息和已是非热点的链接。,6、网页应用多种成分组成,如多媒体的链接。但图像和多媒 体信息的使用要适中。文本内容应简明扼要、通俗易懂, 文字编辑要正确。,7、注意网页的结构应使用户能方便迅速地浏览。,8、在页内增加与其他网站的链接,以便有效地推广网站。,9、凡是提供下载的内容,应该提醒用户下载的时间以及文 件的大小等。,10、尽量增加一些内容精彩的文章。,11、注意要为主页加一个描述性的标题。,网站包含什么内容:,1、继续细化网站的
6、目标,2、利用目标清单、已调查的访问者的需求等信息,建立一个网站所需内容和功能的清单。,(二)网站功能的设计,1、提供各种信息库查询、咨询、服务。,2、提供软件等各种媒体资源的下载服务。,3、提供技术支持服务。,4、提供各种消息的宣传,发布服务。,不同网站的功能大致分为:,5、提供各类电子商务的功能。,6、提供各类远程教育服务。,7、提供网络出版服务。,风格从网站美术设计的角度来说,指的是通过一定的颜色以及图案组合、布局安排等设计,体现出网站经营者的思想和倾向。包括以下几个方面的工作:,(三)确定网站的风格,(四)建立网站的结构层次图,(五)定义导航,2、设置文本的颜色。,3、设置链接点的颜色
7、。,网站的结构层次图是一种有关网站结构、组织方式的示意图。,1、设置背景颜色或者图案。,导航系统主要有以下几种构成:,2、小型导航条,3、导航目录,1、导航栏目,四、 网站结构的设计,(一)网站结构的设计原则,物理结构:指网站文件的物理存储结构,也就是网站文件在服务器 上的存储方式。,逻辑链接结构:指网站在运行时抽象出来的拓扑结构,(二)网站的物理结构,建立目录结构的一些建议:,2、按栏目内容建立子目录,3、在每个主目录下建立独立的images目录,1、不要将所有文件都放在根目录下,5、不要使用中文目录,6、不要使用过长的目录名,4、目录的层次不可过深,一般3层以内,(二)网站的逻辑链接结构,
8、7、尽量使用意义明确的目录名,几种类型:,2、星状链接结构,3、混合链接结构,1、树状结构,(一) 域名的注册,五、 网站建设的技术实现,(二) 网站硬件、软件平台的选择,1、网站的组成,2)服务器部分,3)数据存储部分,1)网络接入部分,5)研发、制作和维护部分,6)安全部分,4)中间件,2、选择接入方式和接入设备,1)广域线路服务,中国公用计算机互联网(CHINANET),中国教育和科研计算机网(CERNET),中国科技网(CSTNET),2)接入方式与接入设备,3)Web服务器的选择,中国金桥信息网(CHINAGBN),中国联通互联网(CNUNINET),中国网通(CNCNET),拨号接
9、入,DDN专线方式接入,ISDN方式接入,ADSL方式接入,Cable MODEM方式接入,微波、卫星和无线方式接入,光纤方式接入,可管理性,可用性,4)如何选择系统软件,安全性,高性能,可扩展性,模块化,(1)选择网络操作系统,(2)选择web服务器软件,响应能力,与后端服务器的集成,管理的难易程度,稳定可靠性,安全性,信息开发的难易程度,(3)选择数据库,3. 网站应用软件开发工具的选择,六、 网站技术人员的构成,1)在Linux平台下的开发工具:C/C+,Perl,PHP,2)Windows NT平台下的开发工具:VBscript,Javascript,ASP等,2、网络维护工程师,3、
10、数据库管理工程师,1、网页设计师,5、网络程序员,6、项目开发工程师,4、网站编辑,7、系统管理工程师,8、应用管理工程师,9、网络协调工程师,10、录入员,七、 网站的功能、技术、成本、效益的综合分析,两笔费用不能省:,1、美工设计、制作费用,2、布局规划费用,八、 网站技术环境的选择与运行方式的确定,ISP,IAP,ICP与ASP,(一)技术环境的选择,(二)网站建设服务商的选择,(三)国内著名ISP列表,2、IAP是Internet接入商,3、ICP是Internet内容提供商,1、ISP是Internet服务提供商,4、ASP是Internet应用服务提供商,2、要考虑可用带宽,3、需
11、要考虑服务器的均衡负载,1、首先需要考虑的是连线速度,即连接时的带宽,4、要考虑是否提供强有力的技术支持,北京万维通科技有限公司,首都在线,上海东方网景数据通讯有限公司,深圳市龙脉信息股份有限公司,1、独立运行方式,2、主机托管、虚拟主机和数据中心,(四) 运行方式的确定,此种方式就是网站建设单位自建服务器、自管服务器,该服务器通过调制解调器或租用专门线路与因特网相连接。,主机托管是指将网站服务器主机托管给ISP保管,用户需要做的只是将设备放到ISP的中心机房,然后通过其它低速线路进行网站的远程管理与维护。,虚拟主机是指租用ISP服务器硬盘的空间,即把一台主机的硬盘划分,细分后没块硬盘空间形成
12、一台虚拟主机,然后将每一台虚拟主机配置有独立的域名和IP地址,并具有完整的Internet服务功能。,1.什么是商务网站?由哪些内容组成? 商务网站是指一个企业、机构或公司在互联网上建立的站点,其目的是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。(1)联系信息(2)商业机构的地址(3)重要人物的介绍(4)重要客户的介绍(5)公司产品和服务介绍(6)新闻。 2.商务网站建设步骤包括哪些内容? (1)目标规划 (2)系统分析(3)系统设计(4)网站实现 (5)网页发布(6)网页调试(7)维护与管理 3.商务网站需要哪些硬件环境和软件环境? 网站的硬件一般应考虑客户、服务器、接入I
13、nternet的方式等三方面的问题 系统平台:Windows NT、UNIX、Net ware、Linux等 数据库系统:Oracle、Sybase、DB2、SQL Server等,思考与讨论,四、域名,分为:国际域名、国内域名、虚拟域名,网站创建与 网页设计示例,网页设计案例-新浪商城主页,特点 布局 色彩 图片,图1 FrontPage 2000主窗口,网页制作工具-FrontPage 2000,1新建站点,站点概念 新建站点 修改站点 2.站点的基本操作,一、创建站点,站点实际上是一个文件夹,这个文件夹和普通的文件夹相比,具有了一些特殊的属性,它是计算机上的一个站点,而不是单纯的文件夹。
14、,(1)站点概念,(2)新建站点,启动FrontPage,单击“文件”菜单,选择其中的“新建”级联菜单,单击“站点”命令,打开 “新建站点”对话框 。,图2 “新建站点”对话框,单击“工具”菜单,选择“站点设置”命令,打开 “站点设置”对话框(或在导航视图中单击鼠标右键,从弹出的快捷菜单中选择“站点设置”命令,也可以打开此对话框)。在“常规”选项卡中可以改变站点的名称。,(3)修改站点,图3 “站点设置”对话框,单击“文件”菜单中的“打开站点”命令,打开 “打开站点”对话框。,(1)打开和关闭站点,2.站点的基本操作,图3 “打开站点”对话框,单击“编辑”菜单栏中的“删除”命令。打开 “确认删
15、除”对话框。,(2)删除站点,如果要将整个站点删除,则选中“删除整个站点”单选按钮;,如果不想将该站点下的文件删除,则可以选中“只删除此站点中的FrontPage信息,保留所有的其他文件和文件夹”单选按钮,然后单击“确定”按钮。,采用后一种方法删除站点后,该站点将变为一个普通的文件夹。,图5 “确认删除”对话框,1.新建网页,创建一个新的网页有三种方法:使用空白页、使用向导和使用模板。单击“文件”菜单,从下拉菜单“新建”的级联菜单中选择“网页”命令,打开“新建”对话框。,单击“常规”选项卡,在列表框中显示了FrontPage提供的创建网页的26种模板,使用各类模板可以创建不同类型的网页。,二、
16、建立网页,图 6 “新建”网页对话框,1)从本地磁盘或局域网中打开网页。,(1)打开网页,单击“文件”菜单中的“打开”命令,或单击工具栏上的“打开”按钮 。打开 “打开文件”对话框。在“查找范围”下拉列表框中选择站点,从文件列表中选定要打开的文件。,2.网页的基本操作,2)从Web站点中打开网页。 单击“搜索Web”图标按钮,打开IE浏览器窗口,从中选择所需的网页。,图7 “打开文件”对话框,3)打开最近使用过的网页。,单击“文件”下拉菜单中的“最近使用的文件”级联菜单,从中选择最近访问过的网页即可。,单击“文件”菜单中的“保存文件”命令,打开 “另存为”对话框,可以选择网页文件的“保存位置”
17、,输入网页文件的“文件名”,选择网页文件的“保存类型”。单击“更改”按钮,在打开的“设置网页标题”对话框中可以更改网页的标题。,(2)保存网页,图8 “另存为”对话框,(1)编辑文本,3.网页设计,FrontPage中经常使用的编辑操作有:选中文本、删除、剪切、复制、粘贴、查找、替换、文本插入等。文字格式设定有:字体、字型、字号、字体颜色、字符间距及各种字体修饰等。段落格式设定有:行间距、段间距、左右缩进、对齐方式等。,图9 文本输入示例,网页背景包括:背景颜色和背景图片。,(2)设置网页背景,1)背景颜色,鼠标右击网页编辑区,从弹出的快捷菜单中单击“网页属性”命令,打开“网页属性”对话框。单
18、击“背景”选项卡,在“颜色”区中,可以从“背景”下拉列表中选择一种背景颜色,也可以进一步从“其他颜色”中选取自定义的颜色。,图10 “网页属性”对话框,2)背景图片,在 “网页属性”对话框中,选中“格式”区中的“背景图片”复选框,再单击“浏览”按钮,从打开的 “选择背景图片”之“选择文件”对话框中查找满意的图片,或单击“剪贴画”按钮,可以从Microsoft剪贴画库中获取喜欢的图案。,图11 “选择背景图片”对话框,与背景图片类似,插入图片的具体方法:单击“插入”菜单,选择“图片”级联菜单中的“来自文件”命令,打开“图片”对话框,查找合适的图片文件,单击“确定”按钮。也可以在“图片”对话框中的
19、“URL”中输入网址,从网上搜索适合的图片;或单击“剪贴画”按钮,选择适合的图案。,(3)插入图像,(4)表格,在FrontPage中对表格的操作与Word中的操作方法基本一致,有四种创建表格的方法:“插入表格”命令、“插入表格”按钮、手动绘制和文本转换为表格。,鼠标右击表格区,单击“表格属性”命令,打开“表格属性”对话框,可以设置“布局”的对齐方式、单元格边距与间距;“边框”的粗细、颜色;“背景”的颜色及使用背景图片等。,图12 制作表格的样例,图13 “表格属性”对话框,(5)超级链接,1)创建指向站点内的网页或文件夹的超链接 在网页视图模式下,先选中需要创建超链接的对象,单击工具栏上的“
20、插入超链接”按钮 ,再从已经建立的网站中搜索网页文件。,2)创建指向Web站点上的网页或文件夹的超链接,在网页视图模式下,先选中需要创建超链接的对象,单击工具栏上的“插入超链接”按钮 ,再从URL下拉列表框中输入或选择要链接的Web站点地址,如站点。,3)创建指向电子邮件的超链接,在网页视图模式下,先选中需要创建超链接的对象,打开“创建超链接”对话框,在URL下拉列表框中输入mailto:,或单击“制作发送电子邮件的超链接”按钮 ,打开 “创建电子邮件超链接”对话框,然后输入电子邮件地址。,在网页视图模式下,先选中已建立超链接的对象,单击工具栏上的“插入超链接”按钮,打开的“编辑超链接”对话框
21、,将URL下拉列表框中的链接地址删除。或鼠标右击已建立超链接的对象,从弹出的快捷菜单中单击“超级链接”级联菜单中的“取消超级链接”命令。,4)删除超链接,(6)创建框架网页与保存框架网页,FrontPage为创建框架网页提供了10种网页模板,学习其中的“嵌套式层次结构”框架模板来创建框架网页的方法。,在网页视图模式下,先选中要保存的框架网页,然后单击工具栏上的“保存文件”按钮,打开“另存为”对话框。要将每一个框架中所涉及到的网页都要保存,框架网页样例:,图 “嵌套式层次结构”框架网页示例,(7)动态字幕,在网页视图模式下,将光标放在要插入字幕的位置,或选择要显示在字幕中的文本。,单击“插入”菜单中的“组件”菜单,从级联菜单中选择“字幕”命令,打开“字幕属性”对话框。在“文本”框中输入字幕的内容,文本内容的长度没有限制(也可以在网页中选择文本,将其设置成字幕)。,图 “字幕属性”对话框,课后训练,请根据相关企业实际,规划设计一个电子商务网站,理解其步骤。 请设计一个具有特色的个人主页。,
链接地址:https://www.31doc.com/p-3671174.html