网站设计基本流程图

《网站设计基本流程图》由会员分享，可在线阅读，更多相关《网站设计基本流程图（6页珍藏版）》请在金锄头文库上搜索。

1、网站设计的基本流程图网站制作过程有五个阶段：需求调查阶段，技术分析阶段，页面策划阶段，网站设计阶段，网站改进阶段。流程图：网站建设立项市场调研用户需求调查调整需求了解网站需求需求分析网站功能描述书进入下一个阶段图图 1 需求调查阶段流程图需求调查阶段流程图上一阶段网站技术手段服务器编程语言操作系统接入方式数据库设计软件技术分析网站技术解决方案进入下一阶段图图 2 技术分析阶段流程图技术分析阶段流程图上一阶段网站页面策划CI 策划创意策划栏目策划布局策划样式风格目录结构色彩策划链接结构串联板分支图策划分析网站页面策划方案下一阶段图图 3 页面策划阶段流程图页面策划阶段流程图上一阶段网站设计制作前

2、台页面制作后台程序设计修改改进设计网站发布网站推广网站的评价与改进网站测试图图 4 网站设计阶段与网站改进阶段流程图网站设计阶段与网站改进阶段流程图 上述过程中，每个菱形标记的环节都是判断和选择的过程，并反馈信息，重复这个过程，直至满意后，进入下一个环节。 在信息高速发展的今天，信息管理已经成了一个公司管理的重要问题。因此，有一套很好的信息管理模式，有一个综合信息网站就显的 很重要了。本文全面的分析了一个综合信息网站的结构、功能、用途以及对公司产生的重要影响，对网站的建设、维护和推广具有很好 的指导作用。一个综合信息网站，其功能主要体现在信息管理上面。大中小型企业可以利用本网站进行企业内部人事

3、管理、产品销售管理、产品 生产管理、网上电子商务、对自己企业进行网上宣传、进行网上交流等。其客户主要通过上网了解本公司的业务及产品情况，了解公司 的人事状况，商业动态等。 对于一个企事业单位而言，它要进行各种综合业务，要及时了解企业内部的情况，要及时向外界公布信息，进行人事管理、进行产品销 售、利润预算、与外界联系，因此，拥有一个综合信息网站是非常必要的。用综合信息网站来对企业进行管理，进行电子商务是很必要 的，有利于公司的发展，有利于提高公司的效益，有利于提高市场竞争力，有利于树立公司品牌形象，有利于扩大公司的影响力。因此， 本网站是可行的，建立本网站是必要的。作为一个综合信息网站，本网站是

4、可行的，虽然有些功能现在还不够完善，但就目前而言还是有很大的利用价值，以后我们还将把 本网站做得更精，更完善。 一、系统概述二、系统需求分析三、 系统功能分析与设计四、系统数据库设计五、系统运行维护及说明 六、 网站结构与设计：七、网站栏目分析与设计八、 网页界面和程序代码：九、网站界面：十、参考文献： 下面我们从几个方面来分析网易网站的设计思想： 一、架构 1、网站首页是兵家必争之地，每个频道负责人都想在显眼的位置推荐自己的产品或者资讯来增加曝光率，总是希望把所有东西一下子 让用户看到，但最后我们就发现你放的东西越多，用户就根本找不到他想要的东西，快速离开的可能性很大。在国内的门户网站都习惯

5、 了资讯多、页面长，什么都往首页堆，感觉内容越多会显的越大气，但用户的耐性是有限的，所以网页的通透性对国内网站很重要，每 一屏的架构变化不宜太多，适当就好，主次内容信息位置保持一致性，不然用户每浏览到下一屏都需要重新去解读架构，思考该从那里 开始阅读，不但用户的耐性被消耗掉还会增加用户的浏览成本，所以网站首页的架构必须清晰明了，保持较好的通透性，减少用户的浏 览成本。 例如网易首页，采用三栏式结构，左栏为导航推荐区提供网易特色产品入口，中栏为主要资讯区，提供快速、全面、动态的各类新闻资 讯，右栏为特色栏目区如博客、论坛等。各栏的内容属性清晰，用户能快速找到他们需要的信息畅顺的浏览不需要多余的思

6、考。 据研究分析用户浏览网页的视觉一般是从左到右、从上至下的一个浏览习惯。网易网站的架构也在往这个方向改进，不断的提升用户体 验。网易资讯类页面大致可分为 3 类架构，下图是 3 类架构的视觉走向图。 据研究分析用户浏览网页的视觉一般是从左到右、从上至下的一个浏览习惯。网易网站的架构也在往这个方向改进，不断的提升用户体 验。网易资讯类页面大致可分为 3 类架构，下图是 3 类架构的视觉走向图。网易首页采用第一种架构，各频道首页例如新闻、体育、娱乐等采用第二种架构，新闻最终页采用第三种架构。这样可使用户保持统 一的视觉走向，无论浏览那个页面用户都知道他们需要的资讯在那里，符合用户浏览网页的习惯，

7、减少用户浏览成本。 二、风格 时尚简单的外观设计和界面设计，也是受欢迎的其中原因之一，虽然网站设计不能称作为一件艺术创作，但用最少的元素设计出最好的 作品这个也是网站设计中所追求目标之一。 能用一根线表现出效果就没有必要使用 2 根线，能用文字表示清楚的就不需要用图片。页面设计如果使用过多装饰元素，会造成页面庞大下载速度缓慢，不要高估网民的耐性，大部分网民都是没有耐性的。浏览大量信息的时候需要一个简洁无阻碍的界面，过多的色彩和 装饰反而会分散用户的注意力，影响到用户浏览效果和减少对资讯的点击。网站需要用户看到的是网站提供的信息内容和服务而不是花 俏的装饰（个性产品网站除外） 。这也是网易门户一

8、直沿用简洁风格原因之一。 例如新改版的网易新闻，打破了以往条条框框的感觉，取消了多余的线框，界面更清晰简洁，资讯内容更突出。 三、信息排布三、信息排布 门户网站首页一般都会承载大量的资讯信息，密密麻麻的信息会让用户浏览网页的时候会产生压迫感，如何能让用户顺畅的浏览成为设 计中重要的一环。 大家可以对比下面2张信息排布图，信息条数都是相同的但第一张信息排布图会让人感觉信息很清晰。而第2张图会让用户感觉到信息排 布有压迫感，可能还没有开始阅读就已经没有耐性了（忠诚度非常高的用户例外，但这类用户毕竟比较少） 。所以在信息排布的时候到 达一定行数时需要用一些留空做到视觉隔离，让视觉上有透气的感觉。 门

9、户网站可行性报告 所谓地方性门户网站是指立足于特定的区域市场，在一定的势力范围内具有一定影响力的网络站点。 区域门户网站涉及范围十分广泛，它可以是某地区某行业的龙头网站，也可以是某区域针对某一类客户群体的综合服务型网站。 在我国目前的社会市场网络构架中，各省市、县地方网站、区域旅游、餐饮服务网站，甚至是电子商务网，只要是针对某一特定区域的 用户群体其实都是区域性网站的一种。 在互联网络高速发展的今天，网站正成为政府、企业、学校、社会团体及地方区域性产业进行形象展示、信息发布、业务拓展、客户服 务、内部沟通等多项活动的重要阵地，她不仅仅具有快捷、无距离及随时随地可更新的特性，更能提供互动式交流功

10、能，如留言板、会 员制、讨论区等等，在为世人呈现良好的形象，增强在同行业中的竞争能力，开展业务提高效益等诸多方面扮演着其他载体所不可替代 的重要角色。为与行政区划对应的区域性网站，其地位从诞生之日起就是其他规模网站所无法比拟的。因为任何一个企业或团体，都不可能在一个 广泛的范围内赢取全部的受众，而这种市场竞争中变化多端的态势，就为区域性行业的发展提供了一个较好的生存空间。 一方面，它占据区域有利市场，以点带面，拥有得天独厚的地利优势，另一方面，它站点建设结构灵活，针对性强，在管理中能屈能伸， 更加便于业务的实施和拓展。即退可以守，赢得喘息的机会，进可以攻，扩展市场空间。对于区域性企业和团体来说

11、，营造自己的“根据 地站点”对于自身的发展壮大具有十分重要的意义。凭借一个便捷的宣传渠道，立足于一个有利的市场空间，只要操作得当，营销有力， 区域性企业和团体不但可以在弱肉强食的残酷竞争中生存下去，而且还可以活得有滋有味! 网页设计页面大小分析 网站设计时，有一个最常用的指导性原则：页面长度原则上不超过3屏，宽度不超过1屏。这个原则明显是从用户的体验出发，特别是宽 度不超过一屏，其最基本的表现是浏览器不出现横向滚动条，这几乎是目前的设计准则。那么这里的一屏到底是多大呢？ 普通用户通 常浏览网页时，其浏览网页的有效面积会受到下面几个方面的影响： 1、显示器的分辨率这个由科技发展和用户购买力及喜好

12、决定，其 数据取决于统计。 2、操作系统毫无疑问目前是 Windows 的天下，其中 WindowsXP 占绝大多数。 3、网页浏览器 IE 依旧份额最高， 但是 Firefox、Opera 和 Safari 等也有一定市场。 4、个人定制主要是用户定制操作系统的样式、操作系统任务栏是否隐藏和浏览器的样 式，但是总体上这部分应该属于高级用户，绝大部分用户依旧会使用操作系统和浏览器的默认样式。 由关于浏览器和屏幕分辨率的统 计数据可以得出： 1、基本上用户分辨率都在800600以上，绝大部分都在1024768以上，从全球情况来看，800600的分辨率会越来越 少。 2、国内浏览器依旧是 IE6的

13、天下，这将会持续较长的时间。从全球市场来看，国内的 Fire . 浏览器可视大小浏览器可视大小网站设计时，有一个最常用的指导性原则：页面长度原则上不超过3屏，宽度不超过1屏。这个原则明显是从用户的体验出发，特别 是宽度不超过一屏，其最基本的表现是浏览器不出现横向滚动条，这几乎是目前的设计准则。那么这里的一屏到底是多大呢？ 普通用 户通常浏览网页时，其浏览网页的有效面积会受到下面几个方面的影响： 显示器的分辨率这个由科技发展和用户购买力及喜好决定， 其数据取决于统计。 宽屏窄屏的网页宽度设置 1、800*600 下，网页宽度保持在 778 以内，就不会出现水平滚动条，高度则视版面和内容决定。 2

14、、1024*768 下，网页宽度保持在 1002 以内，如果满框显示的话,高度是 612-615 之间.就不会出现水平滚动条和垂直滚动条。 3、在 ps 里面做网页可以在 800*600 状态下显示全屏，页面的下方又不会出现滑动条，尺寸为 740*560 左右 4、在 PS 里做的图到了网上就不一样了，颜色等等方面，因为 WEB 上面只用到 256WEB 安全色，而 PS 中的 RGB 或者 CMYK 以及 LAB 或者 HSB 的色域很宽颜色范围很广，所以自然会有失色的现象 5、1024*768 下网页的尺寸:width=955,height=600800 * 600 下网页的尺寸:widt

15、h=760,height=420 页面标准按 800*600 分辨率制作，实际尺寸为 778*434px， 页面长度原则上不超过 3 屏，宽度不超过 1 屏 每个标准页面为 A4 幅面大小，即 8.5X11 英寸 问：做网页一直用 1003 的，！这样在 1024*768 观看下刚好满屏不会出现横向滚动条！不明白为什么那么多人说是 1002 满屏不是 1003 满屏！难道我的两个显示器都有问题？ 答：如果你应用了 XP 的主题效果后，在 IE 下的宽度就只有 1000，而给 XP 去除所有效果后，IE 的水平宽度就有 1002 了。 （仅以 1024768 为例） 准网页广告尺寸规格 一、12

16、0*120，这种广告规格适用于产品或新闻照片展示。二、120*60，这种广告规格主要用于做 LOGO 使用。三、120*90，主要应用 于产品演示或大型 LOGO。四、125*125，这种规格适于表现照片效果的图像广告。五、234*60，这种规格适用于框架或左右形式主页 的广告链接。六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。七、468*60，应用最为广泛的广告条尺寸，用于页眉 或页脚。八、88*31，主要用于网页链接，或网站小型 LOGO。 浅谈网页页面尺寸 关键字: 网页 布局 设计 标准 尺寸 网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以 17 寸为主流, 正在朝 19 寸及宽屏的方向发展.但目前也有为数不 少的 15 寸显示器.另一个是浏览器软件,就是我们常用的 IE,遨游,Friefox 等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏 览器工