8电子商务网站建设.ppt

第8讲电子商务系统建设 网站建设 案例伊利网站 Contents 电子商务网站的规划 网页设计元素与布局 网页设计中的颜色运用 网页设计基本原则 1 2 3 4 1电子商务网站的规划 1 1网站的分类按照风格分类 ICP ISP 企业 政府 个人 个人网站和企业网站 刘翔 海尔 交易类网站和资讯网站 当当网 搜狐 行业网站 金融 汽车 家电 1 2电子商务网站的分类信息发布型企业网站 蒙牛 伊利等 网上销售型企业网站 戴尔 凡客 京东等 综合性电子商务网站 海尔 李宁 中粮等 1 3电子商务网站的功能节省信息查询时间 提高效率 SpeedupUserTasks 提供多种沟通渠道 MultipleCommunicationChannels 提供合适的联系方式 ProvidingSuitableAccesstoContacts 为客户提供个性化的网站和服务 MaketheSitePersonal 公司信息和广告 CompanyInformationandAdvertising 客户反馈 CustomerFeedback 使用多媒体 UsingMultimedia 1 3电子商务网站的功能节省信息查询时间 提高效率 SpeedupUserTasks 1 3电子商务网站的功能提供多种沟通渠道 MultipleCommunicationChannels 提供合适的联系方式 ProvidingSuitableAccesstoContacts 1 3电子商务网站的功能为客户提供个性化的网站和服务 MaketheSitePersonal 1 3电子商务网站的功能公司信息和广告 CompanyInformationandAdvertising 1 3电子商务网站的功能客户反馈 CustomerFeedback 海尔社区 1 3电子商务网站的功能使用多媒体 UsingMultimedia 1 4网站规划的定义网站规划是指在网站建设前对市场进行分析 确定网站的目的和功能 并根据需要对网站建设中的技术 内容 费用 测试 维护等做出规划 网站规划对网站建设起到计划和指导的作用 对网站的内容和维护起到定位作用 网站规划的内容 建设网站前的市场分析建设网站目的及功能定位网站技术解决方案网站内容规划网页设计网站维护网站测试网站发布与推广 网站栏目设置 1 公司概况2 产品目录3 荣誉证书和专家 用户推荐4 公司动态和媒体报道5 产品搜索6 产品介绍 7 网上订购8 销售网络9 售后服务10 联系信息11 辅助信息12 内容之外的内容 网站栏目设置 1 公司概况CEO介绍品牌战略企业文化发展历程2 产品目录 网站栏目设置 3 荣誉证书和专家 用户推荐4 公司动态和媒体报道市场动态企业信息公益活动等 网站栏目设置 5 产品搜索6 产品介绍 网站栏目设置 7 网上订购8 销售网络 网站栏目设置 9 售后服务10 联系信息 网站栏目设置 11 辅助信息12 内容之外的内容 2网页设计元素与布局 2 1网页设计元素1 文字与图片 基本要素 网易1999年10月11日 网易2013年6月4日 2 动画Gif格式Flash格式 Gif动画 3 音乐 个人 时尚类 儿童类等 4 视频 媒体报道 展示 广告等 5 搜索功能 位置很重要 6 论坛 博客 微博等 网站CI形象设计 1 设计网站的标志 logo 2 设计网站的标准色彩3 设计网站的标准字体4 设计网站的宣传标语 网站的LOGO LOGO的位置字体宣传标语 2 2网站版面布局设计首页的第一步是设计版面布局 就像传统的报刊杂志编辑一样 我们将网页看作一张报纸 一本杂志来进行排版布局 版面指的是浏览器看到的完整的一个页面 布局 就是以最适合浏览的方式将图片和文字排放在页面的不同位置 常用版面布局形式 T 结构布局 口 型布局对称对比布局POP布局 T 结构布局 口 型布局 布局内容 1 页面尺寸 根据显示器的分辨率 1024 768 1280 960等2 页头 页眉的作用是定义页面的主题 常放置站点名字的图片和公司标志以及旗帜广告 3 文本 文本在页面中出现都数以行或者块 段落 出现4 页脚 页脚和页头相呼应 页脚是放置制作者或者公司信息的地方 5 图片 合理安排与文本的关系6 多媒体 视频 动画 互动效果等 红色代表热情 活泼 热闹 温暖 幸福 吉祥橙色代表光明 华丽 兴奋 甜蜜 快乐黄色代表明朗 愉快 高贵 希望绿色代表新鲜 平静 和平 柔和 安逸 青春蓝色代表深远 永恒 沉静 理智 诚实 寒冷紫色代表优雅 高贵 魅力 自傲白色代表纯洁 纯真 朴素 神圣 明快灰色代表忧郁 消极 谦虚 平凡 沉默 中庸 寂寞黑色代表崇高 坚实 严肃 刚健 粗莽 3 网页设计中的颜色运用 4 网页设计原则 一 保持网页的朴素 KISS 法则KeepItSimpleSilly二 简单并不等于乏味清晰的设计 有效的技术 一个好的站点三 了解你的访问者四 五个 手指 一般人的大脑把五个或更少的项目看作一组 但是当所面对的项目超过五个 它就必须把他们划