网站设计的方法（网站设计的方法主要有三种）

今天给各位分享网站设计的方法的知识，其中也会对网站设计的方法主要有三种进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网站建设方法有哪些？
• 2、制作网站有几种方法
• 3、网站建设的几种常见方式有哪些
• 4、网页设计制作技巧
• 5、网页设计的基本步骤及设计方法

网站建设方法有哪些？

建立网站主要有三种方式：

一、企业自主开发

二、模板开发

三、源代码定制开发

但是一般不建议企业自主开发，不仅需要较长的开发周期也需要雄厚的资金作为支撑。如果企业是一般需求的网站就可以使用性价比高的模板建设来建立自己的网站。

制作网站有几种方法

一种是用WORD制作很简单的，还有用DREAMWEAVER等展业软件做的制作流程一般有搜集素材、制作步骤大搞就是：

网页制作的基本流程

（第一种回答方式）1.网站的需求； 2.网站的定位； 3.网站的规划设计； 4.网站的测试优化； 5.网站的维护运行；

（第二种回答方式）1、分析建站目的（建站要求），建立网站架构，时间允许的话编写具体的《网站建设方案》；

2、根据架构（或者《网站建设方案》）完成初稿设计：

* 首页风格

* 各频道首页风格

* 网站架构图：包括的栏目、子页面等一一列出

这是网站的前台设计，属于美工的范畴；数据库的前台页面也要同时设计制作！

3、审核确认前台设计后进行整体网站数据库的开发制作；

4、前后台里链接；

5、上传至空间，测试数据库！

（第三种回答方式）制作商业网站的流程（包括服务器的应用）

需求分析

项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。

客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：

1.正确性：每个功能必须清楚描写交付的功能；

2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；

3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；

4.简明性：不要使用专业的网络术语；

5.检测性：如果开发完毕，客户可以根据需求检测。

三.系统分析

网站总体设计

在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：

1.网站需要实现哪些功能；

2.网站开发使用什么软件，在什么样的硬件环境；

3.需要多少人，多少时间；

4.需要遵循的规则和标准有哪些。

同时需要写一份总体规划说明书，包括：

1.网站的栏目和版块；

2.网站的功能和相应的程序；

3.网站的链接结构；

4.如果有数据库，进行数据库的概念设计；

5.网站的交互性和用户友好设计。

网站建设方案

在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：

1.客户情况分析；

2.网站需要实现的目的和目标；

3.网站形象说明；

4.网站的栏目版块和结构；

5.网站内容的安排，相互链接关系；

6.使用软件，硬件和技术分析说明；

7.开发时间进度表；

8.宣传推广方案；

9.维护方案；

10.制作费用；

11.本公司简介：成功作品，技术，人才说明等。

当您的方案通过客户的认可，那么恭喜你！您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：

网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。

四. 项目实施

整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。

记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。

开发制作

到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。

调试完善

在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。

宣传推广

宣传推广的基本方法有：

1.网页里设置适当的META标签；

2.各搜索引擎登录；

3.准备新闻稿件在各新闻公告板发表；

4.合理使用Email邮件列表；

5.广告条交换；

6.付费广告。

至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。

维护

网站成功推出后，长期的维护工作才刚刚开始，我们需要做到的是

1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；

2.网站流量统计分析和相应对策；

3.尽量推广和使用您的网址；

4.网站内容的及时更新和维护。

五.遵循的规范

1.网站建设目录规范

2.网站文件命名规范

3.网站建设尺寸规范

4.网站首页head区代码规范

5.网站连接结构规范

网站建设的几种常见方式有哪些

1.营销型企业网站：营销型网站近年来企业不断追求的类型网站，为什么企业这么喜欢这类型网站的呢？那么到头来什么是营销型网站呢？在这我简简单单告诉大家一下，先理解以下情况：网站布局体现产品用户体验+搜索引擎优化规则的合理性，这也可称为营销型网站建设。营销型网站建站的目标性是直接获取销售线索或直接获得订单，它同时可以像一个业务员一样了解客户，能解除用户在决策时的心理障碍，并顺利促使目标客户留下销售线索或者直接下订单，这就是营销型网站的优点，也是企业不断地追求的建站类型。

2.展示型网站：

展示型网站就是以产品展示为主的网站，不具有营销型网站功能布局相对来说简单，企业展示网站追求简洁大方、展示给浏览者的信息直观明了，让客户打开网站后在最短的时间内、最少的鼠标点击次数下获得自己想要的信息。

3.电子商务型：

其实电子商务网站对于企业来说只是做电商才能用得上的，重要带有相对性的在线下单功能，主要是用来进行企业产品的在线销售，在这类型的网站里会有详细的产品介绍和服务信息，网站上通常会有大量的照片，还会有购物车和付款方式，这主要是为了方便用户完成产品的购买。

4.门户型企业网站：

门户型相对来说是专注以资讯来展示的，分享企业的资讯动态，门户型的企业网站建设与电子商务型企业网站就大不相同了，门户型的企业网站通常是为特定的客户建设的，是为他们提供一个资讯交流的平台，通常这类型的企业网站上会有大量的企业资源和企业的服务信息。

5模板网站：

模板只是一个成型的网站，没有设计规划，只有展示的效果，如果要求不可的用户是可以的，如果要求高的用那这是满足不了的，这也是模板站一个不足够的地方。

综上所述，如果自己只是需要一个简单的网站,那么选择模板制作就行,如果想要高质星的设计和独特的功能,那么就找专业人员。我们要根据自己的实际情况,去选择合适的制作网站方式。

网页设计制作技巧

网页设计制作技巧

网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的一致性，并于主页呼应。下面是我整理的网页设计制作技巧，希望对你有帮助!

一、页面平铺

把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。

1.导航栏

导航栏如果设计得恰到好处，是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。

2.LOGO

LOGO并不是每个网站多要有的，他是网站为了给大家一个比较直观的信息的表达工具。LOGO的位置通常在页面的左上角。这个地方最明显和直观，可以第一时间给人于默化的效果;网站的LOGO，一般以静态的居多，也有动态的，但是LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。

3.BANNER(广告条)类型

Banner设计注意点：Banner有动态和静态两种。在浏览网页的.过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。设计要点：Banner的文字不能太多，用一两句话来表达即可;广告语要朗朗上口，可以第一时间的让人捕获表达的重点;图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没;图形尽量选择颜色数少，能够说明问题的事物;如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑;尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。

4.按钮

按钮设计要点：设计按钮要同页面的整体协调，不能太抢眼;有的页面很单调，还要依靠花哨的按钮来提一下;选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简单一些，不要超过四种;很长的按钮可能就是框架的分界，尽量要纤细一些，否则页面会显臃肿。

5.图片

为了美化页面，图片是任何一个页面都要用到的，图片的运用要合理。图片运用要点：图形的主体最好清晰可见;图形的含义最好简单明了;图片内所含文字应该清晰容易辨认;背景与主体明度对比比例应为3∶1到5∶1之间为宜;淡色系列的背景有助于整体和谐;淡色材质背景最佳，能与主题分离之浅色标志或文字背景亦可。

6.文字

文字也是设计的。设计要点：每一行文字的长度最好20到30个中文字(40到60个英文字母);行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读;标题以H1到H3字号为佳，内文Font size=3到4级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果;表格或清单内的字运用相同字型与字体大小，以利辨别。

二、整体规划

有共性，才有统一，有细节区别，就有层次;防止设计与实现过程中的偏差;设计的各部分，要配合整体风格;不仅页面上各项设计要统一，而且网站的各级别页面也要统一;信息不要太过集中，以免文字编排太紧密;不要有太多分散注意力的点。动态闪烁要适中;页面留白部分，要根据平面设计原理来设计，注意分栏式结构不宜留白;还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好;首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片。

三、功能易用性

导航栏应最先调入，以便访客快速前往所需信息空间;页面长度要短，使得用户在信息空间内可迅速移动;导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

;

网页设计的基本步骤及设计方法

网页设计通常有哪些基本步骤呢？要想设计出漂亮的页面。需要熟悉哪些设计方法呢？以下仅供参考！

第一步. 收集与归纳素材

确定项目设计方案、确定项目创意要点、确定项目表现形式、确定项目文案以及确定项目相关素材。

第二步. 处理酝酿,构思画出项目原型图

让思想自由驰骋，发挥思维的灵活性；对前期收集的信息进行综合处理；运用各种方法勾画出若干可实施方案。

第三步：讨论并 总结可实施方案

对一众方案进行筛选并挑选出最具备可行性特质的方案。

第四步. 项目设计实施与后期校验

在整个项目进行过程中，都要对项目的各个关键点进行全面的思考，并要与项目相关的各个角色保持高效的沟通，善于抓住问题核心并能给出相应的解决方案，很多时候设计师的沟通水平决定了项目的进展、推进速度与最后输出成果的质量。

网页设计创意方法之一——借鉴创意法

特点：较适用于短平快．但又要求有细节的项目。

借鉴创意法可以从我们已知的一切入手，一如街边的路牌、途中的风景、斑驳的墙漆、月夜下的街灯，再到同行的案例启发，这些都是我们可以吸取的地方。相信我们都有逛网的习惯，这不仅是积累各方知识及了解时下流行视觉趋势的好方法，无形中也丰富了我们的创意阅历，为借鉴创意种下良好的因子。在工作中，当我们黔驴技穷，为找不出一个好的创意解决方案而挠头时，可以吸取日常工作、生活中的所见所闻，从其中的一个点，或者一个表现出发，借鉴其成功之处，拓宽创意思路，结合项目现状，给出优质的创意设计。

网页设计创意方法之二——情景(情感)映射创意法

特点：较适用于短平快．对情感有一定诉求的项目。

说明：情景创意法的'进行要求对一个想法进行纵向深入发掘，思维忌横向发散。

生活中，我们都是独一无二的，不同的成长的历程赋予了我们不同的阅历、不同的性格、不同的想法与世界观。我们每个人都有自己独一无二的想像力、理解力和判断力。于是乎，当我们面对同一件事物时，会做出不同的情感反映。同样的，在我们的日常创作过程中，也就有了不同视觉风格，不同创意想法的出现。

情景映射创意法是把我们所要表达的概念化的、抽像化的东西（如文案、主题等）丰富化、立体化。把这些所要表达的概念逐步的从低级抽象向高级抽象演变，直至获得满意的创意表达为止。

比如说春天，在想到春天的时候。在脑海里我们都会出现不同的元素，丰富而有诗意，绿色、和风、细雨、春泥、青草，还有风筝、燕子、踏青诸如此类。由此，我们可以充份发挥我们的主观能动性，融合主题创造出富有感染力的创意画面。

网页设计创意方法之三——思维导图创意

特点：要求有较好的视觉表现力，有思想深度、延展度的项目，如海报、平面、广告、富媒体等。

思维导图是一种放射性的创意模式，被认为是最自然的一种创意工具(自认为是这样)，很多时候，当项目对创意表达有较高的要求时，它是一个既简单有效又具有美感的创意工具。思维导图法以需要解决的问题为起点，把我们所认识的、与问题有关的元素进行联想细分，向外延展，再延展，充分发挥联想的创造力。然后思维再跳出来，把这些之前创造性的想法都结合起来，进而激发出我们创意的火花。

网页设计创意方法之四——头脑风暴与逆向思维

说明：较适用对整体创意有较高要求的项目，如大中型项目的创意起始阶段。

局限性：头脑风暴方法对会议的主持人有一定要求，要求具备相当的专业性与组织能力。

说起头脑风暴，似乎已经没有人不知道了；在创意工作开始的时候，想到的最优先的，也应该是头脑风暴，但在这里还是想提一下。因为始终觉得在众多创意方法中，头脑风暴确实是优秀的且可行性很高的创意方法之一。

头脑风暴的特点是：众志成城。是集众人才智解决创意缺失的良好方法。是众多创意方案的集合。是创意工作中的捷径。

网站设计的方法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网站设计的方法主要有三种、网站设计的方法的信息别忘了在本站进行查找喔。