商务网站一条龙服务 PPT课件

2008 6 第四章商务网站开发技术与网站建设 2008 6 电子商务研究中心 2 内容概要 2008 6 电子商务研究中心 3 4 1商务网站开发流程 表4 1商务网站开发流程 2008 6 电子商务研究中心 4 4 2网站设计 网站设计可以分为基本设计策略 艺术性设计等方面 具体而言 就是需要确定网站的结构 栏目的设置 网站的风格 颜色搭配 版面布局以及文字图片的应用等 2008 6 电子商务研究中心 5 4 2 1电子商务网站的基本设计策略 1 页面设计的基本策略2 信息量和数据量的均衡3 动画 图象与文本的匹配4 企业优秀形象的渲染与长期业务的拓展 2008 6 电子商务研究中心 6 1 页面设计策略 制作网页时 无须从头做起 可以把现成资料转到网页上使用 一般网站都有多层网页 主页是门面 子页要以信息为主 艺术为次 网页上的链接一般10 20个较为理想 子页的层数不宜太多 穿越5个以上的层次令人厌烦 主页须负载的事项 标题栏 电子邮件地址 版权资料 通讯联系资料 设置主页链接 确保主页上提供的是最新内容 返回 2008 6 电子商务研究中心 7 2 信息量和数据量的均衡 电子商务网站的信息量和数据量要权衡考虑 商务网站的信息量 指网页上能够向用户传递信息的有效内容的多少 数据量是指整个网站所要处理的信息和数据的总量 包含客户浏览网站 下载资料 上传给网站的注册申请等 网站创建初期 动态数据量较少 可以适当增加信息量 网站运行一段时间后 业务量增多 动态数据量增多 考虑对网站网页进行改版 对信息量和数据量均衡处理 返回 2008 6 电子商务研究中心 8 3 动画 图象与文本匹配 一个电子商务网站的网页设计 如果能够合理搭配动画 图象与文本 可以达到增加信息量 减少数据量 增强对客户吸引力的极佳效果 返回 2008 6 电子商务研究中心 9 4 企业优秀形象的渲染与长期业务的拓展 企业的优秀形象是商业的信誉 先进的设备投入 精美的网站设计 网络广告中动画 图像 文本交叉使用 网站的建设不能是急功近利短期行为 例如 网站宣传 网站上的有奖大赛等 返回目录 2008 6 电子商务研究中心 10 4 2 2电子商务网站艺术设计 网站的CI设计网站的布局设计网站的风格设计网站的色彩应用 2008 6 电子商务研究中心 11 网站的CI设计 CIS CorporateIdentitySystem 简称CI 就是企业识别系统 它是企业形象的形成 是提高企业形象的一种经营手段 企业形象 是指企业的关系者对企业的整体感觉 印象和认知 CI有三个基本内容 企业理念识别 MI 企业行为识别 BI 企业视觉识别 VI 网站的CI设计主要指网站的标志 色彩 字体 标语设计 是一个网站建立CI形象的关键和形象工程 通过对网站的标志 色彩 字体 标语进行设计 可以建立起网站整体的形象 2008 6 电子商务研究中心 12 1 设计网站的标志 Logo 网站的标志就像企业的商标一样标志可以是中文 英文字母 符号 图案 新浪网站标志 搜狐网站标志可以用有代表性的人物 动物 花草作为蓝本加以卡通化和艺术化 搜狐的狐狸尾巴专业性的网站 可以用本专业有代表的物品作为标志中国农业银行金穗标志最常用最简单的是用网站自身的英文名称作标志 IBM公司的英文名称 2008 6 电子商务研究中心 13 2 设计网站的标准色彩 不同的色彩搭配会产生不同的效果 反映出不同网站的文化内涵 并可能影响到访问者的情绪 标准色彩 指能体现网站形象和延伸内涵的色彩 如IBM深蓝色主色调 肯德基网站红色条形主色调等 一般一个网站的标准色彩不超过3种 太多让人眼花缭乱 标准色彩要用于网站的标志 标题 主菜单和主色块 给人以整体统一的感觉 其他色彩只能作为点缀和衬托 不能喧宾夺主 2008 6 电子商务研究中心 14 3 设计网站的标准字体 标准字体是指用于标志 标题 主菜单的特有字体 粗仿宋体体现专业广告体体现设计精美手写体体现亲切随意美术字体现文化内涵 2008 6 电子商务研究中心 15 4 设计网站的标语 指网站的精神 网站的目标 可用一句话或一个词概括 类似广告语 6大网站的标语百度的标语 2005领先中文搜索引擎百度在线网络技术有限公司 Nasdaq BIDU 新浪网 2000服务于中国及全球华人社群的领先在线媒体及移动增值服务提供商新浪公司 Nasdaq SINA 搜狐 2000中国领先的互联网媒体 搜索 在线游戏及移动增值服务公司 Nasdaq SOHU 网易 2000中国领先的互联网技术 在线游戏服务提供商网易 NASDAQ NTES 腾讯 2004中国领先的互联网服务和电信及移动增值服务供应商 腾讯控股有限公司 HK 0700 阿里巴巴 2007全球领先的B2B电子商务公司阿里巴巴网络有限公司 HK 1688 2008 6 电子商务研究中心 16 5 企业CI设计的基本要素 1 企业标志的要素企业的标志 所经营产品的商标 2 企业名称标准字体要素企业的正式名称 如 有限公司 3 品牌标准字体要素代表企业产品的品牌 4 企业的标准色彩要素象征企业的指定色彩 5 企业标语要素对外宣传企业的特长 业务 目标等短语 6 专用字体要素作为主要品牌 企业名称 广告等所用的文字 返回 2008 6 电子商务研究中心 17 网站的布局设计 网站布局的基本概念就是以最合适浏览的方式将图片和文字排放在页面的不同位置 1 页面的尺寸分辨率越高 页面的尺寸就越大 显示的内容就越多 不要让访问者拖动页面超过三屏 超过最好做页面链接 2 整体造型指整个页面应该是一个整体 图形和文本的结合应该是层叠有序 3 页头又称为页眉 就是定义页面的主题 4 文本 5 图片 6 多媒体 2008 6 电子商务研究中心 18 几种典型的布局设计 1 弯角 型结构布局 2 对比 型结构布局 3 三 型结构布局 4 同 字型结构布局 5 整幅效果 结构布局 返回 2008 6 电子商务研究中心 19 网站的风格设计 网站的风格 指站点的整体形象给浏览者的综合感受 建立在网站内容的质量和价值性基础上 体现在作品内容和形式等各种要素中 风格是有人性的 能通过网站的外型 内容 文字 交流等概括出一个网站独特的个性和特色 2008 6 电子商务研究中心 20 网站的风格设计 1 网站首页的风格纯粹的形象展示型这种类型文字信息较少 图象信息较多 信息罗列型这种类型一般是大 中型企业网站和门户网站常用的方式 即在首页中就罗列出网站的主要内容分类 重点信息 网站导航 公司信息等 2 风格保持一致一个网站 特别是电子商务网站 需要统一的风格 即网站中每一个网页风格必须保持一致 指结构的一致 色彩的一致 导航的一致 图像的一致 背景的一致等 2008 6 电子商务研究中心 21 几个典型网站的风格 1 迪斯尼网站 世界最大的游乐场 2 网易网站 门户网站 3 IBM网站 专业的IT公司 4 淘宝网站 购物网站 返回 2008 6 电子商务研究中心 22 网站的色彩应用 色彩是人视觉最敏感的东西 不同色彩之间的对比会有不同的效果 色彩总的应用原则是 总体协调 局部对比 主页的整体色彩效果应该是和谐的 局部的 小范围的地方可以有一些色彩的对比 返回 2008 6 电子商务研究中心 23 4 2 网站功能与结构设计 网站功能与结构设计的主要工作是绘制网站的功能结构图 进行网站的主要信息内容与导航的策划 中文首页 公司简介 产品信息 营销网络 服务中心 联系我们 论坛 图4 1某公司网站整体结构图 2008 6 电子商务研究中心 24 3电子商务网站建设的基本技术 3 1电子商务软件平台技术 3 2电子商务应用开发技术 2008 6 电子商务研究中心 25 电子商务软件平台技术 电子商务软件平台技术组成 2008 6 电子商务研究中心 26 主要的操作系统 1 WindowsNT操作系统 2 Windows2000操作系统 3 NetWare操作系统 4 Unix操作系统 5 Linux操作系统 2008 6 电子商务研究中心 27 主要的Web服务器软件 Web服务器的主要任务是响应客户机的请求 并将页面返回发出请求的客户机 Web服务器主要有以下功能 Web服务 网站管理 应用构造与动态内容 Web服务器既可位于Internet中 也可以位于企业的内部网中 目前 主要的Web服务器包括以下几种 IIS服务器 Apache服务器 IIS服务器 InternetInformationServer是一种流行的Web服务软件 它被捆绑在WindowsNT或Windows2000操作系统上 提供基本Internet服务 既适用于小型网站也适用于企业级网站 IIS服务器支持VB VBScript Jscript JAVA CGI 2008 6 电子商务研究中心 28 主要数据库软件 1 Oracle数据库软件 2 MicrosoftSQLServer数据库软件 3 Informix数据库软件 4 IBM的DB2数据库系统 5 MySQL数据库系统 2008 6 电子商务研究中心 29 数据库 数据库在网站的建设中已是必不可少的重要内容 在电子商务系统中 产品资料管理 数据资料管理 客户资料管理和分析 物流配送管理等都离不开网络数据库的支持 数据库技术已成为电子商务系统建设的核心技术 现在比较常用的数据库 Oracle数据库是美国甲骨文公司的产品 它是一个功能极其强大和灵活的 基于高级结构化查询语言 SQL 为基础的大型关系数据库 它适用于80多种不同的硬件系统和操作系统平台 是目前最流行的跨平台的大型数据库之一 2008 6 电子商务研究中心 30 数据库 IBM公司的DB2通用数据库 DB2UDB 是一个具有全部Web功能 可以从单一处理扩展到对称多处理和巨型并行群集系统的关系型数据库管理系统 以强劲的多媒体能力和支持图像 声频 视频 文本与其他高级对象为特征 提供强大的Web功能 SQLServer是微软公司开发的数据库 它是一种高效的关系数据库系统 它与WindowsNT 2000及Windows9x等操作系统紧密集成 对于复杂的客户 服务器系统来说 SQLServer是一个很好的选择 尤其适用于中小型数据库的使用 2008 6 电子商务研究中心 31 数据库 MySQL一般用于中小型数据库 MySQL自身不支持Windows的图形界面 许多第三方软件公司推出了MySQL在Windows环境中的具有图形界面的支持软件 是一种典型的UNIX或WindowsNT平台上客户机 服务器环境下的大型数据库系统 InformixDynamicServer适用于任何规模的数据库 支持数以千计的集中式或分布式并发用户 在NT和UNIX平台具有同样功能 无缝移植 可配置选件满足特殊需要等 6 InformixDynamic 2008 6 电子商务研究中心 32 电子商务应用开发技术 网站开发技术分类网页相关技术 2008 6 电子商务研究中心 33 网站开发技术分类 对于网页设计与制作 一般来说分为 静态网页 和 动态网页 两大类型 1 静态网页指网页的内容已预先设计好 存放在WEB服务器上 当用户使用浏览器通过互联网的HTTP协议向WEB服务器提出请求时 服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器 在网页上加上一些动画和视频并不是动态网页 2 动态网页指能够根据用户的要求和选择 进行不同的处理 并根据处理的结果 自动生成新的页面 不再需要设计者手动更新HTML文档 2008 6 电子商务研究中心 34 WEB开发技术分类 2008 6 电子商务研究中心 35 关于Web的几个基本概念 1 超级链接和超文本超级链接 Hyperlink 是文件中一些特殊的文字和图形 用鼠标单击这些文字和图形时 会从一个文本跳到到另一个文本 含有超级链接的文本称超文本 Hypertext 超文本形式上仍然是ASCII文件 可以用一般的文字处理软件进行编辑 处理 2008 6 电子商务研究中心 36 HTML 是用于编写超文本文件的语言 用HTML编写的超文本文件称为HTML文件 以 htm或 html为文件扩展名 网页 Web 是在WWW服务器上发布的HTML文件 网站的首页称 主页 HomePage 2 HTML与网页 2008 6 电子商务研究中心 37 Web的工作过程 Web的工作过程 2008 6 电子商务研究中心 38 1 网页相关技术 HTML语言 1 HTML文件的基本结构HTML文件的基本形式如下 HTML文件标题HTML文件内容HTML文件以开头 以结束 主要包括两个部分 头部和主体 2008 6 电子商务研究中心 39 1 段落标记和 2 字体变换标记和 3 超级链接标记和 4 插入图片标记 5 插入背静音乐 6 插入背静图片 2 常用的HTML标记 2008 6 电子商务研究中心 40 简单HTML实例 这里是显示在网页中标题栏内的内容好呀 现在我们可以真正开始写HTML代码了 说明 1 HTML标记 告诉浏览器这个一个web页 2 首部标记 提供一些与web页有关的特定信息 信息包括 网页标题 定义样式表 插入脚本 3 正文标记符包含web页的具体内容 包括文字 图形 超级链接及其它html对象在这儿写内容 2008 6 电子商务研究中心 41 HTML字体大小 字体大小fontsize这段文字的字体大小值为1 这段文字的字体大小值为2 这段文字的字体大小值为3 这段文字的字体大小值为4 这段文字的字体大小值为5 这段文字的字体大小值为6 这段文字的字体大小值为7 2008 6 电子商务研究中心 42 HTML字体颜色 fontcolor 字体颜色fontcolor这段文字用的是缺省的字体颜色 这段文字的字体颜色为红色 这段文字的字体颜色为灰色 这段文字的字体颜色为绿色 2008 6 电子商务研究中心 43 设置网页背景音乐 这里是显示在网页中标题栏内的内容听听音乐 回顾过去 展望未来 2008 6 电子商务研究中心 44 设置个背景颜色 设置个背景颜色吧你好黑呀 2008 6 电子商务研究中心 45 设置网页背景和前景图像 前景图案设一下好看吗 插入一幅图片 2008 6 电子商务研究中心 46 脚本语言就是一种简单的程序 它由一些ASCII码组成 并可以用 记事本 等文本编辑器直接对其进行开发 JavaScript VBScriptJavaScript VBScript等不需要事先编译 只要利用合适的解释器便可以执行代码 网页脚本语言可由客户端的计算机处理 可以大大提高服务器的工作效率 能够与一般的HTML语言交互使用 在读取网页的同时 脚本语言编写的小程序也被传输到客户机上 并在客户机上执行 2 网页相关技术 脚本语言 2008 6 电子商务研究中心 47 1 JavaScriptJavaScript是一种解释性编程语言 可由浏览器直接解释执行 JavaScript是一种脚本语言 用JavaScript编写网页程序 不需要有很深的编程经验 JavaScript语言是通过嵌入在标准HTML语言中实现的那么 如何在HTML语言中植入一个JavaScript脚本呢 以下是一个JavaScript脚本结构示例 一段JavaScript代码可以放置于HTML中的任意部位 但多数情况下将其放于 区段中 网页相关技术 主要脚本语言 2008 6 电子商务研究中心 48 JavaScript实例 代码放在body里实例代码放在head里 2008 6 电子商务研究中心 49 代码放在body里 用document write输出带格式的HTML文本的Javascript示例document write HelloWorld 返回 2008 6 电子商务研究中心 50 代码放在head里 div border 1pxsolid 00FF00 width 100px text align center cursor hand functionclickme alert Youclickedme 请点击下面的 clickme clickme 返回 2008 6 电子商务研究中心 51 网页相关技术 主要脚本语言 2 VBScriptVBScript也是一种脚本语言 不过 VBScript只能用于微软的IE浏览器和IIS服务器端 其他服务器和浏览器不一定支持VBScript 在网页中插入VBSscript语句 应使用有个属性叫type type text vbscript 表示插入其中的为VBScript语句 2008 6 电子商务研究中心 52 VBScript程序可以写在 网页的里网页的里 2008 6 电子商务研究中心 53 网页的里 VBScript代码放在Head中的示例MsgBox Hello World 你会看到一个消息框 在此行文字之前显示 2008 6 电子商务研究中心 54 网页的里 VBScript代码放在Body中的示例你会看到一个消息框 在此行文字显示之后弹出 MsgBox Hello World 2008 6 电子商务研究中心 55 CSS CascadingStyleSheets 层叠样式表 CSS用以作为网页的排版与风格设计 在所谓的 新式网页 里 CSS不容置疑是相当重要的一环它用来弥补既存 规格里的不足 让网页的设计更为灵活 利用CSS技术 可以有效地对页面的布局 字体 颜色 背景和其他效果实现更加精确的控制 CSS跟HTML一样也是一种标记语言 甚至很多属性都是来源于HTML 有很多将样式表加入到HTML文件中的方法 但最简单的方法是使用HTML的STYLE标记 将样式表放置于文件的HEAD部分 3 网页相关技术 CSS样式表知识 2008 6 电子商务研究中心 56 CSS简单实例 H1 mylayout border width 1 border solid text align center color red 这个标题使用了Style 这个标题没有使用Style 2008 6 电子商务研究中心 57 4 网页相关技术 动态网页技术 1 ASP技术 2 技术 3 JSP技术 2008 6 电子商务研究中心 58 ASP ASP ActiveServerPages 技术是在HTML页面中加入JavaScript或VBscript代码 服务器在给浏览者反馈网页之前先执行这些代码 完成访问数据库等任务 然后再将结果以HTML的形式返回到浏览器 ASP是目前利用率比较高的一种动态建站技术 它通常运行在微软的IIS服务器平台上 2008 6 电子商务研究中心 59 ASP ASP运行环境 脚本语言 VBScript或JavaScript 服务器解释程序 IIS 服务器操作系统 WindowsNT 数据库系统 Mysql Oracle等 2008 6 电子商务研究中心 60 ASP ASP工作原理如图4 3所示 服务器端 客户端 2008 6 电子商务研究中心 61 PHP 1 PHPPHP PersonalHomePage 是一种跨平台的服务器端嵌入式脚本语言 与ASP类似 它也是基于服务器端动态网页技术 可以嵌入HTML中 它大量地借用C语言 Java和Perl语言的语法 并耦合PHP自己的特性 使WEB开发者能够快速地写出动态页面 它支持大多数数据库 PHP的最大特点是 完全免费 可以从PHP官方站点 自由下载 PHP可在Windows Unix Linux的操作系统上正常执行 还支持IIS Apache等Web服务器 用户更换平台时 无需变换PHP代码 PHP的工作原理与ASP工作原理类似 2008 6 电子商务研究中心 62 PHP PHP运行环境 脚本语言 PHP 服务器解释程序 Apache 服务器操作系统 WindowsNT Unix Linux 数据库系统 SQLServer Access等 2008 6 电子商务研究中心 63 1 Java服务器页面 JSP 是SUN公司开发的动态页面技术 它是一种基于Java语言的脚本技术 JSP技术通过服务器端脚本与组件 获得包含动态内容的Web页面 JSP技术可以将JAVA语言直接嵌入HTML文档 在服务器端编译后执行 2 集成了很多标准的 可重用的组件 通过组件可以完成某些专门的工作 3 JSP程序是在服务器上运行的脚本程序 对客户端没什么特殊的要求 只需客户端有浏览器就行 JSP 2008 6 电子商务研究中心 64 JSP JSP运行环境 脚本语言 Java 服务器解释程序 JSWDK JDK Tomcat 服务器操作系统 WindowsNT Unix Linux 数据库系统 Oracle Mysql等 2008 6 电子商务研究中心 65 5 网页相关技术 网页制作工具 开发工具 图片工具 动画工具 DreamweaverFrontpage PhotoshopFirework FlashImageReady 返回 2008 6 电子商务研究中心 66 4电子商务网站的建设与管理 4 1选择电子商务网站建设方式 4 2网站域名的申请 4 3网站的发布与测试 4 4网站的推广与维护 2008 6 电子商务研究中心 67 网站建设方式 1 购买应用优点 有现有的各种软件 节约建站时间 成本一般比自建的要低 缺点 软件可能无法满足公司所有需求 2 租借与购买和自建相比 租借更能节省时间和资金 在需要经常维护或者购买成本很高的情况下 租借比购买更有优势 3 自建自己建立系统 它通常能更好的满足组织的具体要求 2008 6 电子商务研究中心 68 网站空间建设方式 1 主机托管服务器托放在ISP公司速度 服务 价格 2 虚拟主机将一台整机硬盘划分为若干硬盘空间 每个空间可以配置成具有独立域名和IP地址的WWW FTP等服务 用户可以通过远程管理软件控制属于他的硬盘空间 3 租用网页空间和虚拟主机相似 费用较虚拟主机低廉 4 委托网络服务商代理把产品和服务的网上推广委托给专业公司代理 返回 2008 6 电子商务研究中心 69 1 服务提供商 ISP 它主要提供网络通信和线路租赁服务 如 中国电信等2 内容服务提供商 ICP 它主要为企业提供信息内容服务 如财经信息 搜索引擎 这类服务一般都是免费的 3 应用服务系统提供商 ASP 它主要是为企业和组织建设电子商务系统时提供系统解决方案 这些服务一般都是属于信息技术行业的公司提供 如IBM公司为企业 政府银行等提供电子化企业 政府等解决方案 2008 6 电子商务研究中心 70 主机托管或租用 主机托管是指将企业的网站服务器委托给ISP保管 或干脆向其租用一台网站服务器 将其放置在ISP的主机机房或数据中心 客户通过远程控制进行网站服务器的配置 管理和维护 这种建站方式具有以下优点 1 企业的主机 或服务器群 托管在网络服务商的通信机房后 可获得至少10M以上的联网速率 企业完全消除了组建通信机房 配备电力 高速上网 网络升级 值班人员维护等后顾之忧 2 其通信费用的成本却因此而降低了 其经济性是显而易见的 3 企业选择主机托管或租用服务可获得较高的安全保障 充足的不间断的通信电源 24小时技术人员值班维护等设备获得最高的安全保障 2008 6 电子商务研究中心 71 虚拟主机租用 所谓虚拟主机是指租用互联网服务提供商 ISP 服务器的硬盘空间 使用特殊的Web技术 把一台计算机主机 服务器 分成若干个虚拟的主机 每一个虚拟主机都有独立的域名或IP地址 具有完整的互联网服务功能如WWW FTP Mail等 同一台服务器上的各个虚拟主机相对独立 互不干扰 可由用户自行管理 对访问者来讲虚拟主机和一台独立的主机服务器完全一样 虚拟主机方式由于省去了全部硬件投资和软件平台投资 具有成本较低的优点 因此虚拟主机方式适用于搭建小型网站 2008 6 电子商务研究中心 72 虚拟主机网站搭建 下面以中国频道为例 讲述虚拟主机网站建设的过程 1 制作网页 2 会员申请 3 接收Email 得到会员号 4 申请试用型虚拟主机 5 下载并安装FTP软件 6 上传网页 2008 6 电子商务研究中心 73 虚拟主机网站搭建 另外还有一个重要的问题是网页的默认页文件 打开任何一个网站 都会自动打开网页的首页文件 不同的网页制作技术 不同的虚拟主机对网页的首页文件名要求是不一样的 常用的网页首页文件名是 index htm index html default htm default html index asp default asp等 中国频道的服务器默认的网页首页文件名为index htm 这就是将网页首页文件名定义为index htm的原因 2008 6 电子商务研究中心 74 网站域名的申请 一个网站有唯一的名字 这个唯一的名字就是域名 必须首先申请域名 才能向Internet发布自己的网站 域名是由国际互联网的管理机构或它的委托授权机构负责统一管理的 域名的申请可以直接向国际互联网总部的域名管理网站申请注册 也可以通过所在国家的相关域名代理部门申请 国际互联网地址指派机构 IANA 是负责全球IP地址编号分