《山东大学web技术课程教学ppt6课件》由会员分享，可在线阅读，更多相关《山东大学web技术课程教学ppt6课件（58页珍藏版）》请在金锄头文库上搜索。
1、第6章 网站规划基本概念,2,网站设计团队 网站定位 网站CI形象 Web蓝图、战略与策略 网站心理映射过程 网站开发方法 网站客户群,概 述,1.网站设计团队,网站设计开发是一个复杂的综合工程，往往需要一个设计团队协作才能够完成。 网站设计团队角色：项目管理、系统分析、规划设计、文字编辑、网页设计、平面设计、动画设计、音乐设计、视频设计、程序开发、网站测试、后期培训和网站维护等。 一个角色可以有多个人共同承担，一个人也可以承担多个角色。 网站设计：不只是一门科学，而是一门艺术。,2.网站设计团队组成内容,3.网站定位,确立网站名称、网站类型、网站建设目的及网站功能 网站名称是网站的一个关键要
2、素，它能体现网站的主题，例如“人民网” 等。 网站分类：,*门户网站 普及型网站 *电子商务网站 媒体信息类网站,办公事务管理网站 商务管理网站 娱乐性网站,4.网站CI形象,所谓网站CI形象(corporate identity)是指通过统一视觉来描述网站的形象，一个网站需要整体的形象包装和设计。例如：麦当劳网站 网站CI形象主要包括： 网站logo标志(徽标) 网站名称(艺术)字 网站设计颜色 网站设计字体 网页页面布局 统一图片处理效果 统一的宣传标语等,7,5. 网站蓝图,定义网站范围和意图的基本框架：网站轮廓框架和一个可以测量的目标 考虑的三个重要因素是：受众、内容以及导航结构。,建
3、成一个国内一流、省内第一的Internet网络电子超市；一年之后，每天的销售额将超过5000万元。,可以测量的目标,网站轮廓框架,例如：,8,6.Web战略和Web策略,Web战略支持提出的蓝图 Web战略：是构建一个可以吸引并留住用户的网站，并非看起来最好或最有用的网站 Web策略：是实施战略的方法 试看、试听、试玩 提供小奖励物品，例如屏保、软件或书籍等 奖赏第一次购物的客户：折扣或奖金,9,7.心理映射过程,心理映射：打破大脑形成想法时常用的线性顺序，而在纸张上构建想法的过程。 首先将想法从脑海中移到纸上 修改、提炼或者删除某些想法 心理映射技术： 纸张 黑板 白板 电脑,8.网站开发方
4、法,由上之下： 首先定义并设计网站的外观和功能，形成网站的大致轮廓(模板)，再递交给用户，根据用户意见再修改网站设计，直到满足要求即可。适于中小型、个人网站或类似网站以及客户对需求不明确等情况。缺点是修改次数太多。 由下至上：首先进行详细的需求功能分析，在对网站主题、蓝图有深刻的认识基础上，再设计网站的外观、内容和功能。,11,9.网站客户群：网站主要服务的用户对象,网站一般都有相对固定的客户群，因为针对不同的客户群，设计网站的风格和多媒体等技术是不一样的。 网站设计团队应该了解网站的客户群和相关信息：年龄、教育和位置。 老人、中年、青年、中学生、小学生、儿童； 高等教育、中等教育； 大城市、
5、中小城市、农村及偏远地区； 企业内部网用户还是企业外用户；,12,网站设计团队 网站定位 网站CI形象 Web蓝图、战略与策略 网站心理映射过程 网站开发方法 网站客户群,第6章 小结,13,第6章 思考问题,结束,6.7 什么是门户网站？请访问网站，概括其主要功能。 6.9 一般网站与电子商务网站有什么主要区别？ 6.11 什么是网站CI？网站CI主要包括哪些内容？ 6.13 什么是网站定位、Web蓝图、Web战略和Web策略？,14,是综合性网站的俗称，提供信息丰富、服务多样，是网络用户上网的首选。 最初是指搜索引擎网站 门户网站分类： 国内搜索网站：新浪、搜狐、网易等 境外投资网站：中文
6、雅虎、美国在线 传统媒体网站：人民网、新华网、央视国际,门户网站：Portal Site，入门网站,返回,15,http:/,16,http:/,17,http:/,返回,18,http:/,19,http:/ 中华网,20,http:/,返回,21,http:/ 人民网,22,http:/www.xinhua.org 新华网,23,http:/ 央视国际,返回,24,政府网站：电子政府公共服务的核心平台，是政府实现政务信息公开、服务企业和社会公众、方便公众参与的重要渠道。 企业网站：发布企业基本信息、业绩、树立企业精神、企业文化乃至企业的整体形象、产品发布、服务信息、供求信息等。 事业网站：
7、宣传企业形象、介绍业绩和组织等。 大学网站：介绍大学悠久的历史和文化、学科教育、科学研究、招生信息、院系设置和管理机构等。 个人网站：展现自己的才华、发表自己的观点、介绍自己某一方面的技能等。,普及型网站：向浏览公众提供推介自身、树立形象和提供服务的网站。,返回,25,http:/ 政府网,26,http:/ 教育网,27,http:/ 浪潮,返回,28,利用计算机技术、网络技术和远程通信技术，实现整个商务(买卖)过程电子化、数字化和网络化。 分类： B2B：商家对商家 B2C：商家对客户,电子商务类网站：,29,电子商务与一般网站的区别：,30,电子商务与一般网站的区别：,返回,31,电子商
8、务网站 B2B:http:/,返回,32,电子商务网站 B2C - 注册,33,电子商务网站 B2C - 填写注册信息,34,电子商务网站 B2C - 注册成功进入商城购物,35,电子商务网站 B2C - 挑选物品放入购物车,36,电子商务网站 B2C - 继续购买,37,电子商务网站 B2C - 去收银台,38,电子商务网站 B2C - 付款方式,39,电子商务网站 B2C - 提交信息,40,电子商务网站 B2C - 显示购物单号,41,电子商务网站 B2C - 购物结束-返回主页,返回,42,报社、杂志社、广播电台、电视台等传统媒体为了树立自己的网上形象，方便服务对象而建立的网站。 功能
9、：发布网络新闻信息、美术艺术欣赏、博客、微博、论坛、地图、旅游指导、天气预报和方便服务对象而建立的网站。,媒体信息网站：,返回,43,http:/ 齐鲁晚报,44,http:/ 羊城晚报,45,http:/ 中国日报,返回,46,企业事业单位为了实现办公自动化而建立的内部网站。 功能：办公事务管理、人力资源管理、财务资产管理 、网站管理。,办公事务管理网站：,返回,47,http:/ 资产管理处,返回,48,广告及商品管理 客户管理 营销管理 合同管理 网站管理,商务管理网站：企业内部网上办公平台,返回,49,游戏介绍 游戏规则 游戏试玩 在线游玩 游戏下载 会员注册 交流论坛,娱乐性网站：I
10、nternet娱乐虚拟大平台，更具魅力、更具诱惑力，使人与虚拟现实浑然一体，这类网站使玩游戏的人有一种神游的梦幻痴迷感觉，很具市场潜力的网站。,返回,中国游戏中心 联众世界 新浪游戏 tom游戏等,网站CI形象 ,返回,51,用自己网站的英文名称作为标志，例如Microsoft等。 本专业有代表的物品作为标志：例如中国银行的铜板标志。 将有代表性的人物、动物、花草加以卡通化和艺术化，例如Redhat的小红帽。,网站logo标志(徽标)：企业文化和整体形象的标示。,返回,52,网站名称是网站CI形象设计重要组成部分 常规放置在主页左上角网站logo标志(徽标)的紧连右边 网站名称一般是企业单位中
11、英文名称特殊的“艺术字”图片,网站名称(艺术)字：网站文化和整体形象的标示。,返回,53,网站设计色彩给网站整体统一的感觉，至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。 一般来说，一个网站的设计主要色彩不要超过3种，太多则让人眼花缭乱 - 3色原则。 网站颜色贯穿整个网站，包括网站名称颜色、Logo颜色、文字颜色和图片颜色等都遵循网站的设计主色调。 例如IBM的深蓝色，Microsoft的蓝色，Oracle的红、黑色等。,网站设计色彩：指能体现网站形象和延伸内涵的主色调颜色，给客户的首要视觉冲击。,返回,54,一般网页默认的字体是宋体、大小12磅，不要试图改变标准字体。 log
12、o标志、网站名称、导航文字等可能需要特别字体、艺术字。这些字体一定要转换成图形使用在页面设计中，这是因为浏览客户没有这些字体。,网站设计字体,返回,55,网页页面布局,返回,56,图片的色调应该与网站整体色调保持一致，处理不好的图片也会破坏网站的整体风格。 在处理网站图片时还要注意主要图片阴影效果的方向，厚度、模糊度都必须一样，图片的色彩与网页的标准色搭配也要适当。,统一图片处理效果,返回,57,宣传标语体现网站的精神和目标：很多网站将企训、校训、名人名言、核心广告用语等作为宣传标语。 例如：中国奥运会官方网站的“好运北京”；鹊巢网站的“味道好极了”，Intel网站的“给你一颗奔腾的心”等。,设计网站的统一宣传标语,返回,58,返回,
