第3讲电子商务网站规划.ppt

电子商务网站建设与管理 第三讲电子商务网站规划 通过本讲的学习 要求掌握 掌握电子商务网站规划的原则和意义 掌握电子商务网站域名的概念和域名注册的方法 掌握电子商务网站栏目的概念和栏目规划的方法 掌握电子商务网站的布局和风格设计 学会电子商务网站的CI设计 2 1电子商务网站规划初步 一 电子商务网站规划意义1 网站规划是企业电子商务战略管理的需要2 网站规划促进企业基础管理的信息化和经营管理现代化 1 从以产品为中心的企业经营到以用户为中心的企业经营 2 从以技术为中心的企业管理到以信息资源为中心的企业管理 3 从以MIS管理到以ERP管理3 网站规划可调动企业员工投入电子商务的积极性 二 电子商务网站规划原则 在网站规划中应注意以下几个原则 1 目的性和用户需求原则 1 目的性定义明确 2 从实际出发 3 主次分明循序渐进2 总体设计方案主题鲜明原则 1 基本信息型主要面向用户 业界人士或者普通浏览者 以介绍企业的基本资料 帮助树立企业形象为主 也可以适当提供行业内的新闻或者知识信息 2 电子商务型主要面向供应商 用户或者企业产品 服务 的消费群体 以提供某种直属于企业业务范围的服务或交易 或者为业务服务的服务或者交易为主 3 多媒体广告型主要面向用户或者企业产品 服务 的消费群体 以宣传企业的核心品牌形象或者主要产品 服务 为主 b 3 企业专业特性介绍的原则 1 对外介绍专业信息 2 对内提供信息服务4 网站版式设计原则5 网页形式与内容相统一原则6 实用性功能服务应切合实际需要原则 三 电子商务网站资源规划 网站资源包括人力配置 费用预算 进度规划这三个方面内容 1 人力配置 1 系统策划师 2 网站设计师 3 程序设计师 4 美工师 5 录入员 6 项目经理 2 费用预算 1 域名费用 2 线路接入费用和合法的地址费用 3 服务器硬件设备费用 4 主机托管费用 5 系统软件费用 6 开发费用 7 网站的市场和经营费用 3 网站流程进度规划 1 调查分析阶段这一阶段是当用户提出建站需求后 专业策划人员将对用户的内部经营环境 行业背景 服务对象等进行全面调查分析 任务是 确定建网的目标 实施策略 资源等内容 2 确定网站模型阶段这一阶段是根据调查所得到的结果 向用户提出网站建设初步方案 任务是 注册域名 选择服务器 建立电子商务网站的软硬件平台 确定网站的信息和结构以及进行网站的页面设计 使网站具有基本的发布信息的功能 3 内容组织阶段这一阶段是根据网站建设方案向用户提交材料清单 由用户进行准备并交付资料内容 设计和制作准备 4 网站总体设计阶段这一阶段是网站设计专业人员根据网站模型和材料对网站进行总体设计 任务是 企业网上形象设计 网站结构和布局 关键字位置和重复率 网页目录 采用哪些媒体设计制作技术 信息链接 更新方法等 5 具体制作阶段这一阶段根据总设计和内容资金积累的结果 技术和专业人员将在最短的时间里完成网站 页 的制作 任务是 网页的布局 风格 着色 信息内容等 6 系统全面调试阶段这一阶段是将制作好的网站进行性能方面的全面测试 对网站内容进行校对和调整 以确保将来运行时的安全性 可靠性和准确性 7 上网试运行阶段这一阶段是将调试好的网页推向市场 让市场来检验 主要任务是 对网站上的所有功能进行测试 将其性能调整到最佳状态 8 网站维护培训阶段这一阶段是帮助或培训用户网站的管理人员 操作人员 2 2域名及域名注册 一 域名的概念1 什么是域名 1 从技术上讲 域名只是一个Internet中用于解决地址对应问题的一种方法 可以说只是一个技术名词 2 从社会科学的角度上讲 域名已成为了Internet文化的组成部分 3 从商界上讲 域名已被誉为 企业的网上商标 没有一家企业不重视自己产品的标识 而域名的重要性和其价值 也已经被全世界的企业所认识 2 为什么要注册域名3 域名的重要性 二 域名的结构 域名的结构如下图所示 它是由三部分组成的 1 一级域名一级域名也称为 国际顶级域名 它的最后一个后缀是一些诸如 com net gov edu的 国际通用域 这些不同的后缀分别代表了不同的机构性质 2 二级域名一级域名的下一级 就是我们所说的二级域名 域名注册人在以 com结尾的一级域名中 提供一个二级域名 例如 3 国内域名国内域名的后缀通常要包括 国际通用域 和 国家域 两部分 而且要以 国家域 作为最后一个后缀 三 企业选择及注册域名的策略 1 企业域名的选择与企业相关信息一致 单位名称的中英文缩写 企业的产品注册商标 与企业广告语一致的中英文内容 但注意不能超过20个字符 比较有趣的名字如 hello howareyou yes 168 等等 2 企业域名的选择采用数字化域名数字化的域名相对中国绝大多数人来说是一件好记忆 有蕴含 简单明了的好事 不容易搞错 所以 网易网络公司一下子就在Internet上注册了163 263 126 127 188 990等多个域名 这些域名很快被广大的网名所接受 并深入人心 3 企业域名的选择与企业的性质一致企业域名可分为国内域名和国际域名 企业域名的选择往往与企业的以下性质有关 开展业务的地域范围 主要目标市场的地域 企业未来的发展和目标 4 企业域名的注册要注意域名抢注与域名冲突的问题 换个名字 或是在申请的域名上加一个下划线 加一个幸运数字 也可以加一些字母 或者选择其他可用的域名 通过法律手段解决 四 企业域名注册 1 CN域名注册服务体系注册商管理体系结构如下图所示 1 中国互联网络信息中心 CNNIC 是CN域名注册管理机构 负责运行和管理相应的CN域名系统 维护中央数据库 其主要的职责包括 运行 维护和管理CN域名服务器和相关资料 保证CN域名系统有效运行 授权CN域名注册服务机构提供CN域名注册服务 2 注册服务机构应当按照公平原则和先申请先注册原则受理CN域名的注册申请 并根据国家有关法律 法规及本办法完成CN域名的注册 3 注册代理机构应当负责在注册服务机构授权范围内接受域名注册申请 2 企业域名的的几种形式如果您要登记的是企业网站 您可以登记为以下几种形式 1 企业全称 地域 单位名称 行业 例如 新光网络软件 杭州 有限公司 2 企业简称 单位名称 行业 例如 新光网络软件 北京国风因特软件 3 企业产品 品牌 产品类别 例如 永久自行车 红双喜牌电饭锅 4 企业电话 区号 电话号码 例如 01065812445 057188678907 五 虚拟主机 虚拟主机是目前国际互联网上建立信息资源站点最为流行 最方便 最省钱的方法 企业只需注册申请自己的互联网域名 并租用Internet真实主机上的一定量的磁盘空间 即可建立一个独立的信息发布网站 目前 许多企业建立网站都采用这种方法 包括很多著名企业 这样不仅大大节省了购买机器和租用专线的费用 同时也不必为使用和维护服务器的技术问题担心 更不必聘用专门的服务器管理人员 因为这些事都由我们来料理了 2 3电子商务网站栏目规划 一 网站栏目规划概念电子商务网站结构大体可分为两种结构类型 逻辑结构和物理结构 逻辑结构描述的是网页文档间的链接关系 而物理结构描述的是网页文档的实际存储位置 网站栏目规划就是如何让这些内容分布到不同栏目的网页中 并通过链接有机地串连起来 在Web站点中 有三种主要的逻辑组织形式 它们是 线型 层次型 网络型等 二 逻辑组织模型 1 线型逻辑组织模型线型逻辑组织模型的特点是直观 简单 它又是人们最为熟悉的一种组织形式 因为 传统的信息媒介大都采用这种形式 2 层次型逻辑组织模型层次型逻辑组织模型也称为树型组织模型 在Web站点上 应用最多的还是层次型的组织结构 几乎所有的站点在整体栏目规划的时候都采用层次型结构 3 网络型逻辑组织模型网络型逻辑组织模型是指多个网页之间都有相互链接的一种结构 如下图所示 4 混合型逻辑组织模型混合型逻辑组织模型指的是 将以上几种模型混合在一起构成了一个新的网站模型 这样的模型可以吸取各单个模型的所有长处 避免其短处 实际上 几乎所有大的网站都采用混合型结构来进行组织的 三 网站栏目规划 1 主要内容栏目要分得细致2 直观地列出主要内容3 首页设置超级链接和搜索引擎4 设定双向交流的栏目5 设置信息下载和咨询服务栏目 四 网站目录结构规划 网站的目录结构是指建立网站时所创建的目录1 合理安排文件的目录2 按栏目内容建立子目录3 在每个一级目录或二级目录下都建立独立的Images目录4 网站目录规划应注意的事项 1 不要使用中文目录 2 不要使用过长的目录 3 尽量使用意义明确的目录 即 见名知意 亚马逊网上书店 1 亚马逊书店概况 其网站主页如图所示 2 主页结构及特点 如图所示 3 亚马逊书店的经营策略 1 新 技术设备和系统功能不断更新 2 快 搜索 购买与送货快速 3 实 实惠的折扣价格 4 全 全方位提供服务 图亚马逊书店网站主页结构图 戴尔计算机公司 1 戴尔公司概况戴尔公司是世界上最成功的采用网络直销的计算机公司 其主页如图所示 2 主页结构与特点除了全面的营销功能和服务功能外 它还在网上提供了生产活动中的两个重要的职能 生产设计和产品客户化 从戴尔公司主页结构中可以体现这些具体的应用 戴尔公司提供了一种特殊的网上用户计算机设计网页 图戴尔公司网站主页结构 五 网站链接结构规划 网站的链接结构是指页面之间相互连接的拓扑结构 它建立在目录结构基础之上的 但可以跨越目录 建立网站链接结构的基本方式有以下两种 1 树状链接结构2 星状链接结构 2 4电子商务网站总体设计 一 网站的设计原则1 先进性 可靠性和安全性原则2 可扩展性 标准性和开放性原则3 服务性 便捷性和交互性原则4 美观性 实用性和宣传性原则 二 网站的CI设计 所谓CI 是借用的广告术语 所谓的企业形象 是指企业的关系者对企业的整体感觉 印象和认识 优秀的CI设计 使企业更加容易树立市场形象 展示企业文化 抢占商业先机 1 设计网站的标志 Logo 2 设计网站的色彩3 设计网站的字体4 设计网站的标语 网站的精神 网站的目标 5 企业CI设计的基本要素 企业在CI设计时需要掌握以下几个基本要素 1 1 企业标志的要素 通常指的是 企业的标志 企业所生产经营的商品的商标 也包括文字和图形类型的标志 2 企业名称标准字要素 通常指的是 企业或公司的正式名称 以中文及英文两种文字定名 以全名表示 或者省略 股份有限公司 有限公司 等 根据使用场合来决定全称或略称的命名方式 3 品牌标准字要素 通常指的是 代表本公司产品的品牌 以中文和英文的两种设计 企业在CI设计时需要掌握以下几个基本要素 2 4 企业的标准色要素 通常指的是 用来象征公司的指定色彩 通常采用l 3种色彩为主 也有为了区分企业集团于母公司的不同 或公司各企业部门 各品牌 产品的分类 采用多种颜色的色彩体系 利用企业标准色或补助色频繁出现在广告 包装等各种宣传物上 5 企业标语要素 通常指的是 对外宣传公司的特长 业务 思想等要点的短句 经常和公司名称标准字 企业品牌标准字等组合运 6 专用字体要素 通常指的是 公司主要使用的文字 中文 英文 数字等专用字体 选定设计的专用字体 规定作为主要品牌 商品群 公司名称及对内容的宣传 广告所用的文字 2 设计网站的色彩通常一个网站的标准色彩不超过3种 太多则让人眼花缭乱 标准色彩要用于网站的标志 标题 主菜单和主色块 给人以整体统一的感觉 至于其它色彩也可以使用 只是作为点缀和衬托 绝不能喧宾夺主 1 色彩的心理感觉不同的颜色会给浏览者具有不同的心理感受 以下是几种典型的色彩与心理感觉例子 红色是一种激奋的色彩 刺激效果 能使人产生冲动 愤怒 热情 活力的感觉 绿色是介于冷暖两中色彩的中间 显得和睦 宁静 健康 安全的感觉 它和金黄 淡白搭配 可以产生优雅 舒适的气氛 橙色也是一种激奋的色彩 具有轻快 欢欣 热烈 温馨 时尚的效 黄色是一种具有快乐 希望 智慧和轻快的个性 它的明度最高 蓝色是一种具有凉爽 清新 专业的色彩 它和白色混合 能体现柔顺 淡雅 浪漫的气氛就像天空的色彩一样 白色是一种具有洁白的颜色 明快 纯真 清洁的感受 黑色是一种具有深沉 神秘 寂静 悲哀 压抑的感受 灰色是一种具有中庸 平凡 温和 谦让 中立和高雅的感觉 2 色彩搭配技巧色彩的使用和搭配应人而异 到底用什么色彩搭配才好看呢 下面是几种色彩搭配技巧 1 使用单色彩 所谓单色彩是指先选定一种色彩 然后调整透明度或者饱和度 也就是说 将某一种单色彩变淡或变深后产生一种新的色彩 用于网页 这样的页面看起来色彩统一 有层次感 2 使用两种色彩 所谓两种色彩是指先选定一种色彩 然后再选择该色彩的对比色 例如 蓝色是黄色的对比色 这样的色彩可以使整个页面色彩丰富但不花俏 3 使用一个色系 所谓色系是指一个感觉的色彩 例如淡蓝 淡黄 淡绿 或者土黄 土灰 土蓝 4 使用黑色一种彩色 例如 大红的字体配黑色的边框感觉很 跳 黑色的背景配上白色字体感觉很 亮 三 网站的布局设计 1 网站布局的基本概念 1 页面尺寸 2 整体造型 3 页头 4 文本 5 图片 6 多媒体 1 页面尺寸页面尺寸和显示器大小及分辨率有关系 一般分辨率在1024 768的情况下 页面的显示尺寸为1007 600象素 800 x600的情况下 页面的显示尺寸为780 428个象素 而640 x480的情况下 页面的显示尺寸为620 311个象素 所以 分辨率越高页面的尺寸就越大 2 整体造型所谓整体造型就是创造出来的物体形象 这里是指页面的整体形象 这种形象应该是一个整体 图形与文本的结合应该是层叠有序 3 页头页头又可称之为页眉 页眉的作用是定义页面的主题 例如 站点的名称多数都显示在页眉里 页头是整个页面设计的关键 它将牵涉到下面的更多设计和整个页面的协调性 页头通常放置站点名称的图片和公司标志以及旗帜广告等 4 文本文本在页面中出现都数以行或者块 段落 的形式 它们的摆放位置决定着整个页面布局的可视性 5 图片图片和文本是网页的两大构成元素 缺一不可 如何处理好图片和文本的位置成了整个页面布局的关键 6 多媒体除了文本和图片 还有声音 动画 视频等等其它媒体 虽然它们不是经常能被利用到 但随着宽带网的兴起 它们在网页布局上也将变得更重要 2 网站布局设计步骤网站布局设计步骤按草稿 初步布局和定稿三个步骤进行通常首页设计的内容主要包含网站标志 主菜单 新闻 搜索 友情链接 广告条 邮件列表 计数器 版权信息等 在初步布局时 必须遵循突出重点 平衡协调的原则 将网站标志 主菜单等最重要的模块放在最显眼 最突出的位置 然后在考虑次要模块的排放 3 网站布局设计原则在布局过程中 我们须遵循以下几个原则 1 正常平衡原则 指的是 匀称 即左右 上下对照形式平衡 主要强调秩序 能达到安定诚实 信赖的效果 2 异常平衡原则 指的是非对照形式 但也要平衡和韵律 当然都是不均整的 此种布局能达到强调性 不安性 高注目性的效果 3 对比原则 指的是利用色彩 色调等技巧来做表现 在内容上可涉及古与今 新与旧 贫与富等对比 4 凝视原则 指的是利用页面中人物视线 使浏览者仿照跟随的心理 以达到注视页面的效果 一般多用明星凝视状 5 用图表解说原则 指的是对不能用语言说服 或用语言无法表达的情感 使用图表解说的内容 可以直观地表现出来 特别有效 也可以传达给浏览者更多的心理因素 几种典型的布局设计 1 T 型结构布局指的是页面顶部为横条网站标志 广告条 下方左面为主菜单 右面显示内容的布局 因为菜单条背景教深 整体效果类似英文字母 T 这种布局的优点是页面结构清晰 主次分明 缺点是规矩呆板 很容易让人 看之无味 2 对比 型结构布局指的是采取左右或者上下对称的布局 一半深色 一半浅色 一般用于设计型站点 优点是视觉冲击力强 缺点是将两部分有机的结合比较困难 3 三 型结构布局指的是采用三条横条为主题的网站 在国外站点经常可以看到 国内也有不少网站采用这种结构的布局 该网站的特点是页面上横向两条色块 将页面整体分割为四部分 色块中大多放广告条 有的放网站的菜单或艺术字 4 口 型结构布局指的是页面一般上下各有一个广告条 左面是主菜单 右面放友情连接等 中间是主要内容 优点是充分利用版面 信息量大 缺点是页面拥挤 不够灵活 5 POP 型结构布局指的是页面布局像一张宣传海报 以一张精美图片作为页面的设计中心 常用于时尚类站点 优点是页面漂亮吸引人 缺点就是速度慢 四 网站的风格设计 网站的风格指的是站点的整体形象给浏览者的综合感受 风格体现在作品内容和形式的各种要素中 1 几个典型网站的风格 1 迪斯尼网站 该网站的地址为 2 网站首页的风格 1 纯粹的形象展示型 2 信息罗列型3 风格保持一致 1 结构的一致性 2 色彩的一致性 3 导航的一致性 4 特别元素的一致性 5 背景的一致性从技术上而言 网页背景包括背景色和背景图像两种 一般来说 并不提倡使用背景图像 而使用背景色或色块 其原因主要有 下载速度 显示效果 1 什么是色彩2 色彩的象征性3 色彩的生理反应4 色彩的一般含义5 色彩搭配技巧 五 网站的色彩应用 1 什么是色彩我们能看到颜色是靠三个元素相互作用而成 即光源 物体的反射特性 以及人体视网膜和脑部视觉皮质区对光波的处理方式 2 色彩的象征性所谓色彩的象征性是指色彩所拥有的象征意义 不同文化有着不同的看法 不同民族有着不同的含义 例如 黄色 东方代表尊贵 优雅 西方基督教则以为耻辱象征 红色 东方则代表吉祥 喜庆之意 西方作为战斗象征牺牲之意 因此 色彩对不同的地域不同的民族产生不同的文化观 3 色彩的生理反应色彩可以引起一些生理上的反应 例如 红色就是一种非常刺激的颜色 往往会令人心跳加快 呼吸急促 所以 红色非常适合用在需要引起注意和强调的时候 例如 交通信号灯中的红灯 医院的红十字等 但若用在背景颜色的时候可能显得过于强烈 黄色也能引起注意 但因为其反射性太强 容易造成眼睛的疲劳和不舒服 另外一方面 蓝色对神经系统具有放松的效果 且根据一些研究显示 以蓝色当背景还能增加生产力 但是 如果你的产品与食物有关 千万不要用蓝色作为背景颜色 因为蓝色可是会抑制人们的胃口喔 4 色彩的一般含义 1 1 红色表示热情 浪漫 火焰 暴力 侵略 红色在很多文化中代表的是停止的讯号 用于警告或禁止一些动作 2 紫色表示创造 谜 忠诚 神秘 稀有 大面积的紫色有恐怖感 紫红色尤其明显 暗紫色有灾难感 淡紫则是一种优美的活泼色 紫与黄共存时 消极性更加显著 3 蓝色表示忠诚 安全 保守 宁静 永恒 博大 遥远感 4 绿色表示自然 稳定 成长 和平 具有自然美 宁静 生机勃勃 宽容色彩 可衬托多种颜色而达到和谐 4 色彩的一般含义 2 5 黄色表示明亮 光辉 疾病 懦弱 6 黑色表示能力 精致 现代感 死亡 病态 邪恶 也可表示空 无 永恒的沉默 7 白色表示纯洁 天真 洁净 真理 和平 冷淡 贫乏 也可表示虚无 有无尽的可能性 8 灰色是色彩中最被动的颜色 受有彩色影响极大 靠邻近的色彩获得自己的生命 近冷则暖 近暖则冷 最有平静感 中性 是视觉中最安静的色彩 有