1、设计网页前需要有整体的架构，明确网页的受众是哪些，确定网页的整体风格。不管受众群体是谁，都应该保持网页的简洁性，让用户来到网页上能够畅通无阻地操作，每一步都能够简便快捷地完成。网页也要有自己的特色，围绕网页的目的来设计主题，给人明确的主题感。同时，网页还必须具备价值，不管是网页上的内容还是产品，还是服务，都应该能够被用户认可，才能够提现他们的价值。架构想好之后就可以准备一些材料了，比如网页小图标，文档内容等，这些一些设计网站都可以找得到，文档需要自己来准备。同时，网上也有一些分享的开源代码，可以直接复制过来使用，能够加快制作进度。制作好的网页后续也要及时的更新维护，随着用户量的增加，内容的增加，服务器要升级，而且互联网变化太快，也需要及时优化网页的风格，内容，主题，体验感等。作为网页设计者，也需要不断地更新自己的知识库，优化自己的技能，不断地学习新的设计知识和技术，紧跟时代潮流，这样才能做出好的网页设计。。

1、网站先开始的是尺寸，一定要对网页设计的尺寸熟悉，尺寸又是分辨率的原理，由于每个电脑尺寸不一样，因此分辨率是有差异的，如现在的电脑屏幕尺寸有9101280等一系列的，那么网站的主体内容规划就要做好提前规划。。

2、配套的网页素材是一定要自己先制作好的，如某一些按钮，一些图标之类的系列部件，都是需求设计人员先设计完善，然后当用到时，直接PS上去即可，这一类都是配套制作的。不提前设置好，将会与网站搭配不协调。。

3、一个网站的颜色一般有三个色调系的，其中分别是主，次，搭配，三个结合，做网页前，一定要先定好网站的颜色，调好色系搭配。设计师如果没有技术功度，那一切都是纸上谈兵，而且作为一个网页设计师，不仅只懂PS就行，flash,这些也是必会的功能之一，简单的懂一些网页制作源理，以及简单的代码，会使用一些主流的自助建站系统或cms建站系统，像pageadmin系统，discuz系统这些。。

1、网站先开始的是尺寸，一定要对网页设计的尺寸熟悉，尺寸又是分辨率的原理，由于每个电脑尺寸不一样，因此分辨率是有差异的，如现在的电脑屏幕尺寸有9101280等一系列的，那么网站的主体内容规划就要做好提前规划。

1、首先要用ps设计出需要的一张张效果图。

2、用ps中切片工具，将前端需要的图片等元素切下来，保存到一个文件夹。

3、用前端代码软件,例如dreamweaversublime写代码实现出一个个html页面，然后保存到一个文件夹。

4、用后端软件PhpStorm MySql写代码实现页面具体功能，然后将页面保存到一个文件夹。

5、后用ftp上传软件上传到购买的网站空间就可以了。

1、所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

1、站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以设计网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。

1、 准备知识，包括学会使用各种前面提到的工具软件。

1、用旅瞎世photoshop来设计网页，不会的可以先神告仿照别人的网站自己用这软件设计一下，学下里面的排版和图片，导航按钮拆肢的设计。

3、具体怎么设计，在这就说不清了，呵呵！。

4、设计完了做模版，嵌程序，是个复杂的事。

1、希望能给你做下一个网页时给予一些儿启发。

2、r记住、你能掌控的时间是有限的r记住、用户是略读页面r当你进入一个房间时，你不会具体的看每一样东西的外表。

3、首先你会注意屋子里面人或物的外形，你环视整个屋子，然后找令你敢兴趣的东西。

4、在第一次浏览网站的时候也会发生类似的事儿，浏览者或用户首先是大体浏览一下。

5、这就需要你引导用户去你想要让他们去的地方。

6、它可能是个登陆按钮、更多内容按钮、或博客文章等等r网站的左上角是明显的位置r这是大家公认的事实。

7、主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始)，另外早期的网站和应用软件也是基于此方法进行设计开发的。

8、我们通常会把LOGO放在左上角，这样是很好的。

9、但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。

10、r了解“F”结构r一些视觉跟踪调查研究证明，用户浏览网站的视觉路线类似于字母“F”型。

11、顶部的位置总是能被看到，中间区域仅有一半被看到，再往下只有左边一部分能被看到。

12、当你在设计的时候不知道将一个内容块放到社么位置的时候，你可以去考虑一下这一因素。

13、r用户都是对广告视而不见的。

14、他们习惯于忽略图片广告和文字广告。

15、避免设计的东西看上去像广告，同时，用户也会忽略大块的文字区域。

16、没有人有时间(更确切的说是耐心！)去阅读大片的文字，他们仅仅是了解页面文章的大意。

17、r文字和图片r一个有趣的事实是。

18、文字比那些绝妙的图片更能够获得注意！如果你想向你的用户传达信息，我建议你使用大的标语文字来代替那些很炫的头部图片……r用设计元素来吸引注意r来吸引注意的好的元素是文字口号，行动纲领的按钮(通常用亮色调)，分成1-2-3级，或者就是一个普通的列表……r如果你在写一篇很长的文章，很重要的一件事情就是你要去找小标题。

19、小标题比其他的内容容易获得关注。

20、使用恰当的标题，通过这简单的步骤向用户阐述这篇文章的主题。

21、r文字格式r恰当的文字格式的编排更有意于阅读。

22、不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。

23、当然，你也需要用格式化强调一些你认为很重要的文字或者句子，这些能够引导你的读者阅读完全文。

24、r使用简洁图片r我前面已经提及过用户对广告是视而不见的。

25、当你在设计过程中使用到图片时，要它们不要杂乱、令人讨厌或不被理解。

26、大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。

27、图片应该简洁、易理解的。

28、r你使用人的脸部图片更容易引起用户的注意，尤其当图片人物的眼睛盯着用户。

29、当然你也可以用目光的方向来引导用户关注某一个方向。

30、r使用留白r使用留白可以给某些元素更多的可视空间，如果某元素与边距或其它元素太近就容易被混淆，那就需要给它留点呼吸的空间。

31、尤其在文字与文字内容之间。