01网站项目的策划跟制作.pptVIP

网站项目的策划和制作 作者：裘森伟 网站项目 项目进行过程 策划阶段→主题方案的设计过程→HTML文件化操作 →CSS应用以及上传→测试→网站开通→ 检测 如上所示，一个项目不仅仅是构建一个简单的网站。在进行 一个项目时，要基于网站的理念和用途，先制作一份策划案 。然后根据策划案开始实际制作，开通网站后还要进行检测 等各项工作。 项目制作的第一步-策划阶段 与客户交流 制作网站之前，首先和客户交流网站的性质、理念、用途以及客户方负责人的选定等各种网站制作中的相关事项，然后以这些交流为基础，制作相当于设计图的策划案和网站图、向导图等文件，搭建网站的框架。 项目制作的第一步-策划阶段 制作网站时需要和客户交流的事项 网站的理念和用途 网站的菜单结构和内容结构方案 服务器（NT，Linux）设定 制作网站时需要的技术（Flash，程序设计语言，动画相关） Web Hosting（服务器）、域等相关事项 实际工作时间和最终开通日期的设置 客户方负责人的选定 项目制作的第一步-策划阶段 制作策划案 策划案是为了在项目进行过程中达到最高的效率而制定的计划。策划案没有固定的格式，每个公司都持有不同的样式。有的策划案是从主页到子夜详细进行说明，而有的策划案是以核心设计部分为框架来进行制作。 项目制作的第一步-策划阶段 策划案中一般包括的事项 组织框架图 网站图 设计向导图 主、子页的设计结构 界面向导设计 版面设计 颜色系统 字体系统 画面编码结构表 目录结构规则 文件的命名规则 项目制作的第一步-策划阶段 程序逻辑图：对程序逻辑进行说明 项目制作的第一步-策划阶段 组织结构图和网站图 组织结构图清晰的整理出了主菜单和子菜单的结构，而网站图更加详细的体现了组成菜单的显示方式。例如，网站图将会指定各个菜单的相关网页名称，并显示各自网页打开的窗口方式。 组织结构图 项目制作的第一步-策划阶段 网格系统和版面设计结构 下面介绍下策划案中起到框架作用的网格系统和版面设计结构方式。构成基本版面之前要对许多网站进行定标比超。定标比超是在新版面的制作中提供创意的重要手段。将这种过程作为基础，先制作整体上最大框架网格系统后，再根据他整理导航位置子菜单位置，内容部分等事项，从而构成版面，同时，设置版面设计中画面分辨率的基准以及各个区域的画面分割比例。画面分割可以设置为具体的数据。也可以将各个区域以3（左区域），5（内容区域），2（右侧区域）的比例进行分割。 项目制作的第一步-策划阶段 定标比超的概念 通过分析与目标网站具有相同性质的其他网站，从而搜集崭新的创意，内容以及导航系统结构等相关资料，不仅对于策划者，对于一般的设计者来说这也是平常生活中需要积累的知识。 网格 在网站的策划阶段常常会涉及到“网格系统”，”版面设计“，等相关词汇，在这里的网格指的是格子形式，而网格系统可以理解为网站的整体结构，即构成版面的方式，通过网格系统可以分割区域。并决定各个内容的位置，从而构成复杂的版面 项目制作的第一步-策划阶段 初步方案操作以及画面说明 一般情况下是先提出策划案，再以其为基础进行初步方案的操作。但有时候，也有可能在制作策划案的过程中同时进行网站初步方案的操作。这是因为实际上客户最想知道的不只是策划案等的文件，而更是以后所要制作的网站效果。 如果策划中包括了初步方案，不仅要具有和策划案为基础的内容结构，而且还要添加对图像的设计性思维以及flash等应用部分的相关大纲说明。并且也要添加整个网站的帧结构和应用到的技术，以及应用程序时所需的程序设计语言（asp或php），服务器环境等相关说明。 项目制作的第一步-策划阶段 颜色系统 颜色系统为整个网站结构决定一个与理想相符合的颜色结构规则。通过反应网站性质和理念的颜色规则，可以表现出网站的整体性、统一性。在和客户的交流中，可以根据客户要求来构成适合网站性质的颜色系统。颜色系统除了中心性主颜色以外，也可以根据各个区域（子网页）的性质，分别用独立的颜色群来体现。 例如： Brown：传达深棕色系列的平整感强调网页以及内容的可信度。 gray：无色彩的灰色系列体现了符合菜单性质的颜色系列。 blue：具有清凉感的蓝色系列新鲜并能刺激好奇心的颜色 项目制作的第一步-策划阶段 字体系统 所谓字体系统指的是根据网站的需求预先制定将要使用到的字体大小和类型。一般要使用可读性较高的字体。在一个网站中最好把字体限制在3~4种以内，字体过多，可能会影响网站的统一性。 项目制作的第一步-策划阶段 画面编码结构表 画面编码结构表是在实际工作中为了组员之间的意见交流而制定的一些规则。投入的人力越多，一定要在画面编码结构的操作上控制执行错误的发生。一般情况下画面编码