网站规划设计原则ppt课件

网站规划,学习目标 1了解网站规划的原则。 2了解网站建设工作流程。 3了解网站域名和域名注册的方法。 4了解电子商务网站栏目和栏目规划的方法。 5了解电子商务网站的布局和风格设计。 6了解电子商务网站的CI设计。,1,网站规划是指在网站建设之前对市场进行分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。,网站规划初步,2,网站规划初步,3.1.1网站规划原则 1目标明确，主题鲜明原则 2实际情况和用户需求原则 （1）以用户为中心 （2）从实际出发 （3）主次分明循序渐进 3结构合理，内容清晰原则 （1）目录合理 （2）链接明确 （3）内容清晰,3,网站规划初步,4企业专业特性介绍的原则 （1）对外介绍专业信息 （2）对内提供信息服务 5网站版式设计原则 6实用性功能服务应切合实际需要原则,4,网站规划初步,网站规划内容 1建设网站前的市场分析 建设网站前需要对以下几方面的内容进行分析。 （1）相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。 （2）市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。 （3）公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。,5,网站规划初步,2建设网站目的 3域名和网站名称 4网站主要功能 5网站技术解决方案 （1）采用自建服务器，还是租用虚拟主机。 （2）选择操作系统，用unix,Linux还是Window2000/NT。 （3）采用系统性的解决方案（如IBM,HP）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。 （4）网站安全性措施，防黑、防病毒方案。 （5）相关的程序开发。如网页程序ASP、JSP、CGI、数据库程序等。,6,网站规划初步,7网站测试和发布 （1）网站服务器稳定性、安全性； （2）各种插件、数据库、图像、链接等是否工作正常； （3）在不同接入速率情况下的网页下载速度； （4）网页对不同浏览器的兼容性； （5）网页在不同显示器和不同显示模式下的表现等。 8网站推广 网站推广活动一般发生在网站正式发布之后，当然也不排除一些网站在筹备期间就开始宣传的可能。 9网站维护 （1）服务器及相关软硬件的维护。 （2）网站内容的更新、调整等。 10网站财务预算 网站建设和推广的财务预算也是重要内容，网站建设和推广在很大程度上受到财务预算的制约，所有的规划都只能在财务许可的范围之内。财务预算应按照网站的开发周期，包含网站所有的费用明细清单。,7,网站规划初步,2.1.3建设网站的资源规划 1人力配置 （1）系统策划师，也就是网站策划人员，主要任务是对网络市场和竞争对手进行详细的比较和分析，确定网站的目标、策略及总体规划，并要有网站建设目标书、策划书等材料。 （2）项目经理，主要任务是负责企业网站建设项目的规划、项目进程管理、人员分配和组织、资源规划、进度控制、质量审核等。 （3）网站规划师，主要任务是负责网站总体设计、搭建系统构架、安装服务器系统及相关的软件、按照策划书要求形成文档等。 （4）程序设计师，主要任务是负责程序的编写、调试、运行、维护等工作、并根据企业的需要不断地研究和开发新的软件、系统操作手册等。 （5）美术编辑师，主要任务是按照网站总体设计书的要求做出漂亮、实用的网页页面。并要将页面设计出具有企业特色的，色彩适合的网页等。 （6）录入员，也就是信息编辑处理人员，主要任务是输入、编辑和处理大量的用户信息，商品交易信息等。,8,网站规划初步,2费用预算 一般电子商务的总体费用包括以下几个方面： （1）线路接入费用 （2）域名费用 （3）服务器硬件设备费用 （4）主机托管费用 （5）系统软件费用 （6）开发费用 （7）网站的市场和经营费用,9,网站规划初步,6网站内容规划 （1）一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。 （2）电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。 （3）如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。,10,网站规划初步,网站建设工作流 1网站建设流程图 网站建设流程如下图所示。,11,3.1 网站规划初步,12,网站规划初步,2网站建设步骤 （1）调查研究分析 企业网络的功能要求 企业网络的性能要求 企业网络运行环境的要求 企业网络将来可能提出的需求,13,网站规划初步,（2）收集企业内外部需求阶段 弄清为什么要建立网站 整合公司资源，确定网站功能 根据网站功能，确定网站应达到的目和效果。 企业内部网（Intranet)的建设情况和网站的可扩展性。,14,网站规划初步,（3）确定网站开发形式 这一阶段是根据企业内部情况所得出的结果，是否有可能企业本身独立开发，还是外包给网络公司或者与外单位联合开发。这一阶段的主要任务是： 弄清内部资源情况。 如果外包给网络公司开发，需要选择某个网络公司。 根据合同法和本企业的要求签订合同或协议。,15,网站规划初步,（4）撰写网站策划书 进行可行性研究分析并得出结论 写出网站建设需求说明书 将此意见报告给企业，让企业进行审核。 进行网站策划，并撰写网站策划书。 （5）物理实施 （6）网站总体设计 （7）具体制作 （8）系统全面调试 （9）上网试运行 （10）网站维护培训,16,网站规划初步,3制定时间表 设定好进度以后，就可制定出一份详细的时间表，然后，按部就班地进行工作，一个网站就可以顺利地建立起来了。 一般情况下，时间表应该包括以下几个项目： （1）网站建设各项工作内容及其时间安排。 （2）月度和年度工作安排时间规划。 （3）网络各工作人员工作内容及其时间安排。 （4）工作人员讨论交流会时间安排。 （5）培训人员学习时间安排。,17,网站规划初步,网站开发方式选择 （1）自主开发 自主开发又称为最终用户开发，适合于较强的信息技术队伍的企业，企业完全以自己的力量进行开发。 （2）委托开发 委托开发适合于企业网站的开发队伍力量相对较弱，但资金较为充足的单位。 （3）合作开发 合作开发适合于企业有一定的信息技术人员，但可能对网站建设规律不太了解，或者是整体人优化能力较弱，希望通过网站的建设完善和提高自己的技术队伍，便于后期的系统维护工作的企业。,18,网站规划初步,（4）购买网站与二次开发 目前，网站建设的开发正在向专业化方向发展，一些专门从事网站建设的公司已经开发出一批使用方便、功能强大的现成网站。,19,域名及域名注册,域名概念 1什么是域名 （1）从技术上讲，域名只是一个Internet中用于解决地址对应问题的一种方法。可以说只是一个技术名词。但是，由于Internet已经成为了全世界人的Internet，域名也自然地成为了一个社会科学名词。 （2）从社会科学的角度看，域名已成为了Internet文化的组成部分。 （3）从商业角度看，域名已被誉为“企业的网上商标”。,20,域名及域名注册,域名结构 域名由两个或两个以上的词构成, 中间由点号分隔开，其结构如下图所示。,21,域名及域名注册,1一级域名 一级域名也称为“国际顶级域名”它的最后一个后缀是一些诸如.com、.net、.gov、.edu的“国际通用域”，这些不同的后缀分别代表了不同的机构性质。 2二级域名 一级域名的下一级，就是我们所说的二级域名。域名注册人在以.com结尾的一级域名中，提供一个二级域名。 3国内域名 国内域名的后缀通常要包括“国际通用域”和“国家域”两部分，而且要以“国家域”作为最后一个后缀。,22,域名及域名注册,我国域名体系结构 1机构性域名 在许多国家的二级域名注册中，也遵守机构性域名和地理性域名注册办法。中国互联网络的二级域名也分为机构性域名和地理性域名两大类。 2地理性域名 我国的地理性域名使用4个直辖市和各省、自治区的名称缩写表示，共34个 。,23,域名及域名注册,3企业选择及注册域名的策略 （1）企业域名的选择与企业相关信息一致 （2）企业域名的选择采用数字化域名 （3）企业域名的选择与企业的性质一致 （4）企业域名的注册要注意域名抢注与域名冲突的问题,24,网站栏目规划,网站栏目规划概述 1栏目规划概念 网站结构大体包括两种结构，即：逻辑结构和物理结构。逻辑结构描述的是网页文档间的链接关系，而物理结构描述的是网页文档的实际存储位置。如果说逻辑结构是为用户而设计的，那么，物理结构就是为管理员而设计的。 我们将逻辑结构的设计称为栏目规划，将物理结构的设计称为目录规划。,25,网站栏目规划,网站栏目的作用： 1)、提纲挈领，点题明义 2)、网站栏目的导航作用 （1）全局导航 （2）路径导航 （3）快捷导航 （4）相关导航,26,网站栏目规划,2网站栏目规划原则 （1）栏目的目录设计力求简洁、结构层次清晰，有利于网站的管理和运行的优化。 （2）重点突出，要仔细考虑内容的轻重缓急，合理安排，突出重点。 （3）方便访问者，一般情况下一个访问者能够在3-5次点击后就可以查询到自己所关注的信息。 （4）主要内容栏目要分得细致。 （5）“开门见山”地列出主要内容。 （6）首页设置超级链接和搜索引擎。 （7）设定双向交流的栏目。 （8）设置信息下载和咨询服务栏目。,27,网站栏目规划,2.3.2逻辑组织模型 1线型逻辑组织模型 线型逻辑组织模型如下图所示。,28,网站栏目规划,2层次型逻辑组织模型 层次型逻辑组织模型如下图所示。,29,网站栏目规划,3网络型逻辑组织模型 网络型逻辑组织模型是指多个网页之间都有相互链接的一种结构，如下图所示。,30,网站栏目规划,4混合型逻辑组织模型 混合型逻辑组织模型指的是，将以上几种模型混合在一起构成了一个新的网站模型，这样的模型可以吸取各单个模型的所有长处，避免其短处。,31,网站栏目规划,2.3.3网站物理结构规划 1什么是网站目录结构 主要指的是网站目录及所包含文件所存储的真实位置所表现出来的结构。 2如何优化网站目录结构 （1）优化网站的物理结构目录 （2）网站的目录层级数不要太多 （3）使用链接功能 （4）优化网站的逻辑结构目录,32,网站栏目规划,3网站目录结构规划应注意事项 （1）合理安排文件的目录 （2）按栏目内容建立子目录 （3）在每个一级目录或二级目录下都建立独立的Images目录,33,网站总体设计,2.4.1网站总体设计原则 1先进性、可靠性和安全性原则 2可扩展性、标准性和开放性原则 3服务性、便捷性和交互性原则 4美观性、实用性和宣传性原则,34,网站总体设计,网站的CI设计 什么是CI设计？ 所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象，它是企业形象的形成，是提高企业形象的一种经营手段，而所谓的企业形象，是指企业的关系者对企业的整体感觉、印象和认识，优秀的CI设计，使企业更加容易树立市场形象、展示企业文化、抢占商业先机。 1网站的主题和名称设计 （1）主题要小而精 （2）题材最好是你自己擅长或者喜爱的内容 （3）题材不要太滥或者目标太高,35,网站总体设计,（4）名称要正派 （5）名称要易记 （6）名称要有特色,36,网站总体设计,2设计网站的标志（Logo） （1）标志可以是中文，英文字母，可以是符号，图案等等。 （2）网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本。 （3）网站有专业性的，可以以本专业有代表性的物品作为标志。 （4）最常用和最简单的方式是用自己网站的英文名称作标志。,37,网站总体设计,3设计网站的色彩 网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。 （1）色彩的色环 所谓色环就是将色彩按：红 黄 绿 蓝红依次过度渐变，就可以得到一个色彩环。色环的有暖色系、寒色系和中性系。,38,网站总体设计,（2）色彩的心理感觉 红色是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。 绿色是介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 橙色也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。 黄色是一种具有快乐，希望，智慧和轻快的个性，它的明度最高。 蓝色是一种具有凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛就像天空的色彩一样。 白色是一种具有洁白的颜色，明快，纯真，清洁的感受。 黑色是一种具有深沉，神秘，寂静，悲哀，压抑的感受。 灰色是一种具有中庸，平凡，温和，谦让，中立和高雅的感觉。,39,网站总体设计,（3）网页的底色 网页的底色是整个网站风格的重要指针 （4）使用单色彩 所谓单色彩是指先选定一种色彩，然后调整透明度或者饱和度，也就是说，将某一种单色彩变淡或变深后产生一种新的色彩，用于网页。 （5）使用两种色彩 所谓两种色彩是指先选定一种色彩，然后再选择该色彩的对比色。 （6）使用一个色系 所谓色系是指一个感觉的色彩，例如淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。 （7）使用黑色一种彩色 所谓黑色是指与其他颜色相配的一种色彩。,40,网站总体设计,（8） 网页最常用流行色 蓝色蓝天白云，沉静整洁的颜色。 绿色绿白相间，雅致而有生气。 橙色活泼热烈，标准商业色调。 暗红宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。,41,网站总体设计,（9）颜色的忌讳 忌脏背景与文字内容对比不强烈，灰暗的背景令人沮丧！ 忌纯艳丽的纯色对人的刺激太强烈，缺乏内涵。 忌跳再好看的颜色，也不能脱离整体。 忌花要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。 忌粉颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。 一般而言，蓝色忌纯，绿色忌黄，红色忌艳。,42,网站总体设计,4设计网站的字体 所谓标准字体是指用于标志，标题，主菜单的特有字体。 5设计网站的标语 所谓网站的宣传标语指的是网站的精神，网站的目标。,43,网站总体设计,网站的布局设计 1网站布局的基本概念 设计网站的第一步就是设计首页，它就是网站的主页。我们将网页看作一张报纸，一本杂志来进行排版布局。所谓布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置上。 （1）页面尺寸 （2）整体造型 （3）页头 （4）文本 （5）图片 （6）多媒体,44,网站总体设计,2网站布局设计步骤 （1）草案 新建的页面就像一张白纸，没有任何表格，框架和约定俗成的东西，可以尽可能多地发挥想象力，将你想到的“景象”画上去。 （2）初步布局 在草案的基础上，将确定需要放置的功能模块安排到页面上。通常首页设计的内容主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。在初步布局时，必须遵循突出重点、平衡协调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。 （3）定稿 在初步布局的基础上，具体化、精细化的过程。,45,网站总体设计,3网站布局设计原则 （1）重复性原则 （2）对比性原则 （3）正常平衡原则 （4）异常平衡原则 （5）比例适当原则 （6）避免滚动原则 （7）用图表解说原则 （8）用户第一原则,46,网站总体设计,2.4.4 几种典型的布局设计 1网页布局类型 （1）“国”字型结构布局也称“同”字型，指的是最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。 这种结构是我们在网上见到的差不多是最多的一种结构类型，如下图所示。,47,网站总体设计,48,网站总体设计,（2）“T”型结构布局指的是页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母“T”。,49,网站总体设计,（3）“三”型结构布局指的是采用三条横条为主题的网站，在国外站点经常可以看到，国内也有一些网站采用这种结构的布局。典型“三”型结构布局的网站主页如下图所示。,50,网站总体设计,（4）“口”型结构布局指的是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。典型“口”型结构布局如下图所示。这种布局的优点是充分利用版面，信息量大，缺点是页面拥挤，不够灵活。,51,网站总体设计,（6）“POP”型结构布局指的是页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，常用于时尚类站点。优点是页面漂亮吸引人，缺点就是速度慢。,52,网站总体设计,（5）Flash型结构布局指的是用Flash作为网页的主要内容，采用了目前非常游戏行的Flash，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。,53,网站总体设计,54,网站总体设计,网站首页的风格 网站的风格是建筑在网站内容的质量和价值上的，这是最基本的。如果一个网站只有风格而无内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。 网站首页是企业网上的虚拟门面，在设计自己门面时决不能敷衍了事、马马虎虎。网站的页面就好比是“无纸的印刷品”，精良和专业的网站设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。一般来说，网站首页的形式不外乎有两种。,55,网站总体设计,（1）纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。 （2）信息罗列型，这种类型一般是大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站。,56,网站总体设计,风格保持一致 （1）结构的一致性 （2）色彩的一致性 （3）导航的一致性 （4）特别元素的一致性 （5）背景的一致性 从技术上而言，网页背景包括背景色和背景图像两种，一般来说，并不提倡使用背景图像，而使用背景色或色块。其原因主要有： 下载速度 显示效果,57,作业一：网站策划书,要求如下： 1、选定网站主题 2、网站风格策划 3、网站技术实现方案,58,