网页设计页面制作步骤-如何布局-要注意什么

网页设计与制作的基本步骤：设计阶段(选择主题-收集和加工素材)——制作阶段(选择网页制制作工具-制作网页)——检测阶段——发布阶段。

1、设计阶段

(1)选择主题

因特网上的网页主体不胜枚举。主题的选择取决于网页的内容，人们一般不会去选择自己感到陌生的主题，而是选择某一个自己最感兴趣，或者是非常熟悉的内容来作为网页的主题，当然专业的网页制作公司除外。

网页主题的选择要有特色，要鲜明突出，不能包罗万象，同时要敢于标新立异。

规划结构：站点的结构好比是建造高楼大厦之前的图纸设计。规划占点就是将站点中每一个网页用树型结构列出来，网页的内容可以省略，只要大体说明其要展示的内胎即可。

规划好站点的总体结构以后，还应该对站点中每一页的栏目、布局等作更进一步的设计。

(2)收集和加工素材

如果说站点是一栋高楼大厦，那么素材就是建造大厦的材料。建造大厦的材料有些可以直接拿来用，而有些材料需要经过加工或者整合以后才能使用。

同样道理，为制作网页而收集的素材有些可以直接使用有些却要借助其他软件加工处理后才能适合网页内容的需要。素才的内容主要有文字、图片、动画、声音、视频、程序等。江收集到的素材分门别类存放起来，需要时可以很快找到。

收集素材的途径很多，在报刊、杂志、光盘、因特网上可以找到需要的素材。条件允许的话，还可以利用数码相机、扫描仪、录音机、摄像机等工具获取身边素材。

收集来的素材还有一个整理、加工的过程。例如，我们常常利用图形处理软件Photoshop来处理加工图片。

2、制作阶段

(1)选择网页制制作工具

制作网页的工具很多，例如Dreanwever FrontPage HoneSite HotDog等，根据自己的实际情况选择一个最拿手、最熟悉的网页制作工具就行。

另外，要制作出满意的网页，还需要使用一些制作网页的辅佐工具，例如Frane设计工具、Java制作工具等。

(2)制作网页

在完成了设计后，只要选择一种自己熟悉的网页制作工具，就可以制作网页了。实际上，制作网页就是将收集和加工后的素材添加到事先规划设计好的网页中去，或者说制作网页就是将文字、图片、动画、声音、视频、程序等素材按照设计的要求合成起来。

3、检测阶段

制作完网页阶段之后，应该对网页做全面的检测，包括检查网页内容的科学性、版面编排的合理性、超链接的正确性以及对网页的内容作适当的增减等。

一个有错误内容的网页时浏览者所不能容忍的，一个编排布局混乱的网页不会引起浏览者多大的兴趣，一个有超链接错误的网页则会给浏览者带来很多麻烦。

4、发布阶段

制作网页的目的是要将网页发布到网上，让更多的浏览者来访问发布的站点，因此发布网页这一环节必不可少，否则失去了制作网页的意义。

综上所述，要制作出富于创意的网页，设计阶段非常重要。事实上，一个网站从设计到制作，再到发布的整个过程中，大部分的精力和时间花在设计阶段。即使在制作阶段，很多时候也会根据实际需要对原有的设计做一些修改。

一、搜索引擎的识别

1、网站具有清晰的导航。根据网站的导航去制定需求。一个清晰明了的用户导航可以让游客在网站中自由的访问，并且根据需要选择合适的内容，而网站导航的加入也可以加大网友的访问深度。

2、页面整洁，栏目之间合理布局。之前看过一个做服装的网站，一进入这个网站就感觉到了皇宫一样，很华丽也很唯美，但是就找不到一点文字介绍，全部都是图片，操作起来很不方便，由于偶然进入了一个较深的页面(该网站没有面包屑导航)，找不到回去的路就只好关掉了页面，无形中就会这个网站的跳出率做出了贡献。

3、设置用户评论板块，增加网站互动性。不可否认的是，现在很多网站都过于独立，和用户之间的互动性不够，其实网站互动性的上升能大大提升网站自身的可信程度，尤其对于一个新站来说，知名度不够，号召力不强，用户是无法相信的。

而这时用户的参与无疑就让网站自身的可信力大大上升，而且一个网站最成功莫过于有众多用户的参与，而评论无疑会让网站生命力更强。

二、以用户体验为前提

1、页面元素的丰富性。什么叫做页面元素的丰富性呢，就是网站有图片、有视频、有评论、有加粗、有分段 这样可以说是一个优质的页面。当然要在适当的情况下出现图片、视频、或者其它的元素。这样也会增加页面的价值。

2、页面的文字大小要符合一般用户的阅读习惯。不要太大，也不要太小，一般13号的字体就可以了。字体的颜色，也要和网页的风格协调，一般都是黑色或者深灰色。

文章排版要鲜明，段落得当，这样更容易让客户阅读。还有文章内尽量少用锚文本，文章内的锚文本一般都是以用户的需求性和相关性来增加锚文本。尽量不要影响用户阅读。

3、页面图片要合适。过多或者过大，图片过多或者过大，很直接的就影响了网页的加载速度，导致用户长时间打不开网页，那就悲剧了，所以，网页的大小和尽量少用图片围标，如果不可避免，那就把图片压缩到最小再上传吧。

一、合理的页面版式

设计网页时，一定要注意页面版式的合理性。一个合理的版式和让人一目了然的网页能够给人带来舒适的感觉，并且会让人愿意花时间去了解。注重版式的设计，不要板块冗杂;页面版式的搭配，注重协调简洁。合理地搭配设计页面中的版式，呈现一个清新的网页。

二、舒缓的色彩设计

无论哪个行业的网页，在设计过程中都不要一味地追求视觉刺激，做出奇异的色彩搭配。在设计网页的过程中，设计者一定要注重页面色彩的搭配，多用暖色调，协调搭配冷暖色。只有色彩足够协调、舒缓，才能够让人有继续停留的念头。

三、新颖的网页内容

网页中的内容，犹如人的灵魂不可或缺。设计一个网页，肯定都是想要宣传某个企业或产品，而网页中的内容更是不能够缺少的。现今，想要用内容吸引用户，就一定需要有新颖的内容，从文字或者其他形式的内容出发，注重原创和内容的新颖。

四、减少使用特殊字符

设计网页时，尽量少用特殊字符。在不同的计算机或者不同的平台中，看到的情况有时候有一些差别，如果使用了特殊字符，很可能会有比较糟糕的展示效果，所以应当尽量减少特殊字符的使用。