网站项目管理及网站规划设计

1、 4.1.1 网站设计流程 4.1.2 网站设计原理 4.1.3 网站设计方法 4.1.3 网站设计技术第一步：客户提出需求。 客户将自己所要建设的网站以及相关要求相告知，如想要的效果，开设的栏目，想要的风格等。同时客户需提供网站制作的相关资料，公司简介，联系方式，产品或项目描述，详细的网站框架设计要求等。第二步：制定网站制作方案 双方就网站制作的内容、风格、细节等问题进行协商，以达成共识。 为网站建设的开展做铺垫。 第三步：签定网站制作合同 支付预付款 双方签定网站制作合同， 合约是双方利益的保障。 第四步：注册域名、空间 选择合适的注册域名和空间是网站开展运营的前提条件。 第五步：网站制作

2、定位 企业网站制作应充分展示企业的经营理念、产品或服务特色。企业做网站应充分展示企业主营业务的特色和优势，通过文字，图片，颜色甚至声音等媒介，让用户能在最短的时间内抓住企业所要传递给预期客户的核心思想第六步：网站风格设计 网站的风格包括很多方面，整个网站的总体风格，每个栏目频段自己独有的风格，网站基本框架的设计等。最后将初步做好的网站与客户进行讨论并加以改进。 第七步：网站制作 网站应当有一个很清晰的网站介绍，我们告诉访问者网站能够提供些什么，以便访问者能找到想要的东西。有效的导航条和良好的树状结构，使人们很容易找到有用的信息，这对访问者很重要。告诉访问者所提供的正是他们想要的信息。 第八步：

3、网站验收 网站制作完成后，将会反复审核、修改最后通过客户的验收，网站才算建好。 第九步：网站宣传推广工作 网站建好之后，如若您需要对网站进行宣传推广，我们也可以为您服务，我们拥有良好的网络优化团队，将全力为您的网站进行优化。 第十步：网站后期维护 网站建成以后，如果涉及到图片文字更换及数据库升级、修改缺陷及找回密码等情况。 开放性 可靠性 安全性 先进性 传输延迟性 易用性 可扩展性 传输有效性 传输延迟 网络延迟 接口延迟 延迟抖动 明确内容 抓住用户 优化内容 快速下载 网站升级 坚持基本原则 学习HTML 用笔画一个网站的框架 在计算机上永远也找不到好的方案 网站地图 背景颜色 尽量少使

4、用Flash插件 让用户先预览小图像 慎用声音 平台的兼容性 设计一个留言板 内容组织 图像压缩 用户注册 “空白万岁” 网页设计技术静态网页动态网页 Web服务器技术XML技术Flash技术JSP技术 ASP技术 PHP技术 一、建设网站前的市场分析 二、建设网站目的及功能定位 三、网站技术解决方案(根据网站的功能确定网站技术解决方案) 四、网站内容及实现方式 1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。 2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。 3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（

5、费用、技术、人力等） 1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？ 2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。 3、根据网站功能，确定网站应达到的目的作用。 4、企业内部网（Intranet）的建设情况和网站的可扩展性。 1、采用自建服务器，还是租用虚拟主机。 2、选择操作系统，用Window2000/NT还是Unix、Linux。分析投入成本、

6、功能、开发、稳定性和安全性等。 3、采用模板自助建站、建站套餐还是个性化开发。 4、网站安全性措施，防黑、防病毒方案。 5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP；数据库SQL、ACCESS、ORACLE等1、根据网站的目的确定网站的结构导航。 一般企业型网站应包括： 公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。 更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。2、根据网站的目的及内容确定网站整合功能。 如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统 在线支付、信息搜索查询系统、流量统计系统等。3、确定网站的

7、结构导航中的每个频道的子栏目。 如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、 生产基地、科技研发、合作伙伴、主要客户、客户评价等； 客户服务可以包括：服务热线、服务宗旨、服务项目等。4、确定网站内容的实现方式。 如产品中心使用动态程序数据库还是静态页面； 营销网络是采用列表方式还是地图展 网站规划内容 网站可行性分析 网站规划方案编写 确定网站主题确定网站主题 做好网站规划做好网站规划 选择好域名选择好域名 掌握建网工具掌握建网工具 确定网站风格确定网站风格 有创意的内容选有创意的内容选择择 确定网站界面确定网站界面 选购网站空间选购网站空间 栏目与板块编排栏目与板块编排 目

8、录结构与链接结构目录结构与链接结构 进行形象设计进行形象设计 网站的定位分析 网站的基础分析 网站的视觉分析 网站的架构分析 网站的安全分析 网站的营销分析 网站的观感分析 网站的技术分析 建设网站前的市场分析 建设网站目的及功能定位 网站技术解决方案 网站内容及实现方式 网页设计 费用预算 网站维护 网站测试 网站发布与推广 网站主题定位 网站结构设计 网页设计规划 网站形象设计 网站技术规范网 站 题 材 的 一 般 原 则网 站 题 材 的 一 般 原 则 网站的结构设计取决于网站的目标、内容、功能、网页呈现方式、网页风格、浏览习惯、和逻辑思维等 网站结构可以分为网站的物理结构和逻辑结构

9、，这两者既有联系又有区别。 物理结构指网站文件的物理存储结构也就是文件在Web服务器上的存储方式。 逻辑结构指网站在运行时呈现出来的拓扑结构他建立在网站物理结构之上而又跨越物理结构 合理的逻辑结构设计对于网站的规划是至关重要的。 研究网站的逻辑链接结构的目的地于：用最少的链接，使浏览更有效率。同时网站的链接结构的好坏，也将直接影响网页的浏览速度。 网站的逻辑链接结构反应了页面之间相互链接关系，如果把这种关系画成示意图表，就好象一个拓扑结构图。 逻辑链接的拓扑结构要能很好地把页面之间的有机联系反映出来，要能反映站点多页面之间的程序与内容的关系。形象的说：每个页面都是一个固定点，链接则是在两个固定

10、点之间的连线，一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。 因此，网站的逻辑链接结构是网站在运行时抽象出来的。1层状结构（树状结构）层状结构（树状结构） 层状结构类似于目录系统的树型结构（如DOS的目录构）。它是按照网页之间的包含关系组织而成，如图4-2所示。层次结构采用一对一的形式，首页链接指向一级页面，一级链接指向二级等等，其结构看起来就像蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。层次型结构简单而且直观，简单而且直观，条理清晰条理清晰，能将所有的内容划分得非常清晰且便于理解。访问者明确知道自己在什么位置，不容

11、易“迷路”。所以几乎所有的网站都采用这种结构来进行总体的栏目规划，即将所有的内容先分成若干个大栏目，然后再将每个大栏目细分成若干个小栏目，以此类推直到不用再细分为止。主主 页页 页面页面 1 页面页面 2 页面页面 3 页面页面 4 页面页面 5 页面页面 6 页面页面 7 一级标题一级标题二级标题二级标题 层次型结构也有不好的地方，就是效率低。用户如果要访问最底层的网页不得不按照层次从上到下一级一级地访问，必须绕经首页，最终到达想要访问的网页。 主主页页页面页面2 页面页面4页面页面5页面页面1页面页面6页面页面7页面页面8 页面页面10页面页面3页面页面92线性结构（星状链接结构）线性结构

12、（星状链接结构） 线性结构类似于数据结构中的线性表，用于组织线性顺序形式存在的信息，可以引导浏览者按部就班地浏览整个网站文件。它类似网络服务器的链接，每个页面相互之间都建立有链接。线性结构浏览方便高效，随时可以到达自己喜欢的页面。缺点是链接太多,页面之间的层次结构不清晰,容易使访问者“迷路”,搞不清自己所在的位置，也不能确定自己已经浏览过的内容。通常情况下，网站文件的结构是层状结构和线性结构相结合的。最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。 线性结构常用于需要按步骤进行的栏目上，比如用户注册、建立定单教程等。图4-5所示的就是一个典型的用户注册的例子，

13、从这个图可以看出，一个新用户要完成注册需要经历四个步骤，而且必须按顺序进行，否则就不能完成注册。开始注册接受条款填写注册信息完成注册又比如在当当网购买图书或者音像制品，也必须按顺序进行选择商品、如图1所示的只是最简单的线性结构，在这个基础上进行扩展可以演变出更具灵活性的线性结构，以满足各种不同的需求。如图2所示的带抉择的线性结构，可以根据用户不同的抉择来访问不同的下一个网页。选择商品确认购物车填写定单生成定单首页面一级子页面二级子页面三级子页面四级子页面一级子页面 所谓的形象就是通过视觉来统一企业的形象网站的设计内容与形式有机结合的“特色”才是网站成功的关键。1.网站的标志设计2.网站的标准色

14、设计3.网站的标准字设计4.网站的宣传标语设计一般不超过3种用于：标志，标题，主菜单，主色块控制页面的总规模分解大型表格不用图片来叙述内容标记图像的大小重用图像选择合适的格式减少图像的数目对大型图像的处理少用背景音乐重点栏目导航重点栏目导航网站即时新闻网站即时新闻到其他内容网页的超链接到其他内容网页的超链接 文件命名规范 目录结构规范 文件命名规范网站目录设置规范1. 目录建立的原则：以最少的层次提供最清晰简便的访问结构。 2. 根目录文件 根目录只允许存放index.html和main.html文件，以及其他必须的系统文件。 3. 每个语言版本存放于独立的目录。已有版本语言设置为： 简体中文

15、 gb ，繁体中文 big5 ，英 语 en ，日 语 jp4. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。 5. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个im

16、ages 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。6. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。7. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂。 文件名称规范1. 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm 2. 文件名称统一用小写的英

17、文字母、数字和下划线的组合。 3. 命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。 4. 图片的命名原则遵循以下几条规范 ： 名称分为头尾两两部分，用下划线隔开。 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等 。 一般来说: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner 标志性的图片我们取名为：logo 在页面上位置不固定并且带有链接的小图片我们取名为button 在页面上某一个位置连续出现，性

18、质相同的链接栏目的图片我们取名：menu 装饰用的照片我们取名：pic 不带链接表示标题的图片我们取名：title 依照此原则类推。 尾部分用来表示图片的具体含义。 网站建设尺寸规范页面标准按800*600分辨率制作，实际尺寸为778*434px页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 网络服务器 网络操作系统 服务器

19、配置与集群 定义定义 词义辨析词义辨析 组成组成 分类分类 安全措施安全措施 能为网络用户提供集中计算、信息发表及数据管理等服务。从广义上讲，服务器是指网络中能对其它机器提供某些服务的计算机系统（如果一个PC对外提供ftp服务，也可以叫服务器）。从狭义上来讲，服务器是专指某些高性能计算机，能够通过网络，对外提供服务。相对于普通PC来说，在稳定性、安全性、性能等方面都要求更高，因此CPU、芯片组、内存、磁盘系统、网络等硬件和普通PC有所不同。 有时，我们会看到不同于网网络服务器络服务器的另一个概念Web服务器服务器，这两种定义会引起混淆。前者是指用于网站的计算机，后者是指包括Apache这样的软

20、件，运行在一台计算机上以管理网页组件和回应网页浏览器请求的程序程序 软件硬件文件服务器 如Novell的NetWare邮件服务器 Sendmail, Postfix, Qmail, Microsoft Exchange，Lotus Domino 等网页服务器 如Apache, thttpd, 微软的 IIS等数据库服务器 如Oracle数据库服务器, MySQL, PostgreSQL, Microsoft SQL Server 等FTP服务器 Pureftpd, Proftpd, WU-ftpd, Serv-U,VSFTP 应用服务器如Bea公司的WebLogic，JBoss，Sun的Gla

21、ssFish代理服务器如Squid cache计算机名称转换服务器 - 如微软的WINS服务器 服务器大都采用部件冗余技术、RAID技术、内存纠错技术和管理软件。高端的服务器采用多处理器、支持双cpu以上的对称处理器结构。在选择服务器硬件时，除了考虑档次和具体功能定位外，还需要重点了解服务器的主要参数和特性，包括处理器构架、可扩展性 、服务器结构、I/0能力和故障恢复能力等。可以按多种标准来划分服务器类型。1. 根据应用层次或规模档次划分 入门级服务器：最低档服务器，主要用于办公室的文件和打印服务。 工作组级服务器：适于规模较小的网络，适用于为中小企业提供Web、邮件等服务。 部门级服务器：中

22、档服务器，适合中型企业的数据中心、Web网站等应用。 企业级服务器：高档服务器，具有超强的数据处理能力，适合作为大型网络数据库服务器。2. 根据服务器结构划分 机柜式服务器：机箱是机柜式的，在服务器中需要安装许多模块组件。 台式服务器：也称为塔式服务器，这是最为传统的结构，具有较好的扩展性。 机架式服务器：机架式服务器安装在标准的19英寸机柜里面，根据高度有1U（1U=1.75英寸）、2U、4U和6U等规格。 刀片式服务器：是一种高可用、高密度的低成本服务器平台，专门为特殊应用行业和高密度计算机环境设计，每一块“刀片”实际上就是一块系统主板。3. 根据硬件类型划分 专用服务器：专门设计的高级服

23、务器，采用专门的操作系统（如UNIX、MVS、VMS等），主要用于数据库服务和Internet业务，一般由专业公司提供全套软硬件系统及全程服务。 PC服务器：以Intel或Motorola专用处理器为核心构成的服务器，兼容多种网络操作系统和网络应用软件，性能可达到中档RISC服务器水平。 网络操作系统的功能 文件服务 打印服务 数据库服务 通信服务 分布式服务 网络管理服务 Internet/Intranet服务 网络操作系统的特点 复杂性 并行性 高效性 安全性 网络操作系统的结构 工作站操作系统 服务器操作系统 常见的网络操作系统 UNIX WindowsServer 2003 Linux

24、服务器服务器WebWeb服务器服务器W Windows Server 2003 indows Server 2003 Web Web 版版Windows Windows Server Server 2003 2003 企业版企业版Windows Server 2003Windows Server 2003标准版标准版Windows Windows Server Server 2003 2003 DatacenterDatacenter版版Windows 2003 Windows 2003 的版本的版本网站上线后，为了方便用户通过Google、Baidu、Yahoo!等多种搜索引擎快速访问到网站

25、，就需要进行SEO (Search Engine Optimization)搜索引擎优化，即通过整站优化提高搜索引擎排名，让客户容易找到我们，为最终的资讯传播服务。整站优化其实是一套整体的SEO实施策略，是对一个网站进行综合的优化，从而在搜索引擎上获得良好的排名，是搜索引擎营销的重点，更是整体网络营销中不可缺少的重要环节。与竞价排名不同，整站优化可以让网站通过更多的高质量关键词从更多的搜索引擎获得自然的流量，并且它不以某个关键词在某个搜索引擎上的排名为得失，而是注重所有高质量关键词在所有搜索引擎的整体表现。统计表明，80人只会查看搜索引擎左侧自然排名结果，网站有好的自然排名，将是实力和品牌知名

26、度的象征。（一）整站优化效果（一）整站优化效果通过网站定位与营销目标分析，进行关键词选择、围绕关键词对网站内容及网站结构进行整体优化，确保各个网页分别承载不同的大量长尾关键词，使网站的所有网页具备搜索引擎友好性，让网站在各大搜索引擎都有比较高的收录量和好的整体排名表现。经过优化之后，网站将有更多的页面排在自然搜索的前面，获得更多的自然点击量，而不需要为单个点击付费。集团公司网站的策划团队与测试团队将对网站进行全面检测，专业服务，免除各种顾虑，为SEO工作顺利实施保驾护航。（二）添加网页标题（二）添加网页标题 为每页内容写5到8个字的描述性标题。标题要简练，避免出现“的”“和”这些不重要的词汇。

27、要说明该页面，该网站最重要的内容是什么。网页标题将出现在搜索结果页面的链接上，因此可以写得稍带煽动性，以吸引搜索者点击该链接。同时在首页内容中写上我们的公司名和我们最重要的关键词，而不能只写上公司名。网站的每一个页面都应该有针对该页面的标题。（三）添加描述性（三）添加描述性META标签标签 除了网页标题，不少搜索引擎会搜索到META标签。这是一句说明性文字。描述网页正文的内容，句中也要包含本页使用到的关键词，词组等。（四）粗体字关键词（四）粗体字关键词 搜索引擎很重视粗体文字，以为这是本页很重要的内容。因此，确保在一二个粗体文字标签中写上关键词。要尽量避免将重要的标题都制作成图片的形式，更不要

28、将整个首页都做成一个图片。（五）网页关键词（五）网页关键词 搜索引擎希望在第一段文字中就找到我们的关键词，但不要充斥过多关键词。google大概将全文每100个字出现1.5到2个关键词视为最佳的关键词密度，可获得好排名。其他可考虑放置关键词的地方可以在代码的ALT或者COMMEET标签里面。如果无法保证正文中第一段出现关键词，可以考虑一些补救措施，比如给网页加批注等等。、（六）设计易于搜索（六）设计易于搜索有些人在网页制作中使用框架，但是这对于搜索引擎是一个严重的问题。即使搜索引擎找到我们的内容页面，也可能错过其中关键性的导航栏目，从而不能进入到其他页面。用FLASH做的导航按钮看起来是很漂亮美观，但是搜索引擎找不到它们。补救的办法是在页面底部用常规Html链接再做一个导航条，确保可以通过这个导航条进入网站的每一页。我们还可以做一个网站地图，也可以链接到每一页面。此外，有些内容管理系统和电子商务目录运用动态的网页，这些页面的网址后面一般都有一个问号带上数字，工作过度的搜索引擎往往在问号前停下，不在继续搜索。对于这种情况。可以通过更改URL，付费登陆等手段加以解决。动态站点可以通过生成静态页面的技术方